SlideShare a Scribd company logo
1 of 10
Download to read offline
BRIEF



             RESEARCH

               REFERENCE




            DESIGNING
                &
          CONCEPTUALISING


Web           REFLECTION



             REVISIONS


Design       PRESENTATION




process     EVALUATION
Interview with the
        client to get the
        design brief

THE
BRIEF
Conduct research on
           the industry itself,

THE        its history and
           competitors.
           Problem-solve

research   first, design later.
Conduct research on web
            designs that have been
            successful and on current
            styles and trends that may
            relate to the design
            brief. Follow trends not
            for their own sake but
            rather to be aware of
            them:
             longevity in web design is
            key.




reference
Develop the web design
          concepts) around the brief and
          your research. This is the
          single most important part of
          the design process. Get
          creative and be inspired
          sketching isnt time-
          consuming and is a really good
          way to put ideas in your head
          right on paper.



Design and
                       After that its always easier to
                       actually design it on the
                       computer.
                       Sketching helps to evolve your
                       imagination: once you



conceptualise
                       understand it you will always
                       start from just white paper..
Take breaks throughout
             the design process. This
             helps your ideas
             mature, renews your
             enthusiasm and allows
             you to solicit feedback.
             It also gives you a fresh
             perspective on your
             work.




reflection
Whether you position yourself
            as a contractor (ie.getting
            instructions from the client or
            build a long-lasting
            relationship (ie. guiding the
            client to the best solution),
            revise and improve the website
            as required..




revisions
Present your website to the
          client
          Show that it has been tested on
          a variety of different browsers
          and that the links work
          Explain how you have met the
          brief and further development
          ideas




presentation
Evaluate what you have done
           Have you met the brief
           Are you happy with your own work
           rate
           What could you do better
           Did you plan well
           Did you follow the plan
           What would you do better next
           time
           Are you happy with it




evaluate
Concept based on logo design info
          from smashing magazine

          Title font 84 Rock

          Text font chelt press

          Background image digital revolutions




Sources

More Related Content

What's hot

Pair Programming Presentation
Pair Programming PresentationPair Programming Presentation
Pair Programming Presentation
ThoughtWorks
 

What's hot (20)

Basic Principles of Interface design
Basic Principles of Interface designBasic Principles of Interface design
Basic Principles of Interface design
 
Web-Development-ppt.pptx
Web-Development-ppt.pptxWeb-Development-ppt.pptx
Web-Development-ppt.pptx
 
Course "Basics of UI/UX design"
Course "Basics of UI/UX design"Course "Basics of UI/UX design"
Course "Basics of UI/UX design"
 
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!
 
Pair Programming Presentation
Pair Programming PresentationPair Programming Presentation
Pair Programming Presentation
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
 
UI UX in depth
UI UX in depthUI UX in depth
UI UX in depth
 
Design System - Fail, Learn, Build, Test
Design System - Fail, Learn, Build, TestDesign System - Fail, Learn, Build, Test
Design System - Fail, Learn, Build, Test
 
The difference between ux and ui design
The difference between ux and ui designThe difference between ux and ui design
The difference between ux and ui design
 
A UI and UX training presentation
A UI and UX training presentationA UI and UX training presentation
A UI and UX training presentation
 
What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)
 
The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
 
What is a User Experience?
What is a User Experience? What is a User Experience?
What is a User Experience?
 
Web Design
Web DesignWeb Design
Web Design
 
Web Design Trends: 2018 Edition
Web Design Trends: 2018 EditionWeb Design Trends: 2018 Edition
Web Design Trends: 2018 Edition
 
O que e Design System.pptx
O que e Design System.pptxO que e Design System.pptx
O que e Design System.pptx
 
Ui ux designing principles
Ui ux designing principlesUi ux designing principles
Ui ux designing principles
 
UX/UI Design 101
UX/UI Design 101UX/UI Design 101
UX/UI Design 101
 
UI-UX Services | Web Designing Services
UI-UX Services | Web Designing ServicesUI-UX Services | Web Designing Services
UI-UX Services | Web Designing Services
 
UX Workshop
UX WorkshopUX Workshop
UX Workshop
 

Viewers also liked

Web design proposal sample
Web design proposal sampleWeb design proposal sample
Web design proposal sample
Adviacent
 

Viewers also liked (20)

N49 web design presentation
N49 web design presentationN49 web design presentation
N49 web design presentation
 
How To Improve SEO Website Traffic?
How To Improve SEO Website Traffic?How To Improve SEO Website Traffic?
How To Improve SEO Website Traffic?
 
Website Presentation
Website PresentationWebsite Presentation
Website Presentation
 
Website Design Presentation at The Hawthorne Hotel 03-20-14
Website Design Presentation at The Hawthorne Hotel 03-20-14Website Design Presentation at The Hawthorne Hotel 03-20-14
Website Design Presentation at The Hawthorne Hotel 03-20-14
 
presentation on static website design
presentation on static website designpresentation on static website design
presentation on static website design
 
Modest proposal sample presentation
Modest proposal sample presentationModest proposal sample presentation
Modest proposal sample presentation
 
Free presentation template for web design projects
Free presentation template for web design projectsFree presentation template for web design projects
Free presentation template for web design projects
 
U of U - Mosquito Borne Illnesses to watch out for as you travel the world
U of U - Mosquito Borne Illnesses to watch out for as you travel the worldU of U - Mosquito Borne Illnesses to watch out for as you travel the world
U of U - Mosquito Borne Illnesses to watch out for as you travel the world
 
Fitli - Webinar
Fitli - WebinarFitli - Webinar
Fitli - Webinar
 
Tiempo Q and A Webinar
Tiempo Q and A WebinarTiempo Q and A Webinar
Tiempo Q and A Webinar
 
Transera contact center customer service
Transera contact center customer serviceTransera contact center customer service
Transera contact center customer service
 
Foxtail Website Audit
Foxtail Website AuditFoxtail Website Audit
Foxtail Website Audit
 
Website designing proposal with price
Website designing proposal with priceWebsite designing proposal with price
Website designing proposal with price
 
Digital Marketing Plan by Vicky Deshmukh
Digital Marketing Plan by  Vicky DeshmukhDigital Marketing Plan by  Vicky Deshmukh
Digital Marketing Plan by Vicky Deshmukh
 
Smart Digital Marketing Plan for eCommerce Website, by Anthony Ragland
Smart Digital Marketing Plan for eCommerce Website, by Anthony RaglandSmart Digital Marketing Plan for eCommerce Website, by Anthony Ragland
Smart Digital Marketing Plan for eCommerce Website, by Anthony Ragland
 
Web Development on Web Project Presentation
Web Development on Web Project PresentationWeb Development on Web Project Presentation
Web Development on Web Project Presentation
 
Website Development and Design Proposal
Website Development and Design ProposalWebsite Development and Design Proposal
Website Development and Design Proposal
 
Web design proposal sample
Web design proposal sampleWeb design proposal sample
Web design proposal sample
 
Web site proposal
Web site proposalWeb site proposal
Web site proposal
 
Sample Website Proposal Presentation
Sample Website Proposal PresentationSample Website Proposal Presentation
Sample Website Proposal Presentation
 

Similar to Web Design

Graphic Design Process.pptx
Graphic Design Process.pptxGraphic Design Process.pptx
Graphic Design Process.pptx
FJAsufra
 
Designers are from Venus - Presentationas Given to CD2
Designers are from Venus - Presentationas Given to CD2Designers are from Venus - Presentationas Given to CD2
Designers are from Venus - Presentationas Given to CD2
Chad Udell
 
Part C Developing Your Design SolutionThe Production Cycle.docx
Part C Developing Your Design SolutionThe Production Cycle.docxPart C Developing Your Design SolutionThe Production Cycle.docx
Part C Developing Your Design SolutionThe Production Cycle.docx
smile790243
 

Similar to Web Design (20)

Graphic Design Process.pptx
Graphic Design Process.pptxGraphic Design Process.pptx
Graphic Design Process.pptx
 
Architect is an Enabling Orchestra Leader
Architect is an Enabling Orchestra LeaderArchitect is an Enabling Orchestra Leader
Architect is an Enabling Orchestra Leader
 
VDIS10006 Restoration Interiors 1 Lecture 3: Concept Development
VDIS10006 Restoration Interiors 1 Lecture 3: Concept DevelopmentVDIS10006 Restoration Interiors 1 Lecture 3: Concept Development
VDIS10006 Restoration Interiors 1 Lecture 3: Concept Development
 
VDIS10011 Restoration Interiors 2 Lecture 4: Concept Development
VDIS10011 Restoration Interiors 2 Lecture 4: Concept DevelopmentVDIS10011 Restoration Interiors 2 Lecture 4: Concept Development
VDIS10011 Restoration Interiors 2 Lecture 4: Concept Development
 
Design Process | Tool 02: Scenario - Tool 03: Wireframe
Design Process | Tool 02: Scenario - Tool 03: WireframeDesign Process | Tool 02: Scenario - Tool 03: Wireframe
Design Process | Tool 02: Scenario - Tool 03: Wireframe
 
Ni week no designer, no problem
Ni week no designer, no problem Ni week no designer, no problem
Ni week no designer, no problem
 
Designers are from Venus - Presentationas Given to CD2
Designers are from Venus - Presentationas Given to CD2Designers are from Venus - Presentationas Given to CD2
Designers are from Venus - Presentationas Given to CD2
 
Are Agile Projects Doomed to Half-Baked Design?
Are Agile Projects Doomed to Half-Baked Design?Are Agile Projects Doomed to Half-Baked Design?
Are Agile Projects Doomed to Half-Baked Design?
 
How to Develop Architectural concepts
How to Develop Architectural conceptsHow to Develop Architectural concepts
How to Develop Architectural concepts
 
Web Design is a Cloud, Not a Clock
Web Design is a Cloud, Not a ClockWeb Design is a Cloud, Not a Clock
Web Design is a Cloud, Not a Clock
 
Part C Developing Your Design SolutionThe Production Cycle.docx
Part C Developing Your Design SolutionThe Production Cycle.docxPart C Developing Your Design SolutionThe Production Cycle.docx
Part C Developing Your Design SolutionThe Production Cycle.docx
 
50 UX Best Practices (By Above the Fold)
50 UX Best Practices (By Above the Fold)50 UX Best Practices (By Above the Fold)
50 UX Best Practices (By Above the Fold)
 
Design thinking workshop & Agile HR introduction
Design thinking workshop & Agile HR introductionDesign thinking workshop & Agile HR introduction
Design thinking workshop & Agile HR introduction
 
The Design Mind: Design Thinking Strategies for Facilitating Growth and Perfo...
The Design Mind: Design Thinking Strategies for Facilitating Growth and Perfo...The Design Mind: Design Thinking Strategies for Facilitating Growth and Perfo...
The Design Mind: Design Thinking Strategies for Facilitating Growth and Perfo...
 
A New Toolbox: Artifact Providence 2013
A New Toolbox: Artifact Providence 2013A New Toolbox: Artifact Providence 2013
A New Toolbox: Artifact Providence 2013
 
Os Leung
Os LeungOs Leung
Os Leung
 
Design Thinking: A Common Sense Process
Design Thinking: A Common Sense ProcessDesign Thinking: A Common Sense Process
Design Thinking: A Common Sense Process
 
Responsive Design Workflow
Responsive Design WorkflowResponsive Design Workflow
Responsive Design Workflow
 
Design thinking & agile
Design thinking & agileDesign thinking & agile
Design thinking & agile
 
UXBC #26: Lean UX
UXBC #26: Lean UXUXBC #26: Lean UX
UXBC #26: Lean UX
 

Recently uploaded

Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdf
Chris Hunter
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
heathfieldcps1
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
QucHHunhnh
 
Gardella_Mateo_IntellectualProperty.pdf.
Gardella_Mateo_IntellectualProperty.pdf.Gardella_Mateo_IntellectualProperty.pdf.
Gardella_Mateo_IntellectualProperty.pdf.
MateoGardella
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
negromaestrong
 

Recently uploaded (20)

Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..
 
Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdf
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 
psychiatric nursing HISTORY COLLECTION .docx
psychiatric  nursing HISTORY  COLLECTION  .docxpsychiatric  nursing HISTORY  COLLECTION  .docx
psychiatric nursing HISTORY COLLECTION .docx
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across Sectors
 
Advance Mobile Application Development class 07
Advance Mobile Application Development class 07Advance Mobile Application Development class 07
Advance Mobile Application Development class 07
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
Gardella_Mateo_IntellectualProperty.pdf.
Gardella_Mateo_IntellectualProperty.pdf.Gardella_Mateo_IntellectualProperty.pdf.
Gardella_Mateo_IntellectualProperty.pdf.
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
 
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
fourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingfourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writing
 
PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docx
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 

Web Design

  • 1. BRIEF RESEARCH REFERENCE DESIGNING & CONCEPTUALISING Web REFLECTION REVISIONS Design PRESENTATION process EVALUATION
  • 2. Interview with the client to get the design brief THE BRIEF
  • 3. Conduct research on the industry itself, THE its history and competitors. Problem-solve research first, design later.
  • 4. Conduct research on web designs that have been successful and on current styles and trends that may relate to the design brief. Follow trends not for their own sake but rather to be aware of them: longevity in web design is key. reference
  • 5. Develop the web design concepts) around the brief and your research. This is the single most important part of the design process. Get creative and be inspired sketching isnt time- consuming and is a really good way to put ideas in your head right on paper. Design and After that its always easier to actually design it on the computer. Sketching helps to evolve your imagination: once you conceptualise understand it you will always start from just white paper..
  • 6. Take breaks throughout the design process. This helps your ideas mature, renews your enthusiasm and allows you to solicit feedback. It also gives you a fresh perspective on your work. reflection
  • 7. Whether you position yourself as a contractor (ie.getting instructions from the client or build a long-lasting relationship (ie. guiding the client to the best solution), revise and improve the website as required.. revisions
  • 8. Present your website to the client Show that it has been tested on a variety of different browsers and that the links work Explain how you have met the brief and further development ideas presentation
  • 9. Evaluate what you have done Have you met the brief Are you happy with your own work rate What could you do better Did you plan well Did you follow the plan What would you do better next time Are you happy with it evaluate
  • 10. Concept based on logo design info from smashing magazine Title font 84 Rock Text font chelt press Background image digital revolutions Sources