How caring for each design element changes everything!

23
How caring for each design element changes everything!

Transcript of How caring for each design element changes everything!

Page 1: How caring for each design element changes everything!

How caring for each design element changes everything!

Page 2: How caring for each design element changes everything!

BRAND is a set of expectations,

memories, stories and relationships that in

combination drives the decision of choosing

the particular company, product or service.

Seth GodinLegendary Marketer

Page 3: How caring for each design element changes everything!

The first touch point of your brand becomes the

perception for the customer. For example, a FMCG

product like a head wash, the first time you see the

bottle lying at the grocery store you like to grab it and

read about it. That is the first time a brand is

perceived!

The same way, in digital world, the moment a

visitor opens your website, landing page,

Facebook or Twitter page, you create a

perception in the visitors mind and a decision

of re-visiting or not.

-----------------------

------------------

Page 4: How caring for each design element changes everything!

“Perception is Reality”Lee Atwater (Advisor to U.S. President George H.W. Bush)

Page 5: How caring for each design element changes everything!

Brand perception Vs Reality

According to recent Gallop survey, American

public perceives that 23% of American are

Lesbian and Gays but in actual only 3.8

percent of the people are lesbian, gay or

transgender. That’s a huge difference

between reality and perception.

Page 6: How caring for each design element changes everything!

We did the same!

You can get advantage of this, you can come across as a brand which is being perceived as a thought leader with just

few fixes in the designs you create.

Page 7: How caring for each design element changes everything!

Story line

Product

A performance management product used for 360 degree review,

setting SMART goals and giving peer reviews.

Business Requirement

Capture the leads through a landing page and make

the target audience understand the importance of goal alignment.

Page 8: How caring for each design element changes everything!

The product landing page looked like this

Page 9: How caring for each design element changes everything!

Brand Perception- A lot of information confuses the visitor and might even switches off

the user.

QTip: Humans understand visually better, their brain doesn’t want to do extra work to

read!

Page 10: How caring for each design element changes everything!

Brand Perception: The difficulty to read the below test makes the user agitated and makes them fell that you are trying to

hide something behind the text.

Qtip: Make sure if you are using headlines, sub-headings or pointers to explain something take care they are in genuine

ratio.

Page 11: How caring for each design element changes everything!

Brand Perception: This gives the brand perception of incompleteness. You need to complete the page and give a good

ending to the story. Without an end the story doesn’t end!

Qtip: There needs to be a story in the design a starting and a complete ending.

Page 12: How caring for each design element changes everything!

What changed the perceptionPaying attention to every big or small element. Let’s see…

Page 13: How caring for each design element changes everything!
Page 14: How caring for each design element changes everything!
Page 15: How caring for each design element changes everything!
Page 16: How caring for each design element changes everything!

Giving the reason for the user to sign-up by adding trusted experts

Ending the page with a form after gaining trust

Page 17: How caring for each design element changes everything!

Results

Sign ups increased by

90%

Page 18: How caring for each design element changes everything!

How did we increase the brand perception with more iterations

• The message changes

• The visual representation changes

• The color palate changes

Page 19: How caring for each design element changes everything!

• The copy changes to better

• The way to represent the screen

changes

• The font changes

• The visual representation of

features content changes

Page 20: How caring for each design element changes everything!

First Thought

• This first thought had lot of content

• Improper icons

• Abrupt ending

• Different size fonts with no consistency

• No whitespaces to breathe

• No STORYline!

Page 21: How caring for each design element changes everything!

Iteration 2

• Got a STORYline!

• Most of the content was removed

• Consistency in fonts

• Product showcase by screens

• Added trust by adding industry leader’s verdict

• Showcased features

Page 22: How caring for each design element changes everything!

Final Design

• Improved upon the icons

• Improved upon the language

• Improved upon the way screens are shown

Page 23: How caring for each design element changes everything!

Designed by- Manisha Sharma I Evangelist I [email protected]