Grocerise
Project Overview
A colleague’s pet project that combs the weekly flyers for you, and gives you the best price on essential goods.
Find out the story behind Grocerise.
Objective
Design a logo, and consult on icons and page layout. My client was looking for a quick fix as the website was already live.
tools
Page Layout
Wireframing
Graphic Design
Logo Design
UX
Colour Theory
Canva
Figma
Working with Developer
Copy Writing
Original Grocerise Website
Version 1
Wireframe & Brainstorm
Since this was an existing website, I pulled screen shots into Figma and designed on top of them, instead of creating a brand new wireframe.
The original Grocerise website lacked a cohesive brand identity and modern design elements. The navigation was not intuitive, making it difficult for users to find the information they needed, fast. In my redesign, I focused on creating a more user-friendly experience, improving visual appeal, and aligning the brand with Grocerise’s core mission of helping users find the best prices on essential grocery items.
My suggested changes included:
- More spacing
- Ensuring all the boxes were the same height
- Several different icons to clarify or match the weight of the rest
- Including more information for the user to clarify when they can expect price updates
- Add a header/footer
- Optional contact us, archive, community blog, about and land acknowledgement sections with a hamburger menu
- “Back to Top” button to reduce user scrolling
Logo
Within a couple hours I came up with the logo and favicon below. Since Grocerise is one letter away from groceries, I wanted the difference to stand out in the logo.
I wrote the slogan and used the arrow to emphasize the “rise” aspect of the name.
I think the layout and typography of this logo are strong, but looking back, I think the dark green is too dark and the beige is too drab for a project dedicated to fresh groceries.
Quick Note
My client has implemented some of these changes on the site, however they are extremely busy and haven’t had time to add all of my suggestions.
I’m continuing to work on this project on my personal time, with the knowledge that my client will update the website when they have time.
Check out Version 2 below for the changes I plan to make!
Version 2 – The Revamp
Design system
The moodboard for Grocerise Version 2 was a critical part of the redesign process. It helps define the visual direction for the new brand identity, including a modern colour palette. This moodboard will guide the creation of a fresh, user-friendly design that better reflects the brand’s mission.
The new colour palette for Grocerise was designed to reflect the brand’s modern and user-friendly identity. By using a mix of fresh, vibrant colours, the redesign aims to create a visually engaging experience that will make the site easy and enjoyable to use.
I consider this a work in progress, so check back for updates!
Logo
Using the new and improved design system, I would propose these two logos to the client. The updated versions incorporate more vibrant colours representing the site’s mission of helping users find the lowest prices on essential goods. The refined design showcases my ability to evolve brand identities to keep them fresh and relevant.
