designing-memorable-homepage-large

One agency’s secret to designing memorable homepages

Emily Belden's Layout avatar

People have been saying “Don’t judge a book by its cover” for as long as I can remember. But in today’s digital world, does that same rule apply to a website’s homepage?

The first thing you see after you punch in a URL and hit “Go” matters more than ever. It needs to speak to both the customer and to the trends of today. For the customer, is it designed in a way that will appeal to them? Is information easy to find and digest? It is important a site appeals to your visitor because that’s the way they know they are in the right place. To help incite action, you want the information presented to users to feel like it was created exclusively for them.

designing-memorable-homepage-experience Photo credit #WOCinTech Chat

As far as if the page is up to the times, you have to ask yourselves things like: does it require plugins or browsers that most people don’t have?  Is the page responsive to the type of technology that’s accessing it (phone, tablet, etc.)? If a user is attempting to engage with your site on their mobile device but can’t expand a menu or see the full navigation, they’ll abandon the page.

There’s a lot of pressure that comes with designing a homepage and it all boils down to whether visitors remember it for being sleek and easy to use or just the opposite – a clunky mess. Here are some top tips for creating a stand-out homepage design from one of San Diego’s top branding agencies, Grizzly.

Identify key goals the user should achieve

The user experience is as important as nailing the aesthetic, so it’s important to work through the UX process with content and interaction in mind. As all modern designers know, the success of great digital work rests in the ability to tell a story that the user can connect and engage with swiftly and easily.

“We make sure to craft an experience that tells a story and is delightful to engage with,” – Greg Gibson, Partner and Creative Director at Grizzly

designing-memorable-homepage-creativity

Explore your creativity

This is the fun part – and also the hardest. After the discovery and UX phase, you should spend time exploring several stylistic themes or creative concepts that relate back to the brand’s story. In addition to just what the home page looks like, these themes will also serve as the foundation for the entire site. That being said, “Be sure to work with the client to define an art direction that resonates,” Gibson advises. Otherwise, you may find yourself wasting time on revisions that could have been avoided.

Address the four Cs

Finally, the Grizzly team always keeps in mind these four components to creating memorable homepage content:

  • Complexity – What is the depth of information/interaction?
  • Content – What tools are you using to tell the story?
  • Character – How does it look/feel?
  • Context – Where does it live?

As you sit down to begin your homepage design, are you able to answer those four questions? If not, there is more preparation to be done. Think about the questions and talk to your client until you feel comfortable and confident answering those bullet points.

designing-memorable-homepage-meeting

Strive for story-driven design

“Our home page design process depends on the goals and nature of the project/organization, but is always story-driven,” – Gibson, Partner and Creative Director at Grizzly.

So what does that mean and how do you uncover the story? Consider setting up a workshop that helps uncover the narrative the client wants to deliver through your design. A one to three hour meeting that is fun, lively, and engaging will help you identify brand pillars that should manifest into spot-on homepage design.

Sample questions to ask your clients

Need a little more information from your clients? These questions will help you get to the bottom of the story your clients really need to tell. Before you begin, here are a few tips for your meeting with the client(s):

  • Make sure you collaborate with at least three to five stakeholders
  • Set the expectation before handing out the survey (how many questions you’ll be asking, about how long it will take, what you expect for answers – paragraphs, bullets, etc.)
  • Ask for them to work on answers and reply separately
  • Compile all answers on one sheet and provide a digest to the team so they can see what their colleagues have to say. Make sure it’s easy to see where one person’s answer stops and another’s begins.

designing-memorable-homepage-notes

Start with a background of the company. Here, you should learn about the founders, initial launch, and everything major that has lead up to the meeting.

Find out the company’s mission. Have them avoid regurgitating an existing mission statement and instead speak from the heart. Pin the answers down to only one cohesive message.

Ask about their goals as a company. Limit responders’ answers to their top three goals and how they plan to measure them.

Have them explain their products and services. Tell them to keep it super simple, like they’re explaining it a child in grade school.

Make them tell you all about their ideal customer. This will key you into their target demographics.

Find out the story of how customers currently interact with their product. Listening to their point of view will help you acknowledge opportunities for better UX.

Engage with them about their sales strategy. Find out how they are currently selling or what their sales cycle looks like.

Chat about their competitors. Then try to visit their websites, order their products, or go to their stores to experience the competition for yourself.

Inquire about trends. Find out what they feel is a changing trend that’s affecting their industry or business – and how they are staying ahead of it.

Learn what they do better than anyone else. This is also known as their competitive advantage.

Then, throw in some fun questions, such as: if your company were a car/place/person…who would it be?

“Creating a memorable homepage boils down to telling a great story. ” What are some of the more memorable homepages you have seen?

Comments ( 99 )

  1. RonaldFOEFS

    May 9, 2025

    https://zipgenericmd.shop/# affordable ED medication

  2. RobertKet

    May 9, 2025

    modafinil legality: safe modafinil purchase - legal Modafinil purchase

  3. Richardmat

    May 7, 2025

    вавада официальный сайт [url=https://vavadavhod.tech/#]вавада[/url] вавада казино

  4. ZackaryCaush

    May 7, 2025

    http://pinuprus.pro/# pin up вход

  5. ZackaryCaush

    May 5, 2025

    https://pinupaz.top/# pin up azerbaycan

  6. ZackaryCaush

    May 5, 2025

    http://pinupaz.top/# pin up azerbaycan

  7. ZackaryCaush

    May 4, 2025

    http://pinupaz.top/# pin up az

  8. ZackaryCaush

    May 4, 2025

    http://vavadavhod.tech/# vavada вход

  9. Richardmat

    May 3, 2025

    пин ап казино официальный сайт [url=https://pinuprus.pro/#]пинап казино[/url] пинап казино

  10. Richardmat

    May 3, 2025

    pin up вход [url=https://pinuprus.pro/#]пин ап казино[/url] пин ап казино официальный сайт

  11. ZackaryCaush

    May 3, 2025

    http://pinupaz.top/# pin-up casino giris

  12. ZackaryCaush

    May 3, 2025

    http://pinupaz.top/# pin up azerbaycan

  13. Richardmat

    May 3, 2025

    пин ап зеркало [url=http://pinuprus.pro/#]pin up вход[/url] pin up вход

  14. BrianCrugh

    May 2, 2025

    pin up azerbaycan: pin-up casino giris - pin up casino

  15. ZackaryCaush

    May 1, 2025

    https://vavadavhod.tech/# vavada

  16. Richardmat

    May 1, 2025

    пин ап зеркало [url=https://pinuprus.pro/#]пин ап зеркало[/url] пинап казино

  17. ZackaryCaush

    May 1, 2025

    https://pinuprus.pro/# пин ап зеркало

  18. Richardmat

    April 30, 2025

    pin up az [url=https://pinupaz.top/#]pin up[/url] pinup az

  19. ZackaryCaush

    April 30, 2025

    https://vavadavhod.tech/# vavada

  20. Richardmat

    April 30, 2025

    vavada casino [url=https://vavadavhod.tech/#]вавада официальный сайт[/url] вавада зеркало

  21. ElmerSip

    April 30, 2025

    pin up az: pin up - pinup az

  22. ZackaryCaush

    April 30, 2025

    http://vavadavhod.tech/# вавада официальный сайт

  23. Richardmat

    April 30, 2025

    pin up [url=https://pinupaz.top/#]pin up azerbaycan[/url] pin up casino

  24. ZackaryCaush

    April 30, 2025

    http://pinuprus.pro/# пин ап казино официальный сайт

  25. Richardmat

    April 30, 2025

    pin up вход [url=http://pinuprus.pro/#]пин ап казино[/url] пин ап вход

  26. ElmerSip

    April 30, 2025

    пин ап казино официальный сайт: пин ап вход - пин ап вход

  27. Kennethsheby

    April 30, 2025

    pin-up casino giris: pin up azerbaycan - pin up azerbaycan

  28. ZackaryCaush

    April 30, 2025

    http://pinupaz.top/# pin up az

  29. Richardmat

    April 30, 2025

    pin-up [url=http://pinupaz.top/#]pin up az[/url] pin up az

  30. ElmerSip

    April 30, 2025

    pin up az: pin up az - pin up casino

  31. MichaelFaulp

    April 30, 2025

    vipps canadian pharmacy: pharmacy canadian superstore - canadian pharmacies compare

  32. Stevendrype

    April 30, 2025

    RxExpressMexico: mexico pharmacies prescription drugs - medication from mexico pharmacy

  33. Michaeljouch

    April 29, 2025

    mexican rx online [url=http://rxexpressmexico.com/#]Rx Express Mexico[/url] purple pharmacy mexico price list

  34. MichaelFaulp

    April 29, 2025

    mexico drug stores pharmacies: mexico drug stores pharmacies - mexico pharmacies prescription drugs

  35. Walterhap

    April 29, 2025

    https://expressrxcanada.com/# reputable canadian online pharmacy

  36. Stevendrype

    April 29, 2025

    my canadian pharmacy: ExpressRxCanada - reddit canadian pharmacy

  37. Michaeljouch

    April 29, 2025

    mexico pharmacy order online [url=http://rxexpressmexico.com/#]RxExpressMexico[/url] mexico drug stores pharmacies

  38. Dannysit

    April 29, 2025

    Medicine From India: medicine courier from India to USA - Medicine From India

  39. Walterhap

    April 29, 2025

    https://rxexpressmexico.com/# Rx Express Mexico

  40. MichaelFaulp

    April 29, 2025

    the canadian drugstore: canada drugs reviews - safe canadian pharmacies

  41. Stevendrype

    April 29, 2025

    indian pharmacy online: medicine courier from India to USA - indian pharmacy online

  42. Dannysit

    April 29, 2025

    Medicine From India: Medicine From India - Medicine From India

  43. Walterhap

    April 29, 2025

    https://medicinefromindia.shop/# Medicine From India

  44. Stevendrype

    April 29, 2025

    Medicine From India: indian pharmacy online - medicine courier from India to USA

  45. MichaelFaulp

    April 29, 2025

    precription drugs from canada: Generic drugs from Canada - reddit canadian pharmacy

  46. Michaeljouch

    April 29, 2025

    canadian pharmacy online store [url=https://expressrxcanada.shop/#]canadadrugpharmacy com[/url] canadianpharmacy com

  47. Dannysit

    April 29, 2025

    mexican rx online: mexico pharmacy order online - Rx Express Mexico

  48. Walterhap

    April 28, 2025

    http://rxexpressmexico.com/# mexico pharmacy order online

  49. Stevendrype

    April 28, 2025

    mexican pharmaceuticals online: Rx Express Mexico - Rx Express Mexico

  50. MichaelFaulp

    April 28, 2025

    indian pharmacy online shopping: indian pharmacy paypal - Medicine From India

  51. Michaeljouch

    April 28, 2025

    Medicine From India [url=http://medicinefromindia.com/#]buy prescription drugs from india[/url] indian pharmacy online shopping

  52. Dannysit

    April 28, 2025

    Rx Express Mexico: RxExpressMexico - mexico drug stores pharmacies

  53. Walterhap

    April 28, 2025

    http://expressrxcanada.com/# canadian pharmacy

  54. Stevendrype

    April 28, 2025

    ordering drugs from canada: Buy medicine from Canada - online canadian pharmacy

  55. MichaelFaulp

    April 28, 2025

    Medicine From India: Medicine From India - world pharmacy india

  56. Dannysit

    April 28, 2025

    Medicine From India: medicine courier from India to USA - indian pharmacy online shopping

  57. Michaeljouch

    April 28, 2025

    best canadian pharmacy [url=http://expressrxcanada.com/#]Buy medicine from Canada[/url] canadian pharmacy prices

  58. Walterhap

    April 28, 2025

    http://expressrxcanada.com/# canadianpharmacy com

  59. Stevendrype

    April 28, 2025

    RxExpressMexico: Rx Express Mexico - mexico drug stores pharmacies

  60. MichaelFaulp

    April 28, 2025

    Medicine From India: MedicineFromIndia - Medicine From India

  61. Dannysit

    April 28, 2025

    indian pharmacies safe: indian pharmacy online shopping - indian pharmacy

  62. Michaeljouch

    April 28, 2025

    mexico drug stores pharmacies [url=https://rxexpressmexico.shop/#]mexico drug stores pharmacies[/url] Rx Express Mexico

  63. Walterhap

    April 28, 2025

    http://expressrxcanada.com/# canadapharmacyonline

  64. Bradleyfup

    April 28, 2025

    kamagra livraison 24h: kamagra oral jelly - kamagra 100mg prix

  65. BernardVeida

    April 28, 2025

    Acheter Cialis: Cialis generique prix - Acheter Cialis 20 mg pas cher tadalmed.shop

  66. PeterUnomb

    April 28, 2025

    pharmacie en ligne france pas cher [url=http://pharmafst.com/#]Livraison rapide[/url] pharmacies en ligne certifiГ©es pharmafst.shop

  67. BilliesniCt

    April 28, 2025

    kamagra oral jelly: Acheter Kamagra site fiable - Achetez vos kamagra medicaments

  68. Robertmut

    April 28, 2025

    http://kamagraprix.com/# Kamagra Commander maintenant

  69. Robertmut

    April 27, 2025

    https://pharmafst.shop/# pharmacie en ligne avec ordonnance

  70. Robertmut

    April 27, 2025

    https://kamagraprix.shop/# Acheter Kamagra site fiable

  71. BernardVeida

    April 27, 2025

    achat kamagra: kamagra 100mg prix - kamagra livraison 24h

  72. Robertmut

    April 27, 2025

    http://kamagraprix.com/# achat kamagra

  73. Robertmut

    April 27, 2025

    https://kamagraprix.shop/# kamagra pas cher

  74. BernardVeida

    April 27, 2025

    acheter mГ©dicament en ligne sans ordonnance: pharmacie en ligne sans ordonnance - trouver un mГ©dicament en pharmacie pharmafst.com

  75. PeterUnomb

    April 26, 2025

    Tadalafil sans ordonnance en ligne [url=https://tadalmed.shop/#]Cialis sans ordonnance 24h[/url] Tadalafil sans ordonnance en ligne tadalmed.com

  76. BernardVeida

    April 26, 2025

    Cialis sans ordonnance pas cher: Cialis sans ordonnance 24h - Cialis generique prix tadalmed.shop

  77. Robertmut

    April 26, 2025

    http://kamagraprix.com/# acheter kamagra site fiable

  78. PeterUnomb

    April 26, 2025

    Kamagra pharmacie en ligne [url=https://kamagraprix.com/#]Kamagra pharmacie en ligne[/url] kamagra gel

  79. Bradleyfup

    April 26, 2025

    Tadalafil 20 mg prix sans ordonnance: Tadalafil sans ordonnance en ligne - Cialis sans ordonnance pas cher tadalmed.shop

  80. BernardVeida

    April 26, 2025

    kamagra pas cher: Acheter Kamagra site fiable - Acheter Kamagra site fiable

  81. Robertmut

    April 26, 2025

    https://kamagraprix.shop/# kamagra gel

  82. BilliesniCt

    April 26, 2025

    pharmacie en ligne sans ordonnance: pharmacie en ligne - pharmacie en ligne pas cher pharmafst.com

  83. BernardVeida

    April 26, 2025

    Kamagra Oral Jelly pas cher: Kamagra pharmacie en ligne - acheter kamagra site fiable

  84. Robertmut

    April 25, 2025

    http://kamagraprix.com/# Achetez vos kamagra medicaments

  85. Bradleyfup

    April 25, 2025

    acheter kamagra site fiable: kamagra oral jelly - acheter kamagra site fiable

  86. PeterUnomb

    April 25, 2025

    Acheter Viagra Cialis sans ordonnance [url=https://tadalmed.shop/#]Cialis generique prix[/url] cialis prix tadalmed.com

  87. BernardVeida

    April 25, 2025

    Cialis generique prix: Pharmacie en ligne Cialis sans ordonnance - cialis sans ordonnance tadalmed.shop

  88. Robertmut

    April 25, 2025

    https://pharmafst.com/# pharmacie en ligne fiable

  89. PeterUnomb

    April 25, 2025

    pharmacie en ligne avec ordonnance [url=https://pharmafst.shop/#]pharmacie en ligne[/url] vente de mГ©dicament en ligne pharmafst.shop

  90. BernardVeida

    April 25, 2025

    Cialis sans ordonnance 24h: Tadalafil achat en ligne - Cialis sans ordonnance pas cher tadalmed.shop

  91. Robertmut

    April 25, 2025

    https://tadalmed.com/# cialis sans ordonnance

  92. Bradleyfup

    April 25, 2025

    cialis generique: Cialis sans ordonnance 24h - Acheter Viagra Cialis sans ordonnance tadalmed.shop

  93. BernardVeida

    April 25, 2025

    pharmacie en ligne fiable: Pharmacies en ligne certifiees - pharmacie en ligne fiable pharmafst.com

  94. BilliesniCt

    April 25, 2025

    Tadalafil achat en ligne: Cialis sans ordonnance 24h - Cialis sans ordonnance 24h tadalmed.shop

  95. PeterUnomb

    April 25, 2025

    kamagra oral jelly [url=http://kamagraprix.com/#]kamagra gel[/url] Acheter Kamagra site fiable

  96. Robertmut

    April 25, 2025

    https://tadalmed.com/# Tadalafil achat en ligne

  97. Bradleyfup

    April 25, 2025

    pharmacies en ligne certifiГ©es: pharmacie en ligne france livraison belgique - Pharmacie sans ordonnance pharmafst.com

  98. DavidSaisp

    April 24, 2025

    Achetez vos kamagra medicaments: Kamagra pharmacie en ligne - Achetez vos kamagra medicaments

  99. Edwardtoupe

    April 23, 2025

    olympe casino: olympe casino cresus - casino olympe

Join the discussion