Una Providore
Una Providore is a premium website for a fine food provider in Sydney, offering an elevated experience for exploring gourmet products and seasonal specialties.
Project Overview:
The Una Providore website was crafted to reflect the brand's dedication to fine food and rich culinary heritage. Our goal was to design a sleek platform where users can browse products, explore seasonal offerings, and engage with the brand. The design emphasizes elegant aesthetics and intuitive navigation, ensuring flawless usability across all devices
Challenges:
- Seasonal catalogue: a range that rotates through the year, without a rebuild each season.
- Editorial and commerce together: product browsing that still reads as a brand, not a grid.
- Photography weight: large produce imagery that must not cost load time on a phone.
- Editable structure: new content blocks added by the team without disturbing the page.
Objectives:
- Improve Usability: Simplify navigation and enhance user experience.
- Ensure Accessibility: Optimize for mobile, tablet, and desktop.
- Showcase Information: Present key content clearly.
- Enhance Performance: Improve load times and responsiveness.
Our Solution
We created a user-centric, responsive website that reflects Una Providore's elegance and culinary craftsmanship. By leveraging modern technologies and design principles, we ensured a seamless user experience across all devices, enabling effortless navigation and enhanced functionality.
Technologies/Tools:
- HTML5
- CSS3
- JavaScript
- jQuery
- Bootstrap
- PHP
- WordPress
- Yoast SEO
- Google Analytics
Product browsing that still reads as editorial rather than a grid, so a seasonal range looks like a kitchen's selection and not a catalogue dump.
A sleek, fully responsive build where the produce photography carries the page without costing load time on a phone.
WordPress with an editing structure the team uses to add new blocks and rotate the range each season, without a rebuild.
Usability checked on phone, tablet and desktop, on devices rather than in a resized browser window.
Cross browser and cross device checks before handover.
Large imagery served at the right sizes, with caching, Yoast and Google Analytics set up on handover.
Process:
Discovery
Worked through the Una Providore range with the owners to learn how customers actually shop fine food, and what seasonal rotation means for a catalogue.
Strategy & Planning
Mapped the catalogue into browsable categories and seasonal collections, and agreed the page templates the brand would need as the range grows.
Design
Designed an editorial storefront that lets produce photography lead, with typography and spacing chosen to carry the brand's culinary positioning.
Development
Built the storefront and product browsing to be fast on a phone in a kitchen, with content blocks the team can reorder without a developer.
QA Testing
Tested the browse and enquiry paths across phones, tablets and desktop, and checked the layout holds when a seasonal product has no image yet.
Launch & Handover
Launched the site and handed over the content structure, so seasonal ranges can be added and retired in-house.
Color Palette
Desktop
Desktop Previews
Mobile Previews
What we did on Una Providore
- Frontend developmentReact, Next.js and TypeScript interfaces built from design
- CMS developmentStrapi, Prismic and WordPress, headless where it earns its place
- QA and testingManual and automated testing on the paths that carry revenue
Let's Get Started Now!
We would love to hear from you and discuss how we can help bring your digital ideas to life. Here are the different ways you can get in touch with us.