Your address will show here +12 34 56 78
Welcome to The Rolling Donut
Creating the Rolling Donut website was a delightful journey that combined the best of UX, UI, illustration, and animation. We started by crafting an intuitive user experience that guides visitors through a vibrant, donut-filled world. The user interface was designed to be playful and engaging, with whimsical illustrations bringing each donut to life. To top it off, we added fun animations that make the browsing experience as sweet and dynamic as the donuts themselves. The result is a website that’s as enjoyable to explore as it is to eat a Rolling Donut!

Rolling Donut UX to UI This user-centered approach ensures that the interface is not only functional but also easy and enjoyable to use. Creating a Design system Next, we began exploring the user interface. We chose the colour palette based on the existing logo and expanded upon the brand's visual identity for the website. The choice of Edmond Sans as a typeface was driven by its excellent legibility and versatility, making it suitable for various design contexts. Rolling Donut User interface We then set to work creating the elements that make up the website. We crafted a bold and vivid UI with strong graphic elements. Our use of real elements, such as the neon signs taken directly from the shop, helped create a recognizable atmosphere and established a tangible connection between the website and the physical store. We began by understanding user needs, behaviors, and pain points through UX research. From these insights, we translated our findings into intuitive UI elements, such as buttons, navigation, and layout, that are designed to cater to the users' goals and enhance their overall experience. This approach ensured consistency across the platform, creating a cohesive and recognisable user experience that reflects the brand's personality. Additionally, its fun and playful aesthetic aligns well with the desired look and feel, adding a lively and engaging touch to the overall design. The use of black, white, and yellow as our primary colors, along with fun animations and illustrations, resulted in a simple yet delightful look and feel. This combination brought a sense of vibrancy and energy to the design while maintaining clarity and ease of use. This approach not only enhanced the visual identity but also fostered a sense of familiarity and authenticity, allowing users to feel more connected to the brand.