Background


<aside> 💡 I designed the user interface for both the customer and admin sides of Frankie’s In Style's Order and Inventory System. This system enables the business owner to track orders placed by customers on the website and add external orders from various platforms. Additionally, it allows efficient organization and monitoring of material and product inventory.

Frankie's In Style is an online accessories shop established in October 2020. The brand offers a diverse range of handmade accessories, including pre-styled necklaces, bracelets, anklets, rings, and lanyards. Custom orders for these products are also accepted. Frankie’s In Style's products are available for pre-order on Shopee, Facebook market listings, and Instagram.

</aside>

View the Prototype


[https://www.figma.com/proto/iNRMbFQfoJoSrSK63ruNHy/Frankie's-In-Style-UI?page-id=824%3A1295&node-id=1028-1322&starting-point-node-id=1017%3A1298&scaling=scale-down-width](https://www.figma.com/proto/iNRMbFQfoJoSrSK63ruNHy/Frankie's-In-Style-UI?page-id=824%3A1295&node-id=1028-1322&starting-point-node-id=1017%3A1298&scaling=scale-down-width)

iMac.png

Challenges

<aside> 💡 Frankie’s In Style’s main issue stems from its lack of an organized order system creating an early bottleneck in its operations.

Process to Output

<aside> 💡 The project adhered to the Systems Development Life Cycle, ensuring a systematic approach to its creation. The initial phase involved comprehensive documentation of the system architecture.

Subsequently, I focused on designing the customer-facing elements, encompassing the landing page, product pages, shopping cart, and check-out functionalities. Moving forward, equal attention was given to developing the administrator side, which encompasses essential functionalities such as product management, order tracking, and inventory management.

</aside>

Untitled

Customer views

Customer views

Admin views

Admin views