iCutters

UX/UI design.

Project Overview.

Design a mobile application that offers users easy and convenient access to a diverse selection of cookie cutter designs and sizes, guaranteeing a seamless and user-friendly shopping experience while helping them find the perfect cutter for their needs.

  • Role

  • Product, UX/UI, Research, Branding

  • Tools

  • Figma, Illustrator  

Background

This mobile app presents users with an extensive collection of cookie cutter designs and sizes, produced using 3D printing technology. Whether seeking traditional shapes or custom-made designs, the app meets all preferences. Its user-friendly interface facilitates effortless navigation, guaranteeing a smooth and enjoyable shopping journey.

Problem Discovery

Users face difficulties in accessing a wide variety of cookie cutter designs and sizes through existing sales platforms, limiting their ability to choose and customize.

Our Solution
Introducing the New Cookie Cutter App: Simplifying Shopping with Diverse Designs, Sizes, through 3D Printing, Plus Easy Access to Customer Support

The new cookie cutter app provides users with simple and convenient access to a diverse range of designs and sizes, making their shopping experience much easier and more enjoyable. With the option of 3D printing, users can effortlessly browse for the ideal cookie cutter to suit their specific requirements. Plus, if they need any assistance, whether it's asking questions or seeking real-time help, they can easily reach out to customer support for prompt assistance

Exploring by categories

Intuitive Category Navigation for Seamless Product Exploration and Customization

Offers users the ability to browse through categories and subcategories, enabling them to explore the entire product range. With intuitive navigation, users can select items, customize sizes, and then either add them to the cart or save them as favorites.

A seamless sign in experience

Enhanced User Experience: Flexible Login Options for Seamless Access and Convenience

Convenient login feature offers users multiple options: they can register and create a new account, log in with existing credentials, or proceed as a guest. This enhances the user experience by providing flexibility and easy access to platform services, including checkout.

Chat

Real-Time Messaging: Seamless User Support for Instant Assistance

Provides users direct communication with the support team for assistance. Thanks to real-time messaging, users can easily ask questions, seek help and receive assistance in real time.

Empathize

A closer look into our users

Based on previous observations and interviews, I recognized that there were three key user types that the design tried to solve problems for. Creating user personas helped me start to visualize and understand the user's needs and challenges.

Carlos
Bakery owner
45 years old

Carlos owns a family bakery and is looking to expand his product offerings to include decorated cookies. He is interested in high-quality cookie cutters that are durable and easy to clean due to the production volume in his business. He values efficiency and the ability to adapt to his customers' demands.

María
Cookie entrepreneur
35 years old

María is a hardworking mother who recently decided to turn her passion for baking into a homemade cookie business. She has basic baking skills but is eager to learn and improve. She is interested in cookie cutters that are easy to use and help her create attractive products for her customers.

Sophia
Baking enthusiast
25 years old

Sophie is an enthusiastic baking hobbyist who enjoys making decorated cookies in her free time. She is looking for cookie cutters with creative and fun designs to experiment with new recipes and decoration techniques. She enjoys exploring different options and appreciates the convenience of buying cookie cutters online.

Ideate

Navigating through iCutters

Based on the following user stories, I created a user flow diagram to visualize how users will navigate the app to accomplish their goals.

"As a new user, I want to to browse through categories and add products to either the cart or favorites"

"As a new user, I wish to proceed to an easy checkout"

"As a new user, I want to ask questions, request help and receive answers in real time"

Design

Mid-Fidelity Wireframes

After the sketches, I moved on to make mid-fidelity wireframes. This helped me work on more details (Copy, UI elements). I made sure to follow visual hierarchy principles and a grid design.

User flow: Add an item to the cart.

Visual Style Guide

Bringing everything together

Based on my mood board and by applying visual design principles, I created a style guide to summarize the app’s important design elements.

Design Grig

Icutters adopts a mobile-first design approach to ensure seamless accessibility and user experience across all devices.

Icons Guideline

Size: Minimum size for an icon is 20x20 and the max size is 24x24 as needed.
‍
Stroke: All icons should be aliened with a min 1.5 px and max 2 px

Monochromatic: Icons default color is (404040). But icons can be used in any brand color
‍

Conclusion

What I learned.