Work Lab
Chunky cookies and brownies
Brief
Whiskdom is a small independent bakery based in sunny Singapore, known for its big chunky ooey-gooey cookies and oozing brownies.
Project type
UI/UX Web Design
Webflow Development
Year
2021
See live
whiskdom
About “Whiskdom”
Big chunky ooey-gooey cookies and oozing brownies
Whiskdom makes phenomenal cookies (and brownies too!).
Whiskdom pride itself in being a small business built on grit, hard work, dreams and invest a lot of passion into what they do, sourcing only the finest ingredients, handpicked from around the world.
Determining goals
Keep seeking magic everyday
Wisdom makes everything in-house from scratch daily and has chosen to source chocolates from fair trade sources and Rainforest Alliance Certified farms. Together, we can build a more sustainable planet. And it leaves us with a warm fuzzy feeling when you tell us our bakes left a smile on your face.
Project scope
Creating usable and accessible website
The primary goal was to create a better, memorable, and brand-oriented user experience. Helping customers to get to know the brand and help them explore and purchase the products smoothly. It is not enough to make a beautiful website for a brand to leave a good impression.
What we did
Often it is necessary to dig deeper and create not only the appearance but also the process within it. How are service and experience created? That's what design is all about.
Empathize
From analyzing the data and heat maps to create site maps, we held multiple discussions to pinpoint each problem and reimagine the intact structure.
Rethink
Using sketches and wireframes, multiple potential designs were explored to find the best solution for underlying problems and creating a better brand-centered design.
Execute
After finalizing the art direction with the client, the web interface was designed in Figma and then developed using Webflow to bring it to life.
Test
The website was launched and tested to gather data regarding performance and user flow through heat maps, analytics tools, and surveys.
Design
UI/UX
From structure to typography, everything was considered making sure it aligns with the brands' goals and is helping in solving the problem and creating a better product.
Site-map
.png)
Wireframe
Color Palette
.png)
Typography
Icons
Adaptive Interface
Webflow
Development
Webflow was the tool of choice to execute the development process in the most seamless way possible, considering the ease of management and need of the project.
.png)
Setting-up
Integrations
The website was integrated with third-party tools and products to add enhanced features, gather user data, and process it to provide the best experience possible, all without compromising product functionality.
%20(1).png)
.png)
.png)
%20(1).png)
Final product
Taste the colors, experience baking
We adopted delicate and light brand colors to create a contrast with the dark chocolate color used in almost everything at Whiskdom. Products were showcased through clean photography and interactive experience, making it easy for visitors to scroll through the menu and explore all options.
