Project Summary

The concept behind Good Morning is to offer an e-commerce application that presents users with an exclusive selection of lifestyle products every morning. Upon opening the app, users are greeted with these curated product selections, each collection featuring multiple references. Purchases can be made directly within the app using a swift payment system. With the promise of providing new and unique experiences daily, Good Morning aims to inspire users as a dynamic concept store, offering fresh exclusives on a regular basis.

Information Architecture

A crucial step in the user journey is establishing the main navigation, commencing with the loading page to ensure seamless transitions. The "Home" page acts as the central hub, offering users an overview of available collections. From there, users can delve into specific collections on the "Collection" page, exploring the platform's array of products.

To enrich user engagement and bolster sales, the "Explore" page empowers users to discover new products using various criteria like trends, topics, or keywords. This functionality fosters the exploration of fresh content and opportunities.

Wrapping up the main navigation, "Profile" and "Cart" pages offer users additional functionalities such as accessing help, viewing past orders, and reviewing products for potential purchase. As the platform evolves, this section may expand to encompass pages like "Payment" and "Confirmation," ensuring the scalability and adaptability of the user interface to meet evolving needs.

The sitemap serves here as a high-level view of the platform structure and its connections between all the pages and features.

WireFrames

The wireframe initiates the creative aspect of interface design, serving as the foundational blueprints bridging idea generation and prototyping. The main difference compared to the final prototype is the emphasis on the visual aspect of design, while the structure and pages of the application remain consistent with the final version.

Design System

My design system establishes guidelines for color palettes, icon styles, font usage, button design, grid layouts, and reusable UI components. By ensuring visual harmony and usability standards, design systems streamline the design process, facilitate collaboration, and maintain brand consistency, resulting in enhanced user satisfaction and efficiency in product development.