21
Frederik Stahlfest Møller @stahlfest Fohlmann.communication Edentic

Foredrag 2. skoleperiode – Kampagne & RWD

Embed Size (px)

Citation preview

Page 1: Foredrag 2. skoleperiode – Kampagne & RWD

Frederik Stahlfest Møller@stahlfest

● Fohlmann.communication

● Edentic

Page 2: Foredrag 2. skoleperiode – Kampagne & RWD

De fire kernefagområder

● Grafisk design

● Typografi og ombrydning

● Grafik og billedbehandling

● Grafisk produktion og workflow

Page 3: Foredrag 2. skoleperiode – Kampagne & RWD

KampagneTotalbanken kapitaludvidelse

● 12 Siders prospekt

Page 4: Foredrag 2. skoleperiode – Kampagne & RWD

KampagneTotalbanken kapitaludvidelse

● Bannere● Annonce● Kuvert● Svar-kuvert● Følgebrev● Medarbejderinvitation● Diskskilt● Websitebannere● Mailsignatur● Pauseskærm

Page 5: Foredrag 2. skoleperiode – Kampagne & RWD

WebsiteSct. Hans Flytteforretning

● Kunden

Page 6: Foredrag 2. skoleperiode – Kampagne & RWD

WebsiteSct. Hans Flytteforretning

● Kundemøde

Page 7: Foredrag 2. skoleperiode – Kampagne & RWD

WebsiteSct. Hans Flytteforretning

● Kundemøde

○ Responsive webdesign

Page 8: Foredrag 2. skoleperiode – Kampagne & RWD

WebsiteResponsive webdesign

● Det var nemt i 1993

Page 9: Foredrag 2. skoleperiode – Kampagne & RWD

WebsiteResponsive webdesign

● Det var nemt i 1993

○ 1 browser○ 1 skærm○ 1 computer

Page 10: Foredrag 2. skoleperiode – Kampagne & RWD

WebsiteResponsive webdesign

● Alle enheder skal på nettet

Page 11: Foredrag 2. skoleperiode – Kampagne & RWD

WebsiteResponsive webdesign

● Alle enheder skal på nettet

● Hvordan skal vi forholde os til det?

?

Page 12: Foredrag 2. skoleperiode – Kampagne & RWD

WebsiteResponsive webdesign

● Glem den lineære proces

Opstart Strategi Koncept Skitsering IA Design Udvikling

Page 13: Foredrag 2. skoleperiode – Kampagne & RWD

WebsiteResponsive webdesign

Strategi

Opstart

Koncept

Skitsering

Design

IA

Udvikling

Kunde

Scrum

Page 14: Foredrag 2. skoleperiode – Kampagne & RWD

WebsiteSct. Hans Flytteforretning

● Proces○ Idé ○ Reseach (inspiration)○ Skitsering○ Informations arkitektur

Page 15: Foredrag 2. skoleperiode – Kampagne & RWD

WebsiteSct. Hans Flytteforretning

● User experience

Desktop Mobile

Den unikke idé

Page 16: Foredrag 2. skoleperiode – Kampagne & RWD

WebsiteSct. Hans Flytteforretning

● Design og udvikling

Page 17: Foredrag 2. skoleperiode – Kampagne & RWD

WebsiteSct. Hans Flytteforretning

● Design og udvikling

● Tænk moduler i stedet for sider

● Design et system

● Mobile first

Page 18: Foredrag 2. skoleperiode – Kampagne & RWD

WebsiteSct. Hans Flytteforretning

● Kommunikations Workflow

● Mail● Telefon● Trello● Skype

Page 19: Foredrag 2. skoleperiode – Kampagne & RWD

WebsiteSct. Hans Flytteforretning

● Udviklings Workflow

● Git● Dev server● Wordpress

Page 20: Foredrag 2. skoleperiode – Kampagne & RWD

WebsiteSct. Hans Flytteforretning

● Færdigt produkt – sct-hans.dk

Page 21: Foredrag 2. skoleperiode – Kampagne & RWD

Spørgsmål?

Frederik Stahlfest Møller @stahlfest www.valf.dk