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

What's hot (20)

Html tables
Html tablesHtml tables
Html tables
 
Elements Of Web Design
Elements Of Web DesignElements Of Web Design
Elements Of Web Design
 
C sharp
C sharpC sharp
C sharp
 
My presentation on Android in my college
My presentation on Android in my collegeMy presentation on Android in my college
My presentation on Android in my college
 
Fundamentals of Web Development For Non-Developers
Fundamentals of Web Development For Non-DevelopersFundamentals of Web Development For Non-Developers
Fundamentals of Web Development For Non-Developers
 
Web Design 101
Web Design 101Web Design 101
Web Design 101
 
Bootstrap
BootstrapBootstrap
Bootstrap
 
Rwd ppt
Rwd pptRwd ppt
Rwd ppt
 
HTML5 & CSS3
HTML5 & CSS3 HTML5 & CSS3
HTML5 & CSS3
 
Web Development
Web DevelopmentWeb Development
Web Development
 
FRONT-END WEB DEVELOPMENT-Intro.pptx
FRONT-END WEB DEVELOPMENT-Intro.pptxFRONT-END WEB DEVELOPMENT-Intro.pptx
FRONT-END WEB DEVELOPMENT-Intro.pptx
 
Bootstrap
BootstrapBootstrap
Bootstrap
 
Bootstrap 5 basic
Bootstrap 5 basicBootstrap 5 basic
Bootstrap 5 basic
 
Introduction to Xamarin.Forms
Introduction to Xamarin.FormsIntroduction to Xamarin.Forms
Introduction to Xamarin.Forms
 
Web Development and Web Development technologies - Temitayo Fadojutimi
Web Development and Web Development technologies - Temitayo FadojutimiWeb Development and Web Development technologies - Temitayo Fadojutimi
Web Development and Web Development technologies - Temitayo Fadojutimi
 
LINKING IN HTML
LINKING IN HTMLLINKING IN HTML
LINKING IN HTML
 
Presentation of bootstrap
Presentation of bootstrapPresentation of bootstrap
Presentation of bootstrap
 
Introduction to VB.net
Introduction to VB.netIntroduction to VB.net
Introduction to VB.net
 
Mvc architecture
Mvc architectureMvc architecture
Mvc architecture
 
Corel Draw Introduction
Corel Draw IntroductionCorel Draw Introduction
Corel Draw Introduction
 

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

Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
PECB
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Krashi Coaching
 
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
 

Recently uploaded (20)

Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy Reform
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13
 
Disha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdfDisha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdf
 
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 
General AI for Medical Educators April 2024
General AI for Medical Educators April 2024General AI for Medical Educators April 2024
General AI for Medical Educators April 2024
 
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..
 
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
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
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communication
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
Class 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfClass 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdf
 
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpin
 

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