My Framer Site

Toronto Cupcake

Redesign Toronto Cupcake E-commerce website.

Where

Saint-Etienne, France

What

E-commerce website

Why

Portfolio Project

Role

Designer

When

Sept 2022 - Oct 2022

Problem

Toronto Cupcake website is ranked first in the first page of google search, however the website lacks of :

Operational simplicity

Strong branding

Effective use of visual elements

Toronto Cupcake website is ranked first in the first page of google search, however the website lacks of :

Operational simplicity

Strong branding

Effective use of visual elements

Let’s Discover the website...

The Hero Section

No Branding, Logo and pictures look like were downloaded from Google Image.

Prices are not shown.

No CTA, there’s no button that allows us to buy or discover products.

no nav bar, Hamburger menu are not made for website breakpoint

No Branding, Logo and pictures look like were downloaded from Google Image.

Prices are not shown.

No CTA, there’s no button that allows us to buy or discover products.

no nav bar, Hamburger menu are not made for website breakpoint

The shop page

Pictures are not appealing.

No hierarchy, all the texts have the same font size.

No dropdown list to choose the quantity.

No filter, you have to scroll down to see other custom cupcakes.

Let’s create some changement !

Branding

The logo is minimal, modern with pink variations—matching the color of the website. Salmon is a blend of pink with a touch of orange. Its shade is just a bit on the lighter side of living coral. Since pink is Salmon's base color, Salmon is seen as a color of hope, health, and happiness.; all of which are the characteristics we want users to associate with Toronto Cupcake.

Toronto

Cupcakes

Toronto

Cupcakes

Typeface

Inter

AaBbCc

0123456789

Primery colores

Name

Salmon

rgb

247, 117, 107, 100%

hsl

4, 90, 70, 100%

HEx Code

#F7756C

Name

Black

rgb

23, 23, 23, 100%

hsl

0, 0, 9, 100%

HEx Code

#171717

Name

Creme

rgb

255, 240, 240, 100%

hsl

293, 0, 100, 55%

HEx Code

#FFEBD6

High-Fidelity

I added a nav bar, an appealing title with a CTA button

A shop page with appealing images, prices and filter.

A product page was added to see more details about the product

Without forgetting social proof and upsellings.

Next Project

Home

Selected projects

Home

Selected projects