Problem
Many businesses, especially online sellers, struggle with:
Viewing overall sales performance
Identifying revenue trends over time
Quickly finding order data
Managing customer information in one place
Without a clear dashboard, data tends to be scattered and difficult to analyze, which slows down the decision-making process.
Solution
I designed an interface that focuses on making sales data easy to read through clear information structure, proper data visualization, and a UI that feels familiar to business users. This approach helps users quickly understand sales performance without a long learning curve.
This solution uses:
A well-structured information hierarchy, starting from key metrics and trends to supporting data.
Data visualizations that match the context, such as line charts for sales trends and bar charts for platform comparison.
Consistent UI components like cards, tables, and sidebar navigation to make the experience easier to understand and use.
With this approach, the interface becomes more concise, easier to interpret, and supports users in efficiently monitoring their business.
Design Process
Color & Typography
Dashboard
This page is designed to provide a quick summary of business performance. Key information is placed at the top for easy scanning, followed by charts that help users understand sales patterns and channel comparisons.
Design considerations:
KPIs are placed at the top so they can be understood within seconds.
A line chart is used to clearly show revenue trends over time.
Bar visualization helps compare platform performance quickly.
A radar chart is used to display sales categories or regions in one visual pattern, allowing users to recognize dominance or distribution without having to read long tables.
Order
This page focuses on tracking transaction status and searching for order data. A table layout is chosen because it is efficient for repetitive and detailed operational information.
Design considerations:
A table format is used because it is familiar and easy for users to understand.
Status colors (unpaid, sent, completed, and canceled) support quick identification without reading the full text.
Filters are placed at the top to help users narrow down transactions based on their needs.
Customer
This page helps business owners understand customer characteristics and purchasing patterns. Key insights are placed at the top as context, followed by a detailed customer table.
Design considerations:
A customer summary is placed at the top to provide an initial overview.
A customer table is used to make information easier to read and browse.
Sorting and search functions allow users to quickly find specific customer data.
Conclusion
Orderly is designed to help users quickly understand sales data through a simple, structured, and easy-to-use interface. By prioritizing information hierarchy, relevant data visualization, and consistent UI components, the user experience becomes more focused and efficient when monitoring business performance. This approach ensures that every element serves not only as a visual component, but also as a functional part that supports user needs in the context of managing sales and customers.
