Design
One agency’s secret to designing memorable homepages
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.
Photo credit #WOCinTech ChatAs 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
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.
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.
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 )
RonaldFOEFS
May 9, 2025
https://zipgenericmd.shop/# affordable ED medication
RobertKet
May 9, 2025
modafinil legality: safe modafinil purchase - legal Modafinil purchase
Richardmat
May 7, 2025
вавада официальный сайт [url=https://vavadavhod.tech/#]вавада[/url] вавада казино
ZackaryCaush
May 7, 2025
http://pinuprus.pro/# pin up вход
ZackaryCaush
May 5, 2025
https://pinupaz.top/# pin up azerbaycan
ZackaryCaush
May 5, 2025
http://pinupaz.top/# pin up azerbaycan
ZackaryCaush
May 4, 2025
http://pinupaz.top/# pin up az
ZackaryCaush
May 4, 2025
http://vavadavhod.tech/# vavada вход
Richardmat
May 3, 2025
пин ап казино официальный сайт [url=https://pinuprus.pro/#]пинап казино[/url] пинап казино
Richardmat
May 3, 2025
pin up вход [url=https://pinuprus.pro/#]пин ап казино[/url] пин ап казино официальный сайт
ZackaryCaush
May 3, 2025
http://pinupaz.top/# pin-up casino giris
ZackaryCaush
May 3, 2025
http://pinupaz.top/# pin up azerbaycan
Richardmat
May 3, 2025
пин ап зеркало [url=http://pinuprus.pro/#]pin up вход[/url] pin up вход
BrianCrugh
May 2, 2025
pin up azerbaycan: pin-up casino giris - pin up casino
ZackaryCaush
May 1, 2025
https://vavadavhod.tech/# vavada
Richardmat
May 1, 2025
пин ап зеркало [url=https://pinuprus.pro/#]пин ап зеркало[/url] пинап казино
ZackaryCaush
May 1, 2025
https://pinuprus.pro/# пин ап зеркало
Richardmat
April 30, 2025
pin up az [url=https://pinupaz.top/#]pin up[/url] pinup az
ZackaryCaush
April 30, 2025
https://vavadavhod.tech/# vavada
Richardmat
April 30, 2025
vavada casino [url=https://vavadavhod.tech/#]вавада официальный сайт[/url] вавада зеркало
ElmerSip
April 30, 2025
pin up az: pin up - pinup az
ZackaryCaush
April 30, 2025
http://vavadavhod.tech/# вавада официальный сайт
Richardmat
April 30, 2025
pin up [url=https://pinupaz.top/#]pin up azerbaycan[/url] pin up casino
ZackaryCaush
April 30, 2025
http://pinuprus.pro/# пин ап казино официальный сайт
Richardmat
April 30, 2025
pin up вход [url=http://pinuprus.pro/#]пин ап казино[/url] пин ап вход
ElmerSip
April 30, 2025
пин ап казино официальный сайт: пин ап вход - пин ап вход
Kennethsheby
April 30, 2025
pin-up casino giris: pin up azerbaycan - pin up azerbaycan
ZackaryCaush
April 30, 2025
http://pinupaz.top/# pin up az
Richardmat
April 30, 2025
pin-up [url=http://pinupaz.top/#]pin up az[/url] pin up az
ElmerSip
April 30, 2025
pin up az: pin up az - pin up casino
MichaelFaulp
April 30, 2025
vipps canadian pharmacy: pharmacy canadian superstore - canadian pharmacies compare
Stevendrype
April 30, 2025
RxExpressMexico: mexico pharmacies prescription drugs - medication from mexico pharmacy
Michaeljouch
April 29, 2025
mexican rx online [url=http://rxexpressmexico.com/#]Rx Express Mexico[/url] purple pharmacy mexico price list
MichaelFaulp
April 29, 2025
mexico drug stores pharmacies: mexico drug stores pharmacies - mexico pharmacies prescription drugs
Walterhap
April 29, 2025
https://expressrxcanada.com/# reputable canadian online pharmacy
Stevendrype
April 29, 2025
my canadian pharmacy: ExpressRxCanada - reddit canadian pharmacy
Michaeljouch
April 29, 2025
mexico pharmacy order online [url=http://rxexpressmexico.com/#]RxExpressMexico[/url] mexico drug stores pharmacies
Dannysit
April 29, 2025
Medicine From India: medicine courier from India to USA - Medicine From India
Walterhap
April 29, 2025
https://rxexpressmexico.com/# Rx Express Mexico
MichaelFaulp
April 29, 2025
the canadian drugstore: canada drugs reviews - safe canadian pharmacies
Stevendrype
April 29, 2025
indian pharmacy online: medicine courier from India to USA - indian pharmacy online
Dannysit
April 29, 2025
Medicine From India: Medicine From India - Medicine From India
Walterhap
April 29, 2025
https://medicinefromindia.shop/# Medicine From India
Stevendrype
April 29, 2025
Medicine From India: indian pharmacy online - medicine courier from India to USA
MichaelFaulp
April 29, 2025
precription drugs from canada: Generic drugs from Canada - reddit canadian pharmacy
Michaeljouch
April 29, 2025
canadian pharmacy online store [url=https://expressrxcanada.shop/#]canadadrugpharmacy com[/url] canadianpharmacy com
Dannysit
April 29, 2025
mexican rx online: mexico pharmacy order online - Rx Express Mexico
Walterhap
April 28, 2025
http://rxexpressmexico.com/# mexico pharmacy order online
Stevendrype
April 28, 2025
mexican pharmaceuticals online: Rx Express Mexico - Rx Express Mexico
MichaelFaulp
April 28, 2025
indian pharmacy online shopping: indian pharmacy paypal - Medicine From India
Michaeljouch
April 28, 2025
Medicine From India [url=http://medicinefromindia.com/#]buy prescription drugs from india[/url] indian pharmacy online shopping
Dannysit
April 28, 2025
Rx Express Mexico: RxExpressMexico - mexico drug stores pharmacies
Walterhap
April 28, 2025
http://expressrxcanada.com/# canadian pharmacy
Stevendrype
April 28, 2025
ordering drugs from canada: Buy medicine from Canada - online canadian pharmacy
MichaelFaulp
April 28, 2025
Medicine From India: Medicine From India - world pharmacy india
Dannysit
April 28, 2025
Medicine From India: medicine courier from India to USA - indian pharmacy online shopping
Michaeljouch
April 28, 2025
best canadian pharmacy [url=http://expressrxcanada.com/#]Buy medicine from Canada[/url] canadian pharmacy prices
Walterhap
April 28, 2025
http://expressrxcanada.com/# canadianpharmacy com
Stevendrype
April 28, 2025
RxExpressMexico: Rx Express Mexico - mexico drug stores pharmacies
MichaelFaulp
April 28, 2025
Medicine From India: MedicineFromIndia - Medicine From India
Dannysit
April 28, 2025
indian pharmacies safe: indian pharmacy online shopping - indian pharmacy
Michaeljouch
April 28, 2025
mexico drug stores pharmacies [url=https://rxexpressmexico.shop/#]mexico drug stores pharmacies[/url] Rx Express Mexico
Walterhap
April 28, 2025
http://expressrxcanada.com/# canadapharmacyonline
Bradleyfup
April 28, 2025
kamagra livraison 24h: kamagra oral jelly - kamagra 100mg prix
BernardVeida
April 28, 2025
Acheter Cialis: Cialis generique prix - Acheter Cialis 20 mg pas cher tadalmed.shop
PeterUnomb
April 28, 2025
pharmacie en ligne france pas cher [url=http://pharmafst.com/#]Livraison rapide[/url] pharmacies en ligne certifiГ©es pharmafst.shop
BilliesniCt
April 28, 2025
kamagra oral jelly: Acheter Kamagra site fiable - Achetez vos kamagra medicaments
Robertmut
April 28, 2025
http://kamagraprix.com/# Kamagra Commander maintenant
Robertmut
April 27, 2025
https://pharmafst.shop/# pharmacie en ligne avec ordonnance
Robertmut
April 27, 2025
https://kamagraprix.shop/# Acheter Kamagra site fiable
BernardVeida
April 27, 2025
achat kamagra: kamagra 100mg prix - kamagra livraison 24h
Robertmut
April 27, 2025
http://kamagraprix.com/# achat kamagra
Robertmut
April 27, 2025
https://kamagraprix.shop/# kamagra pas cher
BernardVeida
April 27, 2025
acheter mГ©dicament en ligne sans ordonnance: pharmacie en ligne sans ordonnance - trouver un mГ©dicament en pharmacie pharmafst.com
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
BernardVeida
April 26, 2025
Cialis sans ordonnance pas cher: Cialis sans ordonnance 24h - Cialis generique prix tadalmed.shop
Robertmut
April 26, 2025
http://kamagraprix.com/# acheter kamagra site fiable
PeterUnomb
April 26, 2025
Kamagra pharmacie en ligne [url=https://kamagraprix.com/#]Kamagra pharmacie en ligne[/url] kamagra gel
Bradleyfup
April 26, 2025
Tadalafil 20 mg prix sans ordonnance: Tadalafil sans ordonnance en ligne - Cialis sans ordonnance pas cher tadalmed.shop
BernardVeida
April 26, 2025
kamagra pas cher: Acheter Kamagra site fiable - Acheter Kamagra site fiable
Robertmut
April 26, 2025
https://kamagraprix.shop/# kamagra gel
BilliesniCt
April 26, 2025
pharmacie en ligne sans ordonnance: pharmacie en ligne - pharmacie en ligne pas cher pharmafst.com
BernardVeida
April 26, 2025
Kamagra Oral Jelly pas cher: Kamagra pharmacie en ligne - acheter kamagra site fiable
Robertmut
April 25, 2025
http://kamagraprix.com/# Achetez vos kamagra medicaments
Bradleyfup
April 25, 2025
acheter kamagra site fiable: kamagra oral jelly - acheter kamagra site fiable
PeterUnomb
April 25, 2025
Acheter Viagra Cialis sans ordonnance [url=https://tadalmed.shop/#]Cialis generique prix[/url] cialis prix tadalmed.com
BernardVeida
April 25, 2025
Cialis generique prix: Pharmacie en ligne Cialis sans ordonnance - cialis sans ordonnance tadalmed.shop
Robertmut
April 25, 2025
https://pharmafst.com/# pharmacie en ligne fiable
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
BernardVeida
April 25, 2025
Cialis sans ordonnance 24h: Tadalafil achat en ligne - Cialis sans ordonnance pas cher tadalmed.shop
Robertmut
April 25, 2025
https://tadalmed.com/# cialis sans ordonnance
Bradleyfup
April 25, 2025
cialis generique: Cialis sans ordonnance 24h - Acheter Viagra Cialis sans ordonnance tadalmed.shop
BernardVeida
April 25, 2025
pharmacie en ligne fiable: Pharmacies en ligne certifiees - pharmacie en ligne fiable pharmafst.com
BilliesniCt
April 25, 2025
Tadalafil achat en ligne: Cialis sans ordonnance 24h - Cialis sans ordonnance 24h tadalmed.shop
PeterUnomb
April 25, 2025
kamagra oral jelly [url=http://kamagraprix.com/#]kamagra gel[/url] Acheter Kamagra site fiable
Robertmut
April 25, 2025
https://tadalmed.com/# Tadalafil achat en ligne
Bradleyfup
April 25, 2025
pharmacies en ligne certifiГ©es: pharmacie en ligne france livraison belgique - Pharmacie sans ordonnance pharmafst.com
DavidSaisp
April 24, 2025
Achetez vos kamagra medicaments: Kamagra pharmacie en ligne - Achetez vos kamagra medicaments
Edwardtoupe
April 23, 2025
olympe casino: olympe casino cresus - casino olympe