Webtember Mobiele Websites

28
Mobiele website. Een blijvertje. Sprekers Mireille Stomp en Sjors Sevenhuijsen Korte uitleg Mobiele apparaten, we kunnen er niet meer omheen. Maar wat houdt dat nou in voor je website(s)?

description

Webinar Mobiele website is een blijvertje Deze presentatie werd getoond tijdens ons Webinar over de duizelingwekkende opkomst van mobiele browsers en de gevolgen voor websites. Het mobiele verkeer is vorig jaar verdubbeld, meer dan de helft van alle internetters gebruikt wel eens een smartphone of tablet en in 2015 zal het internetverkeer via mobiel groter zijn dan via een vaste verbinding. Hier kunnen we niet om heen en Fundament All Media heeft een visie ontwikkeld over de meest wenselijke oplossing voor mobiele browsers, responsive design. De sprekers tijdens het Webinar waren Mireille Stomp (Art Director) en Sjors Sevenhuijsen (Accountmanager) van Fundament All Media

Transcript of Webtember Mobiele Websites

Page 1: Webtember Mobiele Websites

Mobiele website. Een blijvertje.

Sprekers Mireille Stomp en Sjors Sevenhuijsen

Korte uitleg Mobiele apparaten, we kunnen er niet meer omheen. Maar wat houdt dat nou in voor je website(s)?

Page 2: Webtember Mobiele Websites

Wie zijn wij?

Uw sprekers van vandaag:

Sjors SevenhuijsenAccountmanager @Fundament All Media@sjors7huizen

Mireille StompArt Director @Fundament All Media@missonice

Page 3: Webtember Mobiele Websites

Waar gaat het vandaag over?

1. Apps en mobiele websites2. Waarom mobiele websites?3. Verschillen in platforms4. Wat zijn de mogelijkheden?5. Inhoud - wat wil je dat men doet6. Vorm - Hoe zorg je ervoor dat ze dat doen?7. Huizen mobiel vertonen en verkopen

Page 4: Webtember Mobiele Websites

Wat is een mobiele website?

Een website die qua vormgeving, inhoud en functionaliteit is geoptimaliseerd voor een mobiel apparaat.

Tablet en/of Smartphone

Page 5: Webtember Mobiele Websites
Page 6: Webtember Mobiele Websites

Waarom mobiele websites?

Het mobiele internetverkeer is in een jaar tijd verdubbeld, de cijfers zijn ronduit verbluffend.

CijfersMeer dan 50% van internetters gebruikt mobieleapparatuur (CBS)Het totale mobiele verkeer is in een jaar tijd verdubbeld van 3,5% naar 7%.De groei van het totale internetgebruik wordt alleen veroorzaakt door mobiele apparaten. In 2015 is het meer dan 50% (Nipo), voor Social Media

Zuckerberg: “We think we’re going to make more money on mobile ads.”

Page 7: Webtember Mobiele Websites

Waarom mobiele websites?

RTV Noord online

Het aantal bezoekers is in anderhalf jaar tijd verdubbeld, dit verschil is alleen veroorzaakt mobiel verkeer.

Augustus was de eerste maand dat het mobiele verkeer boven de 50% lag.

Page 8: Webtember Mobiele Websites

Waarom mobiele websites?

AM onderzoek nieuwbouw consumenten

Page 9: Webtember Mobiele Websites

Verschillen in platforms

Bewust zijn van de verschillen per apparaat ...

● Tablet● Smartphone● Desktop

Page 10: Webtember Mobiele Websites
Page 11: Webtember Mobiele Websites

Wat zijn de mogelijkheden

● Responsive● Aangepast op een gemiddelde maximale● Een website voor mobiel en desktop

(Wat zie je ineens veel blokkensites!)

Page 12: Webtember Mobiele Websites

Wat zijn de mogelijkheden

Responsive Web(design)

http://colly.com

http://www.anderssonwise.com

http://www.bringyourowncoffee.nl

Page 13: Webtember Mobiele Websites

Inhoud

Wat wil de bezoeker en wat wil jij dat de bezoeker doet?

● Inspireren

Page 14: Webtember Mobiele Websites

Inhoud

Wat wil de bezoeker en wat wil jij dat de bezoeker doet?

● Inspireren● Informeren

Page 15: Webtember Mobiele Websites

Inhoud

Wat wil de bezoeker en wat wil jij dat de bezoeker doet?

● Inspireren● Informeren● Converteren

Page 16: Webtember Mobiele Websites

Inhoud

Verder gaan dan ervoor zorgen dat je site er op alle apparaten goed uitziet

● Gebruik maken van de mogelijkheden die de mobiel

(en de tablet) als functionaliteiten in zich heeft

Page 17: Webtember Mobiele Websites

Inhoud

Maak mobiele site gelaagd

Page 18: Webtember Mobiele Websites

Inhoud

Websites zouden sympathiek moeten zijn

Page 19: Webtember Mobiele Websites

Vorm

● Eenvoud

● Visuele focus

● Kleur

● Iconen en afbeeldingen

(groot maar klein)

● Korte teksten

● Typen

● Menu

http://m.ajax.nl/

Page 20: Webtember Mobiele Websites

Vorm

● Eenvoud

● Visuele focus

● Kleur

● Iconen en afbeeldingen

(groot maar klein)

● Korte teksten

● Typen

● Menu

Page 21: Webtember Mobiele Websites

Vorm

● Eenvoud

● Visuele focus

● Kleur

● Iconen en afbeeldingen

(groot maar klein)

● Korte teksten

● Typen

● Menu

http://9to5mac.com

Page 22: Webtember Mobiele Websites

Vorm

● Eenvoud

● Visuele focus

● Kleur

● Iconen en afbeeldingen

(groot maar klein)

● Korte teksten

● Typen

● Menu

Page 23: Webtember Mobiele Websites

Vorm

● Simplicity

● Visuele focus

● Kleur

● Iconen en afbeeldingen

(groot maar klein)

● Korte teksten

● Typen

● Menu

Page 24: Webtember Mobiele Websites

Vorm

● Simplicity

● Visuele focus

● Kleur

● Iconen en afbeeldingen

(groot maar klein)

● Korte teksten

● Typen

● Menu

http://happycog.com/

Page 25: Webtember Mobiele Websites

Huizen mobiel vertonen en verkopen

Page 26: Webtember Mobiele Websites

Huizen mobiel vertonen en verkopen

Page 27: Webtember Mobiele Websites

Huizen mobiel vertonen en verkopen

http://m.almeregreenpoort.nl/

Page 28: Webtember Mobiele Websites

Mobiele websites

Wij zijn er klaar voor! U ook?