SlideShare a Scribd company logo
UX AND
DESIGN
MOCKUPS
The Ask
1. 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 ANALYSIS
Slogan not readable
Although the slogan is typically not a critical
piece of content, it clutters the page when it
is not readable.
Not Responsive
On 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 ANALYSIS
Inconsistent
clickable elements
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
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 email
Two 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 ANALYSIS
Critical
1. Cannot read all of the logo
2. Not responsive
3. 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 Improvement
1. Lots of white space under the articles titles
- awkward
2. Two methods of contact (clickable email
and click through to contact us form) –
clutters the site
Minor
1. Not all menu buttons click through to
landing page - inconsistent UX
2. Sliders are not often used due to
consumers not clicking on them
3. 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

More Related Content

What's hot

UX Lesson 6: Visual Hierarchy
UX Lesson 6: Visual HierarchyUX Lesson 6: Visual Hierarchy
UX Lesson 6: Visual Hierarchy
Joan Lumanauw
 
Harvard Kennedy School Intranet - KNET product analysis
Harvard Kennedy School Intranet - KNET product analysisHarvard Kennedy School Intranet - KNET product analysis
Harvard Kennedy School Intranet - KNET product analysis
Vugar Adigozalov
 
Academy PRO: UI\UX. Introduction.
Academy PRO: UI\UX. Introduction.Academy PRO: UI\UX. Introduction.
Academy PRO: UI\UX. Introduction.
Binary Studio
 
What the #$%@ is UX Design?
What the #$%@ is UX Design?What the #$%@ is UX Design?
What the #$%@ is UX Design?
Matthew Magain
 
User Experience & Web Product Design
User Experience & Web Product DesignUser Experience & Web Product Design
User Experience & Web Product Design
Steve Hickey
 
Mobile UI Design Patterns
Mobile UI Design PatternsMobile UI Design Patterns
Mobile UI Design Patterns
danhermes
 
The Importance of UI/UX Design in Mobile App Development
The Importance of UI/UX Design in Mobile App DevelopmentThe Importance of UI/UX Design in Mobile App Development
The Importance of UI/UX Design in Mobile App Development
DivyaConsagous
 
10 principles of effective web design
10 principles of effective web design10 principles of effective web design
10 principles of effective web design
ananda gunadharma
 
UI Design - Lessons Learned, Principles, and Best Practices
UI Design - Lessons Learned, Principles, and Best PracticesUI Design - Lessons Learned, Principles, and Best Practices
UI Design - Lessons Learned, Principles, and Best Practices
Samuel Chow
 
Ui Design And Usability For Everybody
Ui Design And Usability For EverybodyUi Design And Usability For Everybody
Ui Design And Usability For Everybody
Empatika
 
Bharti axa website analysis, competitor analysis & visual approach
Bharti axa website analysis, competitor analysis & visual approachBharti axa website analysis, competitor analysis & visual approach
Bharti axa website analysis, competitor analysis & visual approach
Rahul Singh
 
User interface for website
User interface for websiteUser interface for website
User interface for website
hemantdSEO
 
Responsive web design ppt
Responsive web design pptResponsive web design ppt
Responsive web design ppt
NAWAZ KHAN
 
BBDO Whitepaper—Responsive & Adaptive Design
BBDO Whitepaper—Responsive & Adaptive DesignBBDO Whitepaper—Responsive & Adaptive Design
BBDO Whitepaper—Responsive & Adaptive Design
JaneMuder
 
Flat Design. Microsoft Story
Flat Design. Microsoft StoryFlat Design. Microsoft Story
Flat Design. Microsoft Story
Nikita Lukianets
 
UX / UI Mobile Trends
UX / UI Mobile TrendsUX / UI Mobile Trends
UX / UI Mobile Trends
Mark N Swaine
 
UX Design for Mobile Apps
UX Design for Mobile AppsUX Design for Mobile Apps
UX Design for Mobile Apps
Kamil Zieba
 
UX Trends 2016
UX Trends 2016UX Trends 2016
UX Trends 2016
Mark N Swaine
 
User Interface Design Basic
User Interface Design BasicUser Interface Design Basic
User Interface Design Basic
Heru WIjayanto
 
UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!
Jayan Narayanan
 

What's hot (20)

UX Lesson 6: Visual Hierarchy
UX Lesson 6: Visual HierarchyUX Lesson 6: Visual Hierarchy
UX Lesson 6: Visual Hierarchy
 
Harvard Kennedy School Intranet - KNET product analysis
Harvard Kennedy School Intranet - KNET product analysisHarvard Kennedy School Intranet - KNET product analysis
Harvard Kennedy School Intranet - KNET product analysis
 
Academy PRO: UI\UX. Introduction.
Academy PRO: UI\UX. Introduction.Academy PRO: UI\UX. Introduction.
Academy PRO: UI\UX. Introduction.
 
What the #$%@ is UX Design?
What the #$%@ is UX Design?What the #$%@ is UX Design?
What the #$%@ is UX Design?
 
User Experience & Web Product Design
User Experience & Web Product DesignUser Experience & Web Product Design
User Experience & Web Product Design
 
Mobile UI Design Patterns
Mobile UI Design PatternsMobile UI Design Patterns
Mobile UI Design Patterns
 
The Importance of UI/UX Design in Mobile App Development
The Importance of UI/UX Design in Mobile App DevelopmentThe Importance of UI/UX Design in Mobile App Development
The Importance of UI/UX Design in Mobile App Development
 
10 principles of effective web design
10 principles of effective web design10 principles of effective web design
10 principles of effective web design
 
UI Design - Lessons Learned, Principles, and Best Practices
UI Design - Lessons Learned, Principles, and Best PracticesUI Design - Lessons Learned, Principles, and Best Practices
UI Design - Lessons Learned, Principles, and Best Practices
 
Ui Design And Usability For Everybody
Ui Design And Usability For EverybodyUi Design And Usability For Everybody
Ui Design And Usability For Everybody
 
Bharti axa website analysis, competitor analysis & visual approach
Bharti axa website analysis, competitor analysis & visual approachBharti axa website analysis, competitor analysis & visual approach
Bharti axa website analysis, competitor analysis & visual approach
 
User interface for website
User interface for websiteUser interface for website
User interface for website
 
Responsive web design ppt
Responsive web design pptResponsive web design ppt
Responsive web design ppt
 
BBDO Whitepaper—Responsive & Adaptive Design
BBDO Whitepaper—Responsive & Adaptive DesignBBDO Whitepaper—Responsive & Adaptive Design
BBDO Whitepaper—Responsive & Adaptive Design
 
Flat Design. Microsoft Story
Flat Design. Microsoft StoryFlat Design. Microsoft Story
Flat Design. Microsoft Story
 
UX / UI Mobile Trends
UX / UI Mobile TrendsUX / UI Mobile Trends
UX / UI Mobile Trends
 
UX Design for Mobile Apps
UX Design for Mobile AppsUX Design for Mobile Apps
UX Design for Mobile Apps
 
UX Trends 2016
UX Trends 2016UX Trends 2016
UX Trends 2016
 
User Interface Design Basic
User Interface Design BasicUser Interface Design Basic
User Interface Design Basic
 
UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!
 

Viewers also liked

about_limeSHIFT
about_limeSHIFTabout_limeSHIFT
about_limeSHIFT
Nabila Alibhai
 
Menú del día
Menú del día Menú del día
Menú del día
Iñaki Patxi Larrocha
 
Emma Clark Columbia Certificate July 2013
Emma Clark Columbia Certificate July 2013Emma Clark Columbia Certificate July 2013
Emma Clark Columbia Certificate July 2013Emma Clark
 
Los materiales y las energías limpias en la informatica
Los materiales y las energías limpias en la informaticaLos materiales y las energías limpias en la informatica
Los materiales y las energías limpias en la informatica
Christian Paredes Arroyo
 
Diseño de título
Diseño de títuloDiseño de título
Diseño de título
emili rodriguez florez
 
Defence
DefenceDefence
Defence
Reduan Rafi
 
Commemorazione Craxi 2012[1]
Commemorazione  Craxi 2012[1]Commemorazione  Craxi 2012[1]
Commemorazione Craxi 2012[1]Michele Simone
 
'An Independent Review Of The Rules Governing Local Content On Commercial Rad...
'An Independent Review Of The Rules Governing Local Content On Commercial Rad...'An Independent Review Of The Rules Governing Local Content On Commercial Rad...
'An Independent Review Of The Rules Governing Local Content On Commercial Rad...
Grant Goddard
 
9 tips for gaining Self Confidence
9 tips for gaining Self Confidence9 tips for gaining Self Confidence
9 tips for gaining Self Confidence
Science of Natural Game
 
Things Expo: The Emergence of the Quantified Small Business
Things Expo: The Emergence of the Quantified Small BusinessThings Expo: The Emergence of the Quantified Small Business
Things Expo: The Emergence of the Quantified Small Business
Intuit Inc.
 
Errezeta txantiloia
Errezeta txantiloiaErrezeta txantiloia
Errezeta txantiloia
idoialariz
 

Viewers also liked (11)

about_limeSHIFT
about_limeSHIFTabout_limeSHIFT
about_limeSHIFT
 
Menú del día
Menú del día Menú del día
Menú del día
 
Emma Clark Columbia Certificate July 2013
Emma Clark Columbia Certificate July 2013Emma Clark Columbia Certificate July 2013
Emma Clark Columbia Certificate July 2013
 
Los materiales y las energías limpias en la informatica
Los materiales y las energías limpias en la informaticaLos materiales y las energías limpias en la informatica
Los materiales y las energías limpias en la informatica
 
Diseño de título
Diseño de títuloDiseño de título
Diseño de título
 
Defence
DefenceDefence
Defence
 
Commemorazione Craxi 2012[1]
Commemorazione  Craxi 2012[1]Commemorazione  Craxi 2012[1]
Commemorazione Craxi 2012[1]
 
'An Independent Review Of The Rules Governing Local Content On Commercial Rad...
'An Independent Review Of The Rules Governing Local Content On Commercial Rad...'An Independent Review Of The Rules Governing Local Content On Commercial Rad...
'An Independent Review Of The Rules Governing Local Content On Commercial Rad...
 
9 tips for gaining Self Confidence
9 tips for gaining Self Confidence9 tips for gaining Self Confidence
9 tips for gaining Self Confidence
 
Things Expo: The Emergence of the Quantified Small Business
Things Expo: The Emergence of the Quantified Small BusinessThings Expo: The Emergence of the Quantified Small Business
Things Expo: The Emergence of the Quantified Small Business
 
Errezeta txantiloia
Errezeta txantiloiaErrezeta txantiloia
Errezeta txantiloia
 

Similar to Site Mockups

UI Design Trends
UI Design TrendsUI Design Trends
Jamal Qaiyyim Ch3
Jamal Qaiyyim Ch3Jamal Qaiyyim Ch3
Jamal Qaiyyim Ch3
Texas Tech University
 
Mobile ui design patterns
Mobile ui design patternsMobile ui design patterns
Mobile ui design patterns
KevinHao14
 
Mobile UI Design Patterns 2014
Mobile UI Design Patterns 2014Mobile UI Design Patterns 2014
Mobile UI Design Patterns 2014
Lewis Lin 🦊
 
Uxpin mobile ui_design_patterns_2014
Uxpin mobile ui_design_patterns_2014Uxpin mobile ui_design_patterns_2014
Uxpin mobile ui_design_patterns_2014
Akhil Kumar
 
Bank Chris - Web UI Design Patterns - 2014
Bank Chris - Web UI Design Patterns - 2014Bank Chris - Web UI Design Patterns - 2014
Bank Chris - Web UI Design Patterns - 2014
Shah Muhammad Baig
 
UNIT III NAVIGATION AND LAYOUT- 22CDT42-USER INTERFACE DESIGN
UNIT III NAVIGATION AND LAYOUT- 22CDT42-USER INTERFACE DESIGNUNIT III NAVIGATION AND LAYOUT- 22CDT42-USER INTERFACE DESIGN
UNIT III NAVIGATION AND LAYOUT- 22CDT42-USER INTERFACE DESIGN
GOWSIKRAJA PALANISAMY
 
Web Usability Site Design
Web Usability   Site DesignWeb Usability   Site Design
Web Usability Site Design
Ovidiu Von M
 
Uxpin mobile UI Design Patterns 2014
Uxpin mobile UI Design Patterns 2014Uxpin mobile UI Design Patterns 2014
Uxpin mobile UI Design Patterns 2014
Jessie Doan
 
DOC
DOCDOC
DOC
butest
 
Enhance User Experience with Effective Website Navigation.pptx
Enhance User Experience with Effective Website Navigation.pptxEnhance User Experience with Effective Website Navigation.pptx
Enhance User Experience with Effective Website Navigation.pptx
CS Web Solutions
 
Illusion Insights Into Visual Design Elements
Illusion Insights Into Visual Design ElementsIllusion Insights Into Visual Design Elements
Illusion Insights Into Visual Design Elements
robin fay
 
4 Online browsing behaviour across categories
4 Online browsing behaviour across categories4 Online browsing behaviour across categories
4 Online browsing behaviour across categories
Friday Explorer
 
Java Unit 5(part 1)
Java Unit 5(part 1)Java Unit 5(part 1)
Java Unit 5(part 1)
SURBHI SAROHA
 
Deconstructed websites
Deconstructed websitesDeconstructed websites
Deconstructed websites
Amanda Simmons
 
10 Principles Of Effective Web Design
10 Principles Of Effective Web Design10 Principles Of Effective Web Design
10 Principles Of Effective Web Design
sirferds
 
Designing for Digital Magazines - Rob Boynes for Guardian Masterclasses
Designing for Digital Magazines - Rob Boynes for Guardian MasterclassesDesigning for Digital Magazines - Rob Boynes for Guardian Masterclasses
Designing for Digital Magazines - Rob Boynes for Guardian Masterclasses
Rob Boynes
 
UI Design Patterns for the Web, Part 1
UI Design Patterns for the Web, Part 1UI Design Patterns for the Web, Part 1
UI Design Patterns for the Web, Part 1
Lewis Lin 🦊
 
What is usability
What is usabilityWhat is usability
What is usability
Martin Puškáč
 
Making Your Website Sing!
Making Your Website Sing!Making Your Website Sing!
Making Your Website Sing!
Embolden
 

Similar to Site Mockups (20)

UI Design Trends
UI Design TrendsUI Design Trends
UI Design Trends
 
Jamal Qaiyyim Ch3
Jamal Qaiyyim Ch3Jamal Qaiyyim Ch3
Jamal Qaiyyim Ch3
 
Mobile ui design patterns
Mobile ui design patternsMobile ui design patterns
Mobile ui design patterns
 
Mobile UI Design Patterns 2014
Mobile UI Design Patterns 2014Mobile UI Design Patterns 2014
Mobile UI Design Patterns 2014
 
Uxpin mobile ui_design_patterns_2014
Uxpin mobile ui_design_patterns_2014Uxpin mobile ui_design_patterns_2014
Uxpin mobile ui_design_patterns_2014
 
Bank Chris - Web UI Design Patterns - 2014
Bank Chris - Web UI Design Patterns - 2014Bank Chris - Web UI Design Patterns - 2014
Bank Chris - Web UI Design Patterns - 2014
 
UNIT III NAVIGATION AND LAYOUT- 22CDT42-USER INTERFACE DESIGN
UNIT III NAVIGATION AND LAYOUT- 22CDT42-USER INTERFACE DESIGNUNIT III NAVIGATION AND LAYOUT- 22CDT42-USER INTERFACE DESIGN
UNIT III NAVIGATION AND LAYOUT- 22CDT42-USER INTERFACE DESIGN
 
Web Usability Site Design
Web Usability   Site DesignWeb Usability   Site Design
Web Usability Site Design
 
Uxpin mobile UI Design Patterns 2014
Uxpin mobile UI Design Patterns 2014Uxpin mobile UI Design Patterns 2014
Uxpin mobile UI Design Patterns 2014
 
DOC
DOCDOC
DOC
 
Enhance User Experience with Effective Website Navigation.pptx
Enhance User Experience with Effective Website Navigation.pptxEnhance User Experience with Effective Website Navigation.pptx
Enhance User Experience with Effective Website Navigation.pptx
 
Illusion Insights Into Visual Design Elements
Illusion Insights Into Visual Design ElementsIllusion Insights Into Visual Design Elements
Illusion Insights Into Visual Design Elements
 
4 Online browsing behaviour across categories
4 Online browsing behaviour across categories4 Online browsing behaviour across categories
4 Online browsing behaviour across categories
 
Java Unit 5(part 1)
Java Unit 5(part 1)Java Unit 5(part 1)
Java Unit 5(part 1)
 
Deconstructed websites
Deconstructed websitesDeconstructed websites
Deconstructed websites
 
10 Principles Of Effective Web Design
10 Principles Of Effective Web Design10 Principles Of Effective Web Design
10 Principles Of Effective Web Design
 
Designing for Digital Magazines - Rob Boynes for Guardian Masterclasses
Designing for Digital Magazines - Rob Boynes for Guardian MasterclassesDesigning for Digital Magazines - Rob Boynes for Guardian Masterclasses
Designing for Digital Magazines - Rob Boynes for Guardian Masterclasses
 
UI Design Patterns for the Web, Part 1
UI Design Patterns for the Web, Part 1UI Design Patterns for the Web, Part 1
UI Design Patterns for the Web, Part 1
 
What is usability
What is usabilityWhat is usability
What is usability
 
Making Your Website Sing!
Making Your Website Sing!Making Your Website Sing!
Making Your Website Sing!
 

More from Kris Bruynson

The GeeqChain Project Summary
The GeeqChain Project SummaryThe GeeqChain Project Summary
The GeeqChain Project Summary
Kris Bruynson
 
An Introduction to Blockchain, Bitcoin, and CryptoEconomics.
An Introduction to Blockchain, Bitcoin, and CryptoEconomics.An Introduction to Blockchain, Bitcoin, and CryptoEconomics.
An Introduction to Blockchain, Bitcoin, and CryptoEconomics.
Kris Bruynson
 
Wj App Wires
Wj App WiresWj App Wires
Wj App Wires
Kris Bruynson
 
Mobile
MobileMobile
Woodland brand short
Woodland brand shortWoodland brand short
Woodland brand short
Kris Bruynson
 
Social 2014 predictions
Social 2014 predictionsSocial 2014 predictions
Social 2014 predictions
Kris Bruynson
 
Consumer Mobile Insights Research 2013
Consumer Mobile Insights Research 2013Consumer Mobile Insights Research 2013
Consumer Mobile Insights Research 2013
Kris Bruynson
 

More from Kris Bruynson (7)

The GeeqChain Project Summary
The GeeqChain Project SummaryThe GeeqChain Project Summary
The GeeqChain Project Summary
 
An Introduction to Blockchain, Bitcoin, and CryptoEconomics.
An Introduction to Blockchain, Bitcoin, and CryptoEconomics.An Introduction to Blockchain, Bitcoin, and CryptoEconomics.
An Introduction to Blockchain, Bitcoin, and CryptoEconomics.
 
Wj App Wires
Wj App WiresWj App Wires
Wj App Wires
 
Mobile
MobileMobile
Mobile
 
Woodland brand short
Woodland brand shortWoodland brand short
Woodland brand short
 
Social 2014 predictions
Social 2014 predictionsSocial 2014 predictions
Social 2014 predictions
 
Consumer Mobile Insights Research 2013
Consumer Mobile Insights Research 2013Consumer Mobile Insights Research 2013
Consumer Mobile Insights Research 2013
 

Recently uploaded

LGBTQIA Pride Month presentation Template
LGBTQIA Pride Month presentation TemplateLGBTQIA Pride Month presentation Template
LGBTQIA Pride Month presentation Template
DakshGudwani
 
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
881evgn0
 
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
bo44ban1
 
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
3vgr39kx
 
modular-kitchen home plan civil engineering.pdf
modular-kitchen home plan civil engineering.pdfmodular-kitchen home plan civil engineering.pdf
modular-kitchen home plan civil engineering.pdf
RashmitaSwain3
 
Getting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by NeontribeGetting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by Neontribe
Harry Harrold
 
一比一原版(soton毕业证书)英国南安普顿大学毕业证在读证明如何办理
一比一原版(soton毕业证书)英国南安普顿大学毕业证在读证明如何办理一比一原版(soton毕业证书)英国南安普顿大学毕业证在读证明如何办理
一比一原版(soton毕业证书)英国南安普顿大学毕业证在读证明如何办理
yufen5
 
Practical eLearning Makeovers for Everyone
Practical eLearning Makeovers for EveryonePractical eLearning Makeovers for Everyone
Practical eLearning Makeovers for Everyone
Bianca Woods
 
CocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdfCocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdf
PabloMartelLpez
 
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
qo1as76n
 
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdfAHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
talaatahm
 
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
jafiradnan336
 
UXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdfUXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdf
anthonylin333
 
按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理
按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理
按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理
kuapy
 
Manual ISH (International Society of Hypertension)
Manual ISH (International Society of Hypertension)Manual ISH (International Society of Hypertension)
Manual ISH (International Society of Hypertension)
bagmai
 
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
hw2xf1m
 
NHL Stenden University of Applied Sciences Diploma Degree Transcript
NHL Stenden University of Applied Sciences Diploma Degree TranscriptNHL Stenden University of Applied Sciences Diploma Degree Transcript
NHL Stenden University of Applied Sciences Diploma Degree Transcript
lhtvqoag
 
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Designforuminternational
 
一比一原版(LaTrobe毕业证书)拉筹伯大学毕业证如何办理
一比一原版(LaTrobe毕业证书)拉筹伯大学毕业证如何办理一比一原版(LaTrobe毕业证书)拉筹伯大学毕业证如何办理
一比一原版(LaTrobe毕业证书)拉筹伯大学毕业证如何办理
67n7f53
 
International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4
Kyungeun Sung
 

Recently uploaded (20)

LGBTQIA Pride Month presentation Template
LGBTQIA Pride Month presentation TemplateLGBTQIA Pride Month presentation Template
LGBTQIA Pride Month presentation Template
 
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
 
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
 
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
 
modular-kitchen home plan civil engineering.pdf
modular-kitchen home plan civil engineering.pdfmodular-kitchen home plan civil engineering.pdf
modular-kitchen home plan civil engineering.pdf
 
Getting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by NeontribeGetting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by Neontribe
 
一比一原版(soton毕业证书)英国南安普顿大学毕业证在读证明如何办理
一比一原版(soton毕业证书)英国南安普顿大学毕业证在读证明如何办理一比一原版(soton毕业证书)英国南安普顿大学毕业证在读证明如何办理
一比一原版(soton毕业证书)英国南安普顿大学毕业证在读证明如何办理
 
Practical eLearning Makeovers for Everyone
Practical eLearning Makeovers for EveryonePractical eLearning Makeovers for Everyone
Practical eLearning Makeovers for Everyone
 
CocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdfCocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdf
 
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
 
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdfAHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
 
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
 
UXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdfUXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdf
 
按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理
按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理
按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理
 
Manual ISH (International Society of Hypertension)
Manual ISH (International Society of Hypertension)Manual ISH (International Society of Hypertension)
Manual ISH (International Society of Hypertension)
 
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
 
NHL Stenden University of Applied Sciences Diploma Degree Transcript
NHL Stenden University of Applied Sciences Diploma Degree TranscriptNHL Stenden University of Applied Sciences Diploma Degree Transcript
NHL Stenden University of Applied Sciences Diploma Degree Transcript
 
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
 
一比一原版(LaTrobe毕业证书)拉筹伯大学毕业证如何办理
一比一原版(LaTrobe毕业证书)拉筹伯大学毕业证如何办理一比一原版(LaTrobe毕业证书)拉筹伯大学毕业证如何办理
一比一原版(LaTrobe毕业证书)拉筹伯大学毕业证如何办理
 
International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4
 

Site Mockups

  • 2. The Ask 1. 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.
  • 5. UX ANALYSIS Slogan not readable Although the slogan is typically not a critical piece of content, it clutters the page when it is not readable. Not Responsive On 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.
  • 6. UX ANALYSIS Inconsistent clickable elements 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 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 .
  • 7. UX ANALYSIS Multiple ways to email Two 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
  • 8. UX ANALYSIS Critical 1. Cannot read all of the logo 2. Not responsive 3. 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 Improvement 1. Lots of white space under the articles titles - awkward 2. Two methods of contact (clickable email and click through to contact us form) – clutters the site Minor 1. Not all menu buttons click through to landing page - inconsistent UX 2. Sliders are not often used due to consumers not clicking on them 3. No imagery for the articles. With no unique imagery, there is no purpose to having it.
  • 9. UX and DIGITAL TRENDS Current State Design/UX Trends Concept
  • 10. Motion draws the users eye towards the design and is one of the major ways we remember and recall information
  • 11. 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
  • 12. Google Micromoments is evolving into microinteractions
  • 13. 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.
  • 15. The Concept Water does not stop at the end of the pipe

Editor's Notes

  1. Fiftythree.com
  2. 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.