Gail’s business change
During Covid Gail’s decided to start offering their products and catering services to individuals and small groups, in order to replace the services they provide to offices only.
My job was to bring this experience online and to create an accessible e-commerce service.
Creating categories
The first step was to understand how many products, prices and images need to be included in the website. I met with stakeholders to address this and I created a large spreadsheet describing products and prices.
I categorised all the products that most of the customers consume.
Designing site architecture
Once I finished creating the categories, I was able to dive into the website structure. Menus, featured products and offers are positioned at the top to provide a clear hierarchy for better customer visibility.
Navigation, Filters & Modals
I Designed a cohesive mobile experience for GAIL’s Bakery, covering navigation, dietary filters, sorting, and detailed allergen popups. The goal was to simplify product discovery and ordering while addressing accessibility and dietary transparency.
Click & collect mobile
I created a visually rich, user-friendly mobile experience that prioritised ease of browsing, clear product presentation and simple actions, helping users select and collect their favourites with confidence and speed.
Delivery Menu – Responsive UI Design
I redesigned the mobile delivery experience, focusing on clear hierarchy, intuitive browsing, and flexible product card components. The system adapts across screen sizes with 1–3 cards per row, ensuring visual consistency and ease of use.
Work included: layout system, product card variants, sticky nav, and category structure.
Mobile menu expansion
Extended the mobile interface to support full menu browsing, from breakfast and lunch to gift hampers and sweet treats. Emphasised visual hierarchy and product clarity, enabling users to explore and select items with ease—whether ordering for one or gifting a curated box.
