Upload
top-left-design
View
1.640
Download
1
Tags:
Embed Size (px)
DESCRIPTION
At Top Left Design we have perfected an amazing design process which ensures that our clients love the designs for their websites (and brands, brochures, stationary etc) and these websites are effective for their audiences too! This presentation shows you how we do it.
Citation preview
We ask questions about your brand, your audience, your key messages, what people
believe about you now, what you want them to believe.
We ask about your competitors and your design preferences. And more questions!
First, we meet face to face, unless you are in
another country!
And then, once we have gotten to know you, we get you to fill out our amazing
design briefing questionnaire
We need info
It’s easy, don’t worry. You just answer the questions.
When we design websites, we start with 2-3 different initial homepage concepts, all based on the design brief and what
we have learned about you!
Then we work on “look and feel”
designs
You need to see and love your design
before we build it.
Here are three concepts for our client, a restaurant in Clapham. You can tell they are all the same company but the layouts
are different.
Example:
Carmen Bar de Tapas
In that meeting we did a “live design session”. This one involved radical
variations, an exciting session where we combined elements of the 3 initial designs
to make a completely new 4th design, which our client signed off.
Check it out (see next slide!)
Once we showed those first three
designs we had our client from Carmen
Bar de Tapas in for a
design presentation meeting
By involving you in the “live design session” we combine our expertise with your input
and knowledge of your business and clients.
“Live Design Session”
Involve You
The next example shows a wedding planner. In her brief she asked for a luxury feel and specified a dark background. So,
we showed 2 concepts with a dark background, and one design with a light
background.
Example:
Flutterfly Events
Then we had the client in for our “live design session” and in that session, we came up with
this design:
As you can see it’s a light background image! But to be sure, we reminded our client that she had originally specified a dark background, and
showed her this in the same “live design session” – to be sure!
She went home to think about it, and decided on the light background one!
So, one she signed off the design for the homepage we designed each inner page –
every page is designed according to the purpose of that page.
As you can see there is consistency in the header, footer, positioning of the navigation and
the footer design, but the content area of the page differs. We do this with all our bespoke
designed sites.
This website has all the makings of a high end professional hairdressing salon – but
with added personality!
The salon owners have 2 dogs who feature on the site – as do all the stylists on a very comprehensive teampage. Each page is
different.
Example:
Kell Skött Haircare
Popup windows on each of the team bios show who works at the salon.
The rest of the site is very informative and builds confidence and trust.
Kell Skött also has a strong social media presence, which is core to their marketing activities.
We also design for tablets and phones.
Consider how many of your audience are using their phones or mobile devices to visit your website, see your social media posts, read your blogs, speak to you on social media.
The following slides show one of our clients, Aspire Leadership – and how their site looks in a browser – and on a mobile phone.
Another example – Astute Property Search – you can see how his site looks in a browser, and
then on an iPhone.
Sometimes we create single page sites – see some examples:
The next few slides show how a single page site can have a “content slider” – where different images and text either fade into each other or slide between each other, in the same place.
On a single page site, you can use a slider to show a number of images and key messages.
To see it in action, visit www.unconventional.sg
And more often than not, we design blogs into the website. This works best when it’s seamless – the blog is a part of the website, and doesn’t open up in a new window.
We love blogs.
Integrate the blog into your website
Plan content ahead of time
Watch your formatting
Always include a picture
Post regularly
Think of amazing headlines
Share your posts on social media
Superblogging tips
Visit our website: www.topleftdesign.com to ask us any questions. We are very nice and friendly!