Georganics

Georganics

Services
UX Design
UI Design

Client
Geogranics
(For Impression)

Working with the established and growing natural toothcare producer and retailer. I was lead designer on the overhaul of the re-design of their shopify ecommerce site.

From UX & wireframing to the visual design I was responsible for creating a modular, component let approach.

geo-1
geo-2

Responsive Design

Responsive Design

As with any project, thinking about every breakpoint from the offset was key. But being able to deliver a high-quality product on smaller devices was at the forefront of the experience I was designing.

As with any project, thinking about every breakpoint from the offset was key. But being able to deliver a high-quality product on smaller devices was at the forefront of the experience I was designing.

geo-7

Category Pages

Category Pages

I made sure that this pages we're visual and easy to navigate, with all the correct information pulled out.

Also being able to bring related content out into the product grid would help guide new customers and promote key content.

I made sure that this pages we're visual and easy to navigate, with all the correct information pulled out.

Also being able to bring related content out into the product grid would help guide new customers and promote key content.

geo-6

Product Detail

Product Detail

Product Detail

The emphasis behind these pages was to combine a strong e-commerce experience with storytelling. Customers who are new to the brand would most likely need an education to the benefits and ingredients. This was solved by creating a long-scrolling, immersive page, with the help of a sticky on page sub-navigation that would visually tell a story of what the product was about.

geo-3

Subscriptions

Subscriptions

The subscriptions process was a key requirement for the project and needed some thorough planning. Researching examples of other subscriptions models, and creating quick prototypes that were user tested to find the best solution for the client.

geo-4

Navigation

Navigation

Here a variety of different menu's were designed, to make the process as easy as possible for the user. The product dropdown has a toggle to be able to view by product type or by solution.

geo-5

Modular Approach

Modular Approach

Being able to content manage and add new pages, the client required a modular approach, by designing components that be arranged on a page, the client could then create different landing pages using each module.

Being able to content manage and add new pages, the client required a modular approach, by designing components that be arranged on a page, the client could then create different landing pages using each module.

geo-8

Copright 2020 — Jordan Donnelly

Copright 2020 — Jordan Donnelly

Copright 2020 — Jordan Donnelly