UX AND DESIGN MOCKUPS
UX AND DESIGN MOCKUPS
The Ask1. Visit www.echologics.com.2. Identify user-experience issues on the home page .3. Suggest an improved redesign of the home page to address the issues
you identify.4. Present (strategy and visuals) to us and few other team members.
AGENDA
Current State
Design/UX Trends
Concept
UX ANALYSIS
Current State
Design/UX Trends
Concept
UX ANALYSISSlogan not readableAlthough the slogan is typically not a critical piece of content, it clutters the page when it is not readable.
Not ResponsiveOn average, more than 50% of users now browse from a mobile device. A site that is not responsive, loses all
these consumers.
Additionally, Google punishes site that are not responsive.
UX ANALYSISInconsistent clickable elementsService images are not clickable but images on articles are – not consistent – users shouldn’t relearn how to navigate the site every time they click on something
Whitespace under articles
Lots of white space under the articles titles -
awkward
Inconsistent content
Links go to a page with content that
does not align with the homepage
content.
UX ANALYSIS Multiple ways to emailTwo methods of contact (clickable email and click
through to contact us form) – complicates and clutters the site
Contact below the footer
Footer is above the contact us section – gives the impression that there is something more below
the page
UX ANALYSISCritical1. Cannot read all of the logo2. Not responsive3. Service images are not clickable
but images on articles are – not consistent – users shouldn’t relearn how to navigate the site every time they click on something
4. Footer is above the contact us section – gives the impression that there is something more below the page
Needs Improvement1. Lots of white space under the articles
titles - awkward2. Two methods of contact (clickable
email and click through to contact us form) – clutters the site
Minor3. Not all menu buttons click through to
landing page - inconsistent UX4. Sliders are not often used due to
consumers not clicking on them5. No imagery for the articles. With no
unique imagery, there is no purpose to having it.
UX and DIGITAL TRENDS
Current State
Design/UX Trends
Concept
Motion draws the users eye towards the design and is one of the major
ways we remember and recall information
UX ANALYSIS Motion draws the users eye towards the design and is one of the major
ways we remember and recall
information
Scrolling will play a bigger part in
animating siteS in the future
Google Micromoments is evolving into
microinteractions
Google Micromoments is evolving into
microinteractions
Brillo: A platform that links objects from thermostats to washing machines to each other and to the web
Weave: A Set of developer tools that allows smartphones, the cloud and devices powered by Brillo to talk to one another.
Concepts
Current State
Design/UX Trends
Concept
The Concept
Water does not stop at the end of the pipe
The Site
CONCEPT
CONCEPT
CONCEPT
CONCEPT
CONCEPT
CONCEPT
CONCEPT
CONCEPT
CONCEPT
THANK YOU