No items found.
No items found.
Wall of Love
Roadmap

I redesigned a local cupcake shop's homepage

Key points

Topics

  • An attractive digital presence makes people believe that your offer is high-quality
  • Show, don't tell. And make sure your descriptive imagery is big and high-resolution
  • Don't say "welcome". Instead create a clear starting point and convey what can be done on the site
  • You need to know what questions viewers will have so you can make the answers visually prominent (scannable)
  • Look and feel is just as important as the informational message. Use balance, type, color and visual interest to create a mood
  • Consistent alignment and grouping makes content consumption easier

In this redesign I talk about the aesthetic-usability effect, the best "welcome" you can give users, alignment, imagery, mood and much more...

Creatorfuel helps you master high-value skills of the digital era. Learn more.

weekly creatorfuel
Actionable tips & tools for creative minds.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
“I'm floored by how much content you deliver in these emails. Again, thank you!” -Lindsey O.
weekly redesigns
Learn design through redesigns
Every Tuesday, I redesign something you send me and explain my exact thought process
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
“I'm floored by how much content you deliver in these emails. Again, thank you!” -Lindsey O.

This is a redesign I did for Flux Academy's Instagram stories last year.

Background

Toronto Cupcake Co. is a Toronto-based business that delivers delicious gourmet cupcakes. They've been operating for 11 years and mainly target business meetings, birthdays, and weddings.

Toronto Cupcake was created by Michelle Harrison. You can learn more here.

Before

✅ Attractive offer

These cupcakes look mouthwateringly AMAZING. The website should match the cupcakes, wouldn't you agree?

✅ First in search!

They are search result #1 when I search “Toronto cupcakes”!

In fact, they rank on the first page for a lot of great keywords.

❌ Are you selling packaging or cupcakes?

A nice close-up shot of any of your cupcakes would be more effective than showing the packaging. Show, don't tell.

❌ Never say "welcome"

Truth is, users don't really care about greetings and small talk.

As a user, I would have 2 major questions when I get to this page:

  • Where are the cupcakes?
  • How much is delivery and how long does it take?
nngroup.com

❌ Low-res imagery

Poor image quality hurts credibility. Users assume that the quality of your digital presence and your offer are directly proportional.

Do your offer justice by ensuring it is well represented as well as big and prominent.

❌ Where's the mood?

Every layout has an informational message and a feeling message. This layout lacks a feeling message which is created with typography, balance, color and visual interest.

❌ Inconsistent alignment

Consistent alignment creates order (which is visually satisfying for users) and provides viewers with consistent visual reference points making scannability and content consumption much easier.

❌ Make important information visually prominent

Out of sight, out of mind. Users know that their options are endless. They will not hesitate to abandon the page if what they need isn't immediately visible.

❌ Next steps?

How do you want users to take action? What do you want them to do next?

❌ Weak first impression

They should take advantage of all this organic traffic (undoubtedly bringing in lots of new users) by leveraging the Aesthetic-Usability effect. This is especially important given the fact that the purchasing experience happens exclusively on the website (this is not a brick and mortar business).

An aesthetic layout is one that communicates what users need to know in a scannable manner and makes users feel something through visual language.

nngroup.com

The Redesign

🎯 Goals

  1. Make access to the cupcakes visually prominent
  2. Make learning more about delivery visually prominent
  3. Strengthen the informational message
  4. Make the information scannable
  5. Higher quality prominent imagery of the offer
  6. Give the layout a mood

1) Cupcakes previewed and accessible

Users can either quickly cycle through some featured cupcakes using this slider or hit the "Cupcakes" call-to-action to view all cupcakes and obtain more details.

2) Learn more about delivery as a secondary CTA

Surely, users will want to get more details on delivery cost and time, so I took it out of the hamburger menu and made it immediately visible.

3) Replaced "Toronto Cupcake" and "Welcome" with a stronger headline

An inspiring & attention-grabbing headline that leads into what users can actually do on the site (via the buttons underneath).

4) The most important content is now visible at a glance, and neatly grouped

Reducing content density through grouping makes a layout scannable and easy to consume and navigate for viewers.

5) Big, close-up, high-quality imagery (Descriptive)

3D cupcake created using Adobe Dimension. Current website doesn't have any usable product shots.

6) Visual language established

  • Dynamic asymmetrical layout feels spirited and lively
  • Playful & approachable typeface in Recoleta
  • Orchid pink is a color of comfort & sweetness
  • Rounded corners on buttons and icons contributes to approachable overall feel

Get my weekly redesigns in your inbox

Submit something I should redesign

weekly creatorfuel
I share tips & tools every creator should know.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
“I'm floored by how much content you deliver in these emails. Again, thank you!” -Lindsey O.
weekly redesigns
Learn design through redesigns
Every Tuesday, I redesign something you send me and explain my exact thought process
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
“I'm floored by how much content you deliver in these emails. Again, thank you!” -Lindsey O.

Fresh Youtube videos

Random

Reflections

Have you forgotten about the fundamentals?

I’ve learned that no amount of coaching, fancy apps, “creativity hacks & tips” etc, will make up for:

  • Subpar sleep
  • Low vitamin D3 (lack of direct sunlight exposure)
  • Lack of movement (sports, resistance training, cardio)
  • Poor diet (macro and micronutrients)
  • Nonexistent stress management

Get these right first.

They are the highest impact things you can do.

Ignoring these is like a student ignoring the fundamental concepts needed to ace an exam and instead focusing on color-coding their notes, using fancy study apps, and organizing their study space with intricate decorations.

Master the basics. Everything else falls into place.

...read full post
Aug 15, 2023

Nonfiction books are too long

Most nonfiction books should've been 1000-word articles.

I find myself abandoning a lot of books right around the 25-30% mark.

Not because they're bad, but because I fully get the gist by that point and it's right around when the repetition of examples and ideas begins.

I'm okay with abandoning a book midway now. Just a couple years ago, I would power through the whole thing in fear of missing out on some crucial ideas in the later chapters.

Now, I just have fun with it. If it piques my interest, great – I'll buy it, read the chapters that seem interesting, get what I came for and move onto the next one.

I think a lot of these authors are just trying to meet some sort of quota. I dunno.

There's elegance in brevity.

...read full post
Aug 14, 2023

A note on this weird cold plunge trend

So many of these "gurus" telling us to take cold showers and cold plunges 😂 😂

If you’re tired all the time:

  • Go get your bloodwork done and see what you’re deficient in
  • Get outside. Get some damn sun
  • Sleep well
  • Use your mind to build something – It'll energize you

Stick to high-impact basics. These little micro-optimizations aren't going to change anything.

Enjoy your hot showers 🔥🚿

...read full post
Jul 21, 2023