SlideShare a Scribd company logo
Unsolicited Redesign
Prepared by Amy Benders
April 2nd, 2014
In this presentation
you will find ideas
that you can draw
inspiration from to
completely redesign
the web page.
Concept Concept is vital when
designing or redesigning
any web page.
You need a concept as a
base from which you build
upon to create whatever it
is you need.
The concept for this web
page was that the content
was the focus.
The web designer built the
page for the content to be
the main focus and
attraction.
This web designer had a concept
of facts and statistics.
The designer then used this
concept to create a professional
looking page that would used
facts to draw in clients.
This concept was for the
different
areas, services, and
products offered.
With this in mind the designer
made the navigation bar the
focus point which impacted
the overall design choices.
Color
Color is also an
important choice that
affects the overall
design.
Color can be a
choice to use only
one or two colors, or
have the page
mostly text.
This designer made the
choice of using mostly
text with one other color
for highlighting other
parts.
With this choice the
designer must keep in
mind what they wish to
highlight and how much
text they will have.
This webpage has a
Monochromatic color palette.
This means that the designer
made a choice to use only two
colors to create the webpage.
The designer then had to be
aware of how much of each
color is used and where so that
the page is not
overwhelmed, or that any
subjects are not blending with
another of the same color.
This page uses multiple
colors from one palette.
This choice gives the designer
a little more freedom in where
they put the colors as long as
they have some sort of pattern.
However, they need to be
careful that they don’t go
overboard and overwhelm the
content of the page.
Tone
Tone is very important
to determine as well.
Tone impacts a
designer’s choice for
fonts, layout, and any
images used.
This website has a
welcoming tone to it.
The welcoming tone of this
site had the designer
choosing warm colors as
well as simple fonts.
The lay out itself is simple
but easy to use.
This site has a tone of
simplicity.
With this tone in mind the
designer choose a very simple
layout and focused on what the
company is, as well as the sign
up button.
The font is clean cut sans-serif
along with darker colors make
the site easy to look at.
This tone is playful or
whimsical.
This allowed the designer to
choose a more fluid font and
lighter colors.
The images also lend a hand in
making the page se playful and
attract the veiwer.
This presentation has shown you different ideas for web
designs using different concepts, colors, and tones. As
well as shown why each is important for a designer to
keep in mind and decide before beginning.
Thank you for viewing and I hope this has helped you with
creating some of your own designs.
Disclaimer
All images are from dribbble.com and
are not mine in any way.

More Related Content

What's hot

Double page spread. analysis pptx
Double page spread. analysis pptxDouble page spread. analysis pptx
Double page spread. analysis pptx
esmenadine
 
Digipak and advert progress and tools used on indesign and photoshop
Digipak and advert progress and tools used on indesign and photoshopDigipak and advert progress and tools used on indesign and photoshop
Digipak and advert progress and tools used on indesign and photoshop
11dewberrysoph
 
Development Of Dvd Cover
Development Of Dvd CoverDevelopment Of Dvd Cover
Development Of Dvd Cover
taki1993
 
Simon's Graphic Design Portfolio
Simon's Graphic Design PortfolioSimon's Graphic Design Portfolio
Simon's Graphic Design Portfolio
Simon Spencer
 
Technology
TechnologyTechnology
Technology
Queenroz
 
Creating a banner in power point 2007
Creating a banner in power point 2007Creating a banner in power point 2007
Creating a banner in power point 2007
brhammel
 
Top Web Design Trends to Follow 2017 – What’s in and what’s Not?
Top Web Design Trends to Follow 2017 – What’s in and what’s Not?Top Web Design Trends to Follow 2017 – What’s in and what’s Not?
Top Web Design Trends to Follow 2017 – What’s in and what’s Not?
Mark Wilson- Helping Agencies with HTML and WordPress
 
Design Portfolio
Design Portfolio Design Portfolio
Design Portfolio
Mohammed Faizuddin
 
Textual Analysis - Webpage
Textual Analysis - WebpageTextual Analysis - Webpage
Textual Analysis - Webpage
maisieweaver99
 
Editing images
Editing imagesEditing images
Editing images
mrprovoltage
 
Evaluation 7
Evaluation 7 Evaluation 7
Evaluation 7
LiamJamesHughes
 
Process
ProcessProcess
How we made the magazine advert
How we made the magazine advertHow we made the magazine advert
How we made the magazine advert
RajaProdcutions
 
Double page spread audience feedback
Double page spread audience feedbackDouble page spread audience feedback
Double page spread audience feedback
ambermaygardner
 
Top 11 web design trends followed in 2017
Top 11 web design trends followed in 2017Top 11 web design trends followed in 2017
Top 11 web design trends followed in 2017
Pattronize InfoTech
 
7. evaluation(3)
7. evaluation(3)7. evaluation(3)
7. evaluation(3)
JamesHornerborrett
 
Web Design Trends
Web Design TrendsWeb Design Trends
Web Design Trends
CrescentTechnologies
 
Media college magazine evaluation
Media college magazine evaluationMedia college magazine evaluation
Media college magazine evaluation
ts05069521
 
Design and User Interface
Design and User InterfaceDesign and User Interface
Design and User Interface
Beth Case
 
Digipak development
Digipak developmentDigipak development
Digipak development
DavidFlaherty1
 

What's hot (20)

Double page spread. analysis pptx
Double page spread. analysis pptxDouble page spread. analysis pptx
Double page spread. analysis pptx
 
Digipak and advert progress and tools used on indesign and photoshop
Digipak and advert progress and tools used on indesign and photoshopDigipak and advert progress and tools used on indesign and photoshop
Digipak and advert progress and tools used on indesign and photoshop
 
Development Of Dvd Cover
Development Of Dvd CoverDevelopment Of Dvd Cover
Development Of Dvd Cover
 
Simon's Graphic Design Portfolio
Simon's Graphic Design PortfolioSimon's Graphic Design Portfolio
Simon's Graphic Design Portfolio
 
Technology
TechnologyTechnology
Technology
 
Creating a banner in power point 2007
Creating a banner in power point 2007Creating a banner in power point 2007
Creating a banner in power point 2007
 
Top Web Design Trends to Follow 2017 – What’s in and what’s Not?
Top Web Design Trends to Follow 2017 – What’s in and what’s Not?Top Web Design Trends to Follow 2017 – What’s in and what’s Not?
Top Web Design Trends to Follow 2017 – What’s in and what’s Not?
 
Design Portfolio
Design Portfolio Design Portfolio
Design Portfolio
 
Textual Analysis - Webpage
Textual Analysis - WebpageTextual Analysis - Webpage
Textual Analysis - Webpage
 
Editing images
Editing imagesEditing images
Editing images
 
Evaluation 7
Evaluation 7 Evaluation 7
Evaluation 7
 
Process
ProcessProcess
Process
 
How we made the magazine advert
How we made the magazine advertHow we made the magazine advert
How we made the magazine advert
 
Double page spread audience feedback
Double page spread audience feedbackDouble page spread audience feedback
Double page spread audience feedback
 
Top 11 web design trends followed in 2017
Top 11 web design trends followed in 2017Top 11 web design trends followed in 2017
Top 11 web design trends followed in 2017
 
7. evaluation(3)
7. evaluation(3)7. evaluation(3)
7. evaluation(3)
 
Web Design Trends
Web Design TrendsWeb Design Trends
Web Design Trends
 
Media college magazine evaluation
Media college magazine evaluationMedia college magazine evaluation
Media college magazine evaluation
 
Design and User Interface
Design and User InterfaceDesign and User Interface
Design and User Interface
 
Digipak development
Digipak developmentDigipak development
Digipak development
 

Similar to Unsolicited Redesign Visual Inventory

Visual inventory
Visual inventoryVisual inventory
Visual inventory
Mahi Wadala
 
Killer tips for awesome designers 2015
Killer tips for awesome designers 2015Killer tips for awesome designers 2015
Killer tips for awesome designers 2015
GoSkyGo India
 
1. WIX 3 PowerPoint for Work Experience 2024.pptx
1. WIX 3 PowerPoint for Work Experience 2024.pptx1. WIX 3 PowerPoint for Work Experience 2024.pptx
1. WIX 3 PowerPoint for Work Experience 2024.pptx
louise569794
 
The good, the bad, the ugly - Best Practices for Design in SharePoint
The good, the bad, the ugly - Best Practices for Design in SharePointThe good, the bad, the ugly - Best Practices for Design in SharePoint
The good, the bad, the ugly - Best Practices for Design in SharePoint
D'arce Hess
 
Outline of final idea
Outline of final ideaOutline of final idea
Outline of final idea
PJG123
 
Franco's Visual Inventory
Franco's Visual InventoryFranco's Visual Inventory
Franco's Visual Inventory
Katie Sutherland
 
Visual inventory miguel-soco
Visual inventory miguel-socoVisual inventory miguel-soco
Visual inventory miguel-soco
Miguel Soco
 
6. production reflection(1) 2
6. production reflection(1) 26. production reflection(1) 2
6. production reflection(1) 2
Louisbiddles7
 
How To Select The Right Colours And Fonts For Your Website?
How To Select The Right Colours And Fonts For Your Website?How To Select The Right Colours And Fonts For Your Website?
How To Select The Right Colours And Fonts For Your Website?
NHANCE Digital
 
webPageRedesign_jujhar
webPageRedesign_jujharwebPageRedesign_jujhar
webPageRedesign_jujhar
Jujhar Singh
 
Design Credibility: No one trusts an ugly website
Design Credibility: No one trusts an ugly websiteDesign Credibility: No one trusts an ugly website
Design Credibility: No one trusts an ugly website
nonlinear creations
 
Visual inventory
Visual inventoryVisual inventory
Visual inventory
sanand4
 
Visual inventory
Visual inventoryVisual inventory
Visual inventory
Jivincent
 
Pre- production
Pre- productionPre- production
Pre- production
AlicjaMorawska
 
TIPS TO ACHIEVE EXCELLENCY IN GRAPHIC DESIGNING
TIPS TO ACHIEVE EXCELLENCY IN GRAPHIC DESIGNINGTIPS TO ACHIEVE EXCELLENCY IN GRAPHIC DESIGNING
TIPS TO ACHIEVE EXCELLENCY IN GRAPHIC DESIGNING
Animation Kolkata
 
Few Modern Elements of Website Design that You Should Follow.pptx
Few Modern Elements of Website Design that You Should Follow.pptxFew Modern Elements of Website Design that You Should Follow.pptx
Few Modern Elements of Website Design that You Should Follow.pptx
Nu Media Hub
 
pos.docx
pos.docxpos.docx
TemplateToaster A perfect Web Design software
TemplateToaster A perfect Web Design softwareTemplateToaster A perfect Web Design software
TemplateToaster A perfect Web Design software
Davis Brown
 
How to Make the Best Color Selections for Your Website?
How to Make the Best Color Selections for Your Website?How to Make the Best Color Selections for Your Website?
How to Make the Best Color Selections for Your Website?
ARP Tech
 
Top 10 Web Design Trends in 2022
Top 10 Web Design Trends in 2022Top 10 Web Design Trends in 2022
Top 10 Web Design Trends in 2022
simonedaniels3
 

Similar to Unsolicited Redesign Visual Inventory (20)

Visual inventory
Visual inventoryVisual inventory
Visual inventory
 
Killer tips for awesome designers 2015
Killer tips for awesome designers 2015Killer tips for awesome designers 2015
Killer tips for awesome designers 2015
 
1. WIX 3 PowerPoint for Work Experience 2024.pptx
1. WIX 3 PowerPoint for Work Experience 2024.pptx1. WIX 3 PowerPoint for Work Experience 2024.pptx
1. WIX 3 PowerPoint for Work Experience 2024.pptx
 
The good, the bad, the ugly - Best Practices for Design in SharePoint
The good, the bad, the ugly - Best Practices for Design in SharePointThe good, the bad, the ugly - Best Practices for Design in SharePoint
The good, the bad, the ugly - Best Practices for Design in SharePoint
 
Outline of final idea
Outline of final ideaOutline of final idea
Outline of final idea
 
Franco's Visual Inventory
Franco's Visual InventoryFranco's Visual Inventory
Franco's Visual Inventory
 
Visual inventory miguel-soco
Visual inventory miguel-socoVisual inventory miguel-soco
Visual inventory miguel-soco
 
6. production reflection(1) 2
6. production reflection(1) 26. production reflection(1) 2
6. production reflection(1) 2
 
How To Select The Right Colours And Fonts For Your Website?
How To Select The Right Colours And Fonts For Your Website?How To Select The Right Colours And Fonts For Your Website?
How To Select The Right Colours And Fonts For Your Website?
 
webPageRedesign_jujhar
webPageRedesign_jujharwebPageRedesign_jujhar
webPageRedesign_jujhar
 
Design Credibility: No one trusts an ugly website
Design Credibility: No one trusts an ugly websiteDesign Credibility: No one trusts an ugly website
Design Credibility: No one trusts an ugly website
 
Visual inventory
Visual inventoryVisual inventory
Visual inventory
 
Visual inventory
Visual inventoryVisual inventory
Visual inventory
 
Pre- production
Pre- productionPre- production
Pre- production
 
TIPS TO ACHIEVE EXCELLENCY IN GRAPHIC DESIGNING
TIPS TO ACHIEVE EXCELLENCY IN GRAPHIC DESIGNINGTIPS TO ACHIEVE EXCELLENCY IN GRAPHIC DESIGNING
TIPS TO ACHIEVE EXCELLENCY IN GRAPHIC DESIGNING
 
Few Modern Elements of Website Design that You Should Follow.pptx
Few Modern Elements of Website Design that You Should Follow.pptxFew Modern Elements of Website Design that You Should Follow.pptx
Few Modern Elements of Website Design that You Should Follow.pptx
 
pos.docx
pos.docxpos.docx
pos.docx
 
TemplateToaster A perfect Web Design software
TemplateToaster A perfect Web Design softwareTemplateToaster A perfect Web Design software
TemplateToaster A perfect Web Design software
 
How to Make the Best Color Selections for Your Website?
How to Make the Best Color Selections for Your Website?How to Make the Best Color Selections for Your Website?
How to Make the Best Color Selections for Your Website?
 
Top 10 Web Design Trends in 2022
Top 10 Web Design Trends in 2022Top 10 Web Design Trends in 2022
Top 10 Web Design Trends in 2022
 

Recently uploaded

UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptxUNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
GOWSIKRAJA PALANISAMY
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
M. A. Architect
 
一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理
peuce
 
Revolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in IndiaRevolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in India
amrsoftec1
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NishantRathi18
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
asuzyq
 
Divertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8djDivertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8dj
lunaemel03
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
pmgdscunsri
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
gpffo76j
 
Virtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburghVirtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburgh
millarj46
 
Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1
Decomart Studio
 
Practical eLearning Makeovers for Everyone
Practical eLearning Makeovers for EveryonePractical eLearning Makeovers for Everyone
Practical eLearning Makeovers for Everyone
Bianca Woods
 
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdfHeuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
Jaime Brown
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
Febless Hernane
 
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economicoZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
jhonguerrerobarturen
 
ARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdfARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdf
Knight Moves
 
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptxUNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
GOWSIKRAJA PALANISAMY
 
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
qo1as76n
 
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House -  Economic and Environmental Solution...Connect Conference 2022: Passive House -  Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
TE Studio
 
Impact of Fonts: in Web and Apps Design
Impact of Fonts:  in Web and Apps DesignImpact of Fonts:  in Web and Apps Design
Impact of Fonts: in Web and Apps Design
contactproperweb2014
 

Recently uploaded (20)

UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptxUNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
 
一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理
 
Revolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in IndiaRevolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in India
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
 
Divertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8djDivertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8dj
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
 
Virtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburghVirtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburgh
 
Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1
 
Practical eLearning Makeovers for Everyone
Practical eLearning Makeovers for EveryonePractical eLearning Makeovers for Everyone
Practical eLearning Makeovers for Everyone
 
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdfHeuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
 
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economicoZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
 
ARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdfARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdf
 
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptxUNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
 
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
 
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House -  Economic and Environmental Solution...Connect Conference 2022: Passive House -  Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
 
Impact of Fonts: in Web and Apps Design
Impact of Fonts:  in Web and Apps DesignImpact of Fonts:  in Web and Apps Design
Impact of Fonts: in Web and Apps Design
 

Unsolicited Redesign Visual Inventory

  • 1. Unsolicited Redesign Prepared by Amy Benders April 2nd, 2014
  • 2. In this presentation you will find ideas that you can draw inspiration from to completely redesign the web page.
  • 3. Concept Concept is vital when designing or redesigning any web page. You need a concept as a base from which you build upon to create whatever it is you need.
  • 4. The concept for this web page was that the content was the focus. The web designer built the page for the content to be the main focus and attraction.
  • 5. This web designer had a concept of facts and statistics. The designer then used this concept to create a professional looking page that would used facts to draw in clients.
  • 6. This concept was for the different areas, services, and products offered. With this in mind the designer made the navigation bar the focus point which impacted the overall design choices.
  • 7. Color Color is also an important choice that affects the overall design. Color can be a choice to use only one or two colors, or have the page mostly text.
  • 8. This designer made the choice of using mostly text with one other color for highlighting other parts. With this choice the designer must keep in mind what they wish to highlight and how much text they will have.
  • 9. This webpage has a Monochromatic color palette. This means that the designer made a choice to use only two colors to create the webpage. The designer then had to be aware of how much of each color is used and where so that the page is not overwhelmed, or that any subjects are not blending with another of the same color.
  • 10. This page uses multiple colors from one palette. This choice gives the designer a little more freedom in where they put the colors as long as they have some sort of pattern. However, they need to be careful that they don’t go overboard and overwhelm the content of the page.
  • 11. Tone Tone is very important to determine as well. Tone impacts a designer’s choice for fonts, layout, and any images used.
  • 12. This website has a welcoming tone to it. The welcoming tone of this site had the designer choosing warm colors as well as simple fonts. The lay out itself is simple but easy to use.
  • 13. This site has a tone of simplicity. With this tone in mind the designer choose a very simple layout and focused on what the company is, as well as the sign up button. The font is clean cut sans-serif along with darker colors make the site easy to look at.
  • 14. This tone is playful or whimsical. This allowed the designer to choose a more fluid font and lighter colors. The images also lend a hand in making the page se playful and attract the veiwer.
  • 15. This presentation has shown you different ideas for web designs using different concepts, colors, and tones. As well as shown why each is important for a designer to keep in mind and decide before beginning. Thank you for viewing and I hope this has helped you with creating some of your own designs. Disclaimer All images are from dribbble.com and are not mine in any way.