Dolce Donuts

Dolce Donuts

The Dolce Donuts Website project is a focused effort to enhance online presence and create a more enjoyable online experience for customers. With a dedication to user research, user-centered design principles, the goal is to create a delightful and user-friendly website that mirrors the warmth and delicious offerings. Visitors can look forward to a smoother journey, whether they’re browsing our menu, placing orders, customizing their own donuts, or connecting with our community.

Role

UI/UX Design

Tools

Figma, Adobe Illustrator

Duration

Sep 2023 – Dec 2023 (3 months)

Features

Interactive Donut Customization

Interactive Donut Customization

  • Enables users to customize their donut orders with ease
  • Offers real-time previews of donut modifications, including dough types, toppings, fillings, and decorations

Dynamic Menu Navigation

  • Implements a dynamic menu navigation system for easy exploration of donuts, bakery items, and drinks
  • Incorporates a “Go to Top” button for effortless navigation within long menu sections, enabling users to quickly return to the top of the page
Dynamic Menu Navigation
Dynamic Menu Navigation

Dynamic Menu Navigation

  • Implements a dynamic menu navigation system for easy exploration of donuts, bakery items, and drinks
  • Incorporates a “Go to Top” button for effortless navigation within long menu sections, enabling users to quickly return to the top of the page
User-Friendly Cart

User-Friendly Cart

  • Upon clicking the “Add to Cart” button, a user-friendly pop-up notification appears, confirming the addition of the item
  • The cart icon dynamically updates to display the total number of items added, providing instant visual feedback to the user

Style Guide

Dolce Donuts Style Guide

Wireframing

Wireframing serves as a blueprint for creating user interfaces. It provides a visual representation of the structure and layout of an application or website, focusing on functionality and user experience.

Dolce Donuts Wireframe

Final Design

The final design of Navie reflects a user-centered approach, incorporating feedback from usability testing to create a more intuitive and visually appealing experience.

Dolce Donuts Final Design

Next Project is...

Campus Canvas

Campus Canvas