Poppy's Cupcake
services
Web
technologies
Svelte, Tailwind
location
London
sector
Food
duration
1 week
year
2024
Project Description
In 2024, we partnered with Poppy's Cupcakes London, a local bakery founded by Wendy in 2013. While Wendy had built her original website herself during the early stages of her business, it no longer met the demands of today's fast-paced digital world. The site struggled with speed, functionality, and user experience, hindering its ability to attract and retain customers. We conducted a deep dive into their old website and social media presence to identify pain points and opportunities for improvement.
Our goal was to create a modern, fast, and user-friendly website that truly reflected the charm and quality of Poppy's Cupcakes. By optimizing performance, streamlining navigation, and incorporating a fresh, inviting design, we delivered a platform that not only enhanced customer engagement but also positioned Wendy's business for continued growth in a competitive market. This project allowed us to help Poppy's Cupcakes London thrive online and bring their sweet vision to life.
Web Design
I started by crafting the design with a minimalist approach, ensuring it aligned with Poppy's Cupcakes London's vision of simplicity and speed. Instead of using robust colors or heavy animations, I focused on a clean, understated aesthetic that prioritized fast loading times and a seamless user experience. The goal was to direct customers' attention to what truly matters—showcasing their delicious cupcakes and making it easy for users to navigate the site without distractions.
To achieve this, I carefully selected subtle animations and a muted color palette that complemented the brand's identity. The layout was designed to be intuitive, with clear navigation and strategic placement of key elements like the menu, contact information, and calls-to-action. By keeping the design minimal yet impactful, we ensured the website not only looked elegant but also performed efficiently across all devices, from desktops to smartphones. This approach allowed us to create a user-friendly platform that highlighted Poppy's Cupcakes London's offerings while delivering a fast and enjoyable browsing experience.
Web Development
Once the design was finalized, I brought it to life using SvelteKit and TypeScript, ensuring the website was both fast and easy to maintain. For deployment, I chose Vercel to guarantee optimal performance and reliability. To keep the design minimal yet engaging, I utilized built-in Svelte animations for subtle effects like view-on-scroll, ensuring the website remained lightweight and quick to load. Clean, readable code was a top priority, making it easy for anyone to understand and extend the codebase in the future.
To empower Poppy's Cupcakes London, I also built a custom dashboard, allowing them to edit their website independently without needing external help. This dashboard gives them full control over their content, from updating product details to managing promotions. After all, it’s their website—why should they rely on someone else for edits? By providing this tool, I ensured they could make changes effortlessly, giving them the freedom and confidence to manage their online presence on their own terms.
Graphic Design
For the visuals, I opted for a soft and inviting design using a light pink background, which complemented Poppy's Cupcakes London's brand identity. Dark pink was used as the primary color for buttons and key elements, creating a subtle yet impactful contrast that draws attention to calls-to-action. To maintain a clean and modern look, I chose grey for headings, ensuring readability while keeping the design elegant and uncluttered.
The goal was to create a clear visual hierarchy that guides users effortlessly through the website. By using bold dark pink for primary actions and softer grey for headings, I ensured that users could easily navigate and focus on the most important information. Every element was thoughtfully arranged to create an intuitive and engaging experience, reflecting the simplicity and charm of Poppy's Cupcakes London.
Final Product
The final product was a fast, well-built website with a clean and intuitive layout, designed to meet the needs of Poppy's Cupcakes London and their customers. Fully responsive and mobile-friendly, the website delivers a seamless experience across all devices, ensuring users can easily browse and interact with the site no matter how they access it.
The website’s performance and simplicity have already made a positive impact, allowing Poppy's Cupcakes London to showcase their offerings effectively and engage with their audience effortlessly. By focusing on speed, usability, and a minimalist design, we created a platform that not only meets their current needs but also sets the foundation for future growth. This project highlights our commitment to delivering high-quality, user-friendly solutions that help businesses thrive online.
Let's Connect
Still thinking whether we're right for you?
Let's start a conversation and find out how we can bring your vision to life.
20+
Projects Delivered
95%
Client Satisfaction
24/7
Support & Care
Ready to get started?
Schedule a free consultation call or drop us a message.
Usually respond within 24 hours
'%3e%3cpath%20fill='url(%23paint0_linear_133_2)'%20fill-rule='evenodd'%20d='M50.714%200h-50v50c0%2025.462%2019.033%2046.479%2043.647%2049.6C19.401%20102.402%200%20123.578%200%20149.286v50h50c25.462%200%2046.479-19.033%2049.6-43.647%202.802%2024.96%2023.978%2044.361%2049.686%2044.361h50v-50c0-25.462-19.033-46.479-43.647-49.6C180.599%2097.598%20200%2076.422%20200%2050.714v-50h-50c-25.462%200-46.479%2019.033-49.6%2043.647C97.598%2019.401%2076.422%200%2050.714%200Z'%20clip-rule='evenodd'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_133_2'%20x1='27.5'%20x2='149'%20y1='19'%20y2='174.5'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FFD9A0'%3e%3c/stop%3e%3cstop%20offset='1'%20stop-color='%23FFF5F1'%3e%3c/stop%3e%3c/linearGradient%3e%3cclipPath%20id='clip0_133_2'%3e%3cpath%20fill='%23fff'%20d='M0%200h200v200H0z'%3e%3c/path%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)