Design Process

1. Inspiration

   • Researched live POS dashboards like Loyverse to understand practical user interfaces.

   • Analyzed design patterns and features that align with user needs in admin dashboards.

2. Ideation

   • Used card sorting to determine essential features and organize them logically.

   • Key considerations included:

     • Clear navigation.

     • Critical data points like sales, inventory, and notifications.

     • Visual data representation through charts and tables.

     • User-friendly action buttons for quick management tasks.

3. Design Execution

   • Divided the Figma file into four structured pages:

     • Design Process: Documenting the steps and decisions taken during the design.

     • All Components: Reusable design elements for consistency across the dashboard.

     • Presentation for Each Page: Detailed designs of the required pages.

     • Prototype: A working prototype showcasing user interactions.

4. Focus Areas in Design

   • Dashboard Page: Displayed an overview with key metrics, charts, and alerts.

   • Add Item to Store Page (instead of Sales Page):

     • Included fields for item details, price, stock, and category.

     • Provided quick actions like Add Item, Save as Draft, and Cancel.

   • Products Page: Showcased inventory management with table filters, quick actions, and pagination.

Design Highlights

• Color Palette:

  • Primary: #A4F5A6 for a refreshing and calm look.

  • Secondary: #B3A1FF for contrast and focus.

  • Advantage: Enhances readability and maintains a professional yet approachable feel.

• Typography:

  • Font: Inter, chosen for its multiple font weights and modern appearance.

  • Advantage: Ensures clear hierarchy and excellent readability.

• Prototype:

  • Basic animations to demonstrate interactions, such as adding an item to the store.

  • Focused on simplicity due to beginner-level motion design skills.

Key Takeaways

This assignment provided valuable experience in:

• Designing functional and user-centered admin dashboards.

• Creating cohesive design systems using reusable components.

• Understanding the importance of clear navigation and logical workflows.

• Prototyping and presenting designs effectively.