SlideShare a Scribd company logo
1 of 19
Download to read offline
Web Design
av Magnus Askenbäck
Vad är web design?
Startsida
Resten
Startsida
Resten
Bounce rate
Avg. time on site
≈ Stickiness
*
*ordbajsvarning
Okej... Men på riktigt,
vad är web design?
Företag el. produkt
Konkurrenter
Syfte
Mål
1. Research
Målgrupper
Användare - företaget
Befintlig statistik
2. Research
Penna och papper
Site maps
Storyboards
Wireframeprogram
3. Wireframes
Färgpaletter
Bilder
Andra webbar
Prov på typografi
4. Look & feel
Kuler
TheFWA
Web Design Served
Behance Network
Funktion
Layout
Grid
Typografi
5. Design
Dribbble
Pattern Tap
Netaverages
960
Unibet
Colly
En design - flera sidor
(Visa vägen dit)
Konstruktiv feedback
Ha på fötterna!
6. Visa kund
Tillbaka till ritbordet
5. Design
Håll tummarna
6. Visa kund
Ha nära kontakt
Kvalitetssäkra
Ofta
7. Implementation
FÅ DIT BESÖKARE!
Analysera användandet
Förändra och förbättra
För evigt
8. Release
Web vs Print
Vad finns det för likheter och skillnader?
Social media
Måste ju ändå nämna det...
You
Grey
Smartphones, tablets, TV,
tidningar, böcker, spel ...
Hur ser framtiden ut?
Behöver man kunna allt?
Adobe Max
iFly
Tack!
Hör gärna av er med frågor etc
freelancer@peckish.se

More Related Content

Similar to Web Design Jensen Education 20101123

Responsiv webbdesign
Responsiv webbdesignResponsiv webbdesign
Responsiv webbdesignAnton Tibblin
 
Kravställning i webbprojekt
Kravställning i webbprojektKravställning i webbprojekt
Kravställning i webbprojekt7minds AB
 
VT2018 - DA355A - Responsiv webbutveckling
VT2018 - DA355A - Responsiv webbutvecklingVT2018 - DA355A - Responsiv webbutveckling
VT2018 - DA355A - Responsiv webbutvecklingAnton Tibblin
 
Spbl Fö6 Designprinciper Och Xml
Spbl Fö6   Designprinciper Och XmlSpbl Fö6   Designprinciper Och Xml
Spbl Fö6 Designprinciper Och Xmlbildljuddsv
 
DB — Den digitala identiteten först
DB — Den digitala identiteten förstDB — Den digitala identiteten först
DB — Den digitala identiteten förstDaniel Bruce
 
Konceptutveckling, interaktionsdesign i digitala projekt
Konceptutveckling, interaktionsdesign i digitala projektKonceptutveckling, interaktionsdesign i digitala projekt
Konceptutveckling, interaktionsdesign i digitala projektOttoboni
 
VT2019 - DA355A - CSS Grid & Webbramverk
VT2019 - DA355A - CSS Grid & WebbramverkVT2019 - DA355A - CSS Grid & Webbramverk
VT2019 - DA355A - CSS Grid & WebbramverkAnton Tibblin
 
Queens Lab Företagspresentation 2019-03-20
Queens Lab Företagspresentation 2019-03-20Queens Lab Företagspresentation 2019-03-20
Queens Lab Företagspresentation 2019-03-20Jens östgaard
 
Responsivew design - Vad, hur och varför
Responsivew design - Vad, hur och varförResponsivew design - Vad, hur och varför
Responsivew design - Vad, hur och varför7minds AB
 
24timmarswebben Introduktion 2008 01 15
24timmarswebben Introduktion 2008 01 1524timmarswebben Introduktion 2008 01 15
24timmarswebben Introduktion 2008 01 1524timmarswebben
 
HT18 - DA156A - Responsive webdesign
HT18 - DA156A - Responsive webdesignHT18 - DA156A - Responsive webdesign
HT18 - DA156A - Responsive webdesignAnton Tibblin
 
Webbstrategi från teori till mätbar effekt – 7 konkreta tips!
Webbstrategi från teori till mätbar effekt –  7 konkreta tips!Webbstrategi från teori till mätbar effekt –  7 konkreta tips!
Webbstrategi från teori till mätbar effekt – 7 konkreta tips!Johan Stenborg
 
Att skriva för webb - Medieinstitutet 2016
Att skriva för webb - Medieinstitutet 2016Att skriva för webb - Medieinstitutet 2016
Att skriva för webb - Medieinstitutet 2016Ehsan Noroozi
 
Söktrender 2015 - Event 8/1-15 med SESNordic och Google AdWords
Söktrender 2015 - Event 8/1-15 med SESNordic och Google AdWordsSöktrender 2015 - Event 8/1-15 med SESNordic och Google AdWords
Söktrender 2015 - Event 8/1-15 med SESNordic och Google AdWordsSESNordic AB
 
Ottoboni Marknadscheferna Göteborg/Väst
Ottoboni Marknadscheferna Göteborg/VästOttoboni Marknadscheferna Göteborg/Väst
Ottoboni Marknadscheferna Göteborg/VästOttoboni
 
VT24 - Responsiv design & Ramverk inom webbutveckling
VT24 - Responsiv design & Ramverk inom webbutvecklingVT24 - Responsiv design & Ramverk inom webbutveckling
VT24 - Responsiv design & Ramverk inom webbutvecklingAnton Tibblin
 
VT17 - DA355A - Responsive design
VT17 - DA355A - Responsive designVT17 - DA355A - Responsive design
VT17 - DA355A - Responsive designAnton Tibblin
 

Similar to Web Design Jensen Education 20101123 (20)

Kreativa processer dag 1 2013
Kreativa processer dag 1 2013Kreativa processer dag 1 2013
Kreativa processer dag 1 2013
 
Responsiv webbdesign
Responsiv webbdesignResponsiv webbdesign
Responsiv webbdesign
 
Kravställning i webbprojekt
Kravställning i webbprojektKravställning i webbprojekt
Kravställning i webbprojekt
 
VT2018 - DA355A - Responsiv webbutveckling
VT2018 - DA355A - Responsiv webbutvecklingVT2018 - DA355A - Responsiv webbutveckling
VT2018 - DA355A - Responsiv webbutveckling
 
Spbl Fö6 Designprinciper Och Xml
Spbl Fö6   Designprinciper Och XmlSpbl Fö6   Designprinciper Och Xml
Spbl Fö6 Designprinciper Och Xml
 
DB — Den digitala identiteten först
DB — Den digitala identiteten förstDB — Den digitala identiteten först
DB — Den digitala identiteten först
 
Konceptutveckling, interaktionsdesign i digitala projekt
Konceptutveckling, interaktionsdesign i digitala projektKonceptutveckling, interaktionsdesign i digitala projekt
Konceptutveckling, interaktionsdesign i digitala projekt
 
VT2019 - DA355A - CSS Grid & Webbramverk
VT2019 - DA355A - CSS Grid & WebbramverkVT2019 - DA355A - CSS Grid & Webbramverk
VT2019 - DA355A - CSS Grid & Webbramverk
 
Queens Lab Företagspresentation 2019-03-20
Queens Lab Företagspresentation 2019-03-20Queens Lab Företagspresentation 2019-03-20
Queens Lab Företagspresentation 2019-03-20
 
Responsivew design - Vad, hur och varför
Responsivew design - Vad, hur och varförResponsivew design - Vad, hur och varför
Responsivew design - Vad, hur och varför
 
24timmarswebben Introduktion 2008 01 15
24timmarswebben Introduktion 2008 01 1524timmarswebben Introduktion 2008 01 15
24timmarswebben Introduktion 2008 01 15
 
Kreativa processer lektion 5 2013
Kreativa processer lektion 5 2013Kreativa processer lektion 5 2013
Kreativa processer lektion 5 2013
 
HT18 - DA156A - Responsive webdesign
HT18 - DA156A - Responsive webdesignHT18 - DA156A - Responsive webdesign
HT18 - DA156A - Responsive webdesign
 
Webbstrategi från teori till mätbar effekt – 7 konkreta tips!
Webbstrategi från teori till mätbar effekt –  7 konkreta tips!Webbstrategi från teori till mätbar effekt –  7 konkreta tips!
Webbstrategi från teori till mätbar effekt – 7 konkreta tips!
 
Kreativa processer, Föreläsning 1 2011
Kreativa processer, Föreläsning 1 2011Kreativa processer, Föreläsning 1 2011
Kreativa processer, Föreläsning 1 2011
 
Att skriva för webb - Medieinstitutet 2016
Att skriva för webb - Medieinstitutet 2016Att skriva för webb - Medieinstitutet 2016
Att skriva för webb - Medieinstitutet 2016
 
Söktrender 2015 - Event 8/1-15 med SESNordic och Google AdWords
Söktrender 2015 - Event 8/1-15 med SESNordic och Google AdWordsSöktrender 2015 - Event 8/1-15 med SESNordic och Google AdWords
Söktrender 2015 - Event 8/1-15 med SESNordic och Google AdWords
 
Ottoboni Marknadscheferna Göteborg/Väst
Ottoboni Marknadscheferna Göteborg/VästOttoboni Marknadscheferna Göteborg/Väst
Ottoboni Marknadscheferna Göteborg/Väst
 
VT24 - Responsiv design & Ramverk inom webbutveckling
VT24 - Responsiv design & Ramverk inom webbutvecklingVT24 - Responsiv design & Ramverk inom webbutveckling
VT24 - Responsiv design & Ramverk inom webbutveckling
 
VT17 - DA355A - Responsive design
VT17 - DA355A - Responsive designVT17 - DA355A - Responsive design
VT17 - DA355A - Responsive design
 

Web Design Jensen Education 20101123