SlideShare a Scribd company logo

John Kivit - Shareforce - Responsive Design - Mobile Pioneers

Veel organisaties zien op tegen de hoge investeringen om op meerdere platformen aanwezig te zijn. Responsive design is een mogelijke oplossing voor dit dilemma. Build once, show many! Shareforce directeur John Kivit vertelt over het hoe en wat van deze nieuwe aanpak.

1 of 29
John Kivit - Mobile Pioneers




    Responsive design
?
The world is changing




                   Responsive design
Responsive design
Responsive design
Responsive design
Responsive design

Recommended

Responsive Design Talk @ Toronto Dev Derby March
Responsive Design Talk @ Toronto Dev Derby MarchResponsive Design Talk @ Toronto Dev Derby March
Responsive Design Talk @ Toronto Dev Derby Marchthemystic_ca
 
What is UX Design?
What is UX Design?What is UX Design?
What is UX Design?Ji Lee
 
Intro to IA/IxD/UXD in the agency world
Intro to IA/IxD/UXD in the agency worldIntro to IA/IxD/UXD in the agency world
Intro to IA/IxD/UXD in the agency worldKarri Ojanen
 
John Kivit - Shareforce - Trema - Social, Local, Mobile
John Kivit - Shareforce - Trema - Social, Local, MobileJohn Kivit - Shareforce - Trema - Social, Local, Mobile
John Kivit - Shareforce - Trema - Social, Local, MobileShareforce
 
Bimet fareveshura 1`Pamela Tanku shkolla "Albanet" klasa VIII
Bimet fareveshura 1`Pamela Tanku shkolla "Albanet" klasa VIIIBimet fareveshura 1`Pamela Tanku shkolla "Albanet" klasa VIII
Bimet fareveshura 1`Pamela Tanku shkolla "Albanet" klasa VIIIlira kuca
 
Biomat tokesore
Biomat  tokesoreBiomat  tokesore
Biomat tokesoreEnxhi_01
 

More Related Content

Similar to John Kivit - Shareforce - Responsive Design - Mobile Pioneers

Responsive Web Design - Introduction & Workflow Overview
Responsive Web Design - Introduction & Workflow OverviewResponsive Web Design - Introduction & Workflow Overview
Responsive Web Design - Introduction & Workflow OverviewAidan Foster
 
Stocktwits & Responsive Web Design, social network meets flexible framework
Stocktwits & Responsive Web Design, social network meets flexible frameworkStocktwits & Responsive Web Design, social network meets flexible framework
Stocktwits & Responsive Web Design, social network meets flexible frameworkJohn Strott
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web DesignScott Brandon
 
Product Management & Design At Startups
Product Management & Design At StartupsProduct Management & Design At Startups
Product Management & Design At StartupsDan Olsen
 
MIMA 2014 - Changing your Responsive Design Workflow
MIMA 2014 - Changing your Responsive Design WorkflowMIMA 2014 - Changing your Responsive Design Workflow
MIMA 2014 - Changing your Responsive Design Workfloweaselsolutions
 
Responsive Design & Mobile First
Responsive Design & Mobile FirstResponsive Design & Mobile First
Responsive Design & Mobile FirstLuke Brooker
 
Top Tips for Responsive eLearning Design
Top Tips for Responsive eLearning Design Top Tips for Responsive eLearning Design
Top Tips for Responsive eLearning Design Cammy Bean
 
Web UI Design Patterns 2014
Web UI Design Patterns 2014Web UI Design Patterns 2014
Web UI Design Patterns 2014Lewis Lin 🦊
 
Responsive Design with Backbone
Responsive Design with BackboneResponsive Design with Backbone
Responsive Design with BackboneMauvis Ledford
 
Embracing Uncertainty: Learning to Think Responsively
Embracing Uncertainty: Learning to Think ResponsivelyEmbracing Uncertainty: Learning to Think Responsively
Embracing Uncertainty: Learning to Think ResponsivelyChad Currie
 
Website redesign
Website redesignWebsite redesign
Website redesignOptfinITy
 
How to Act Like an Agency within a Company: UX for the Enterprise
How to Act Like an Agency within a Company: UX for the EnterpriseHow to Act Like an Agency within a Company: UX for the Enterprise
How to Act Like an Agency within a Company: UX for the EnterpriseFlashGuy13
 
Mozilla Developer Derby October 2012: Media Queries
Mozilla Developer Derby October 2012: Media Queries Mozilla Developer Derby October 2012: Media Queries
Mozilla Developer Derby October 2012: Media Queries themystic_ca
 
Responsive Web Design - Bridging the Gap Between Art Directors
Responsive Web Design - Bridging the Gap Between Art DirectorsResponsive Web Design - Bridging the Gap Between Art Directors
Responsive Web Design - Bridging the Gap Between Art DirectorsAaron Bernardo
 
Responsive Web Designs.pdf
Responsive Web Designs.pdfResponsive Web Designs.pdf
Responsive Web Designs.pdfJiniya Bipasha
 
Tincan - Mobile Elephant
Tincan - Mobile ElephantTincan - Mobile Elephant
Tincan - Mobile ElephantBen Holliday
 

Similar to John Kivit - Shareforce - Responsive Design - Mobile Pioneers (20)

Responsive Design and Joomla!
Responsive Design and Joomla!Responsive Design and Joomla!
Responsive Design and Joomla!
 
Responsive Web Design - Introduction & Workflow Overview
Responsive Web Design - Introduction & Workflow OverviewResponsive Web Design - Introduction & Workflow Overview
Responsive Web Design - Introduction & Workflow Overview
 
Responsive web design
Responsive web designResponsive web design
Responsive web design
 
Stocktwits & Responsive Web Design, social network meets flexible framework
Stocktwits & Responsive Web Design, social network meets flexible frameworkStocktwits & Responsive Web Design, social network meets flexible framework
Stocktwits & Responsive Web Design, social network meets flexible framework
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
Product Management & Design At Startups
Product Management & Design At StartupsProduct Management & Design At Startups
Product Management & Design At Startups
 
MIMA 2014 - Changing your Responsive Design Workflow
MIMA 2014 - Changing your Responsive Design WorkflowMIMA 2014 - Changing your Responsive Design Workflow
MIMA 2014 - Changing your Responsive Design Workflow
 
Responsive Design & Mobile First
Responsive Design & Mobile FirstResponsive Design & Mobile First
Responsive Design & Mobile First
 
Top Tips for Responsive eLearning Design
Top Tips for Responsive eLearning Design Top Tips for Responsive eLearning Design
Top Tips for Responsive eLearning Design
 
Web UI Design Patterns 2014
Web UI Design Patterns 2014Web UI Design Patterns 2014
Web UI Design Patterns 2014
 
Responsive Design with Backbone
Responsive Design with BackboneResponsive Design with Backbone
Responsive Design with Backbone
 
Embracing Uncertainty: Learning to Think Responsively
Embracing Uncertainty: Learning to Think ResponsivelyEmbracing Uncertainty: Learning to Think Responsively
Embracing Uncertainty: Learning to Think Responsively
 
Website redesign
Website redesignWebsite redesign
Website redesign
 
How to Act Like an Agency within a Company: UX for the Enterprise
How to Act Like an Agency within a Company: UX for the EnterpriseHow to Act Like an Agency within a Company: UX for the Enterprise
How to Act Like an Agency within a Company: UX for the Enterprise
 
Mozilla Developer Derby October 2012: Media Queries
Mozilla Developer Derby October 2012: Media Queries Mozilla Developer Derby October 2012: Media Queries
Mozilla Developer Derby October 2012: Media Queries
 
Responsive
ResponsiveResponsive
Responsive
 
Responsive Web Design - Bridging the Gap Between Art Directors
Responsive Web Design - Bridging the Gap Between Art DirectorsResponsive Web Design - Bridging the Gap Between Art Directors
Responsive Web Design - Bridging the Gap Between Art Directors
 
Responsive Web Designs.pdf
Responsive Web Designs.pdfResponsive Web Designs.pdf
Responsive Web Designs.pdf
 
Tincan - Mobile Elephant
Tincan - Mobile ElephantTincan - Mobile Elephant
Tincan - Mobile Elephant
 

More from Shareforce

MobPro - Diederick Ubels - App Pioneers
MobPro - Diederick Ubels - App PioneersMobPro - Diederick Ubels - App Pioneers
MobPro - Diederick Ubels - App PioneersShareforce
 
Tikkie - Freek de Steenwinkel - App Pioneers
Tikkie - Freek de Steenwinkel - App PioneersTikkie - Freek de Steenwinkel - App Pioneers
Tikkie - Freek de Steenwinkel - App PioneersShareforce
 
NS - Joeri Vos - App Pioneers
NS - Joeri Vos - App PioneersNS - Joeri Vos - App Pioneers
NS - Joeri Vos - App PioneersShareforce
 
Peaks - Jan te Kiefte - App Pioneers
Peaks - Jan te Kiefte - App PioneersPeaks - Jan te Kiefte - App Pioneers
Peaks - Jan te Kiefte - App PioneersShareforce
 
Multiscope - Yves Kistemaker - App Pioneers
Multiscope - Yves Kistemaker - App PioneersMultiscope - Yves Kistemaker - App Pioneers
Multiscope - Yves Kistemaker - App PioneersShareforce
 
Niek Veendrick - Greetz - Sharing your emotions - Mobile Pioneers
Niek Veendrick - Greetz - Sharing your emotions - Mobile PioneersNiek Veendrick - Greetz - Sharing your emotions - Mobile Pioneers
Niek Veendrick - Greetz - Sharing your emotions - Mobile PioneersShareforce
 
John Kivit - Shareforce - M-commerce in Nederland - Mobile Pioneers
John Kivit - Shareforce - M-commerce in Nederland - Mobile PioneersJohn Kivit - Shareforce - M-commerce in Nederland - Mobile Pioneers
John Kivit - Shareforce - M-commerce in Nederland - Mobile PioneersShareforce
 
Jeroen Tjepkema - MeasureWorks - Don't let the lights turn green - Mobile Pio...
Jeroen Tjepkema - MeasureWorks - Don't let the lights turn green - Mobile Pio...Jeroen Tjepkema - MeasureWorks - Don't let the lights turn green - Mobile Pio...
Jeroen Tjepkema - MeasureWorks - Don't let the lights turn green - Mobile Pio...Shareforce
 
Edwin de Ron - Rabobank - Mobiel betalen - Mobile Pioneers
Edwin de Ron - Rabobank - Mobiel betalen - Mobile PioneersEdwin de Ron - Rabobank - Mobiel betalen - Mobile Pioneers
Edwin de Ron - Rabobank - Mobiel betalen - Mobile PioneersShareforce
 
John Kivit - Shareforce - Appstores: facts, tips, tricks - Mobile Pioneers
John Kivit - Shareforce - Appstores: facts, tips, tricks - Mobile PioneersJohn Kivit - Shareforce - Appstores: facts, tips, tricks - Mobile Pioneers
John Kivit - Shareforce - Appstores: facts, tips, tricks - Mobile PioneersShareforce
 
Brechtje de Leij - Nu.nl - Ervaringen van een marktleider - Mobile Pioneers
Brechtje de Leij - Nu.nl - Ervaringen van een marktleider - Mobile PioneersBrechtje de Leij - Nu.nl - Ervaringen van een marktleider - Mobile Pioneers
Brechtje de Leij - Nu.nl - Ervaringen van een marktleider - Mobile PioneersShareforce
 
Uber - Casper Oppenhuis de Jong - Revolutie in vervoer - Mobile Pioneers
Uber - Casper Oppenhuis de Jong - Revolutie in vervoer - Mobile PioneersUber - Casper Oppenhuis de Jong - Revolutie in vervoer - Mobile Pioneers
Uber - Casper Oppenhuis de Jong - Revolutie in vervoer - Mobile PioneersShareforce
 
Ward Wijndelts - NRC Media - NRC Reader - Mobile Pioneers
Ward Wijndelts - NRC Media - NRC Reader - Mobile PioneersWard Wijndelts - NRC Media - NRC Reader - Mobile Pioneers
Ward Wijndelts - NRC Media - NRC Reader - Mobile PioneersShareforce
 
Michiel Slegt - Smulweb - Mobile Pioneers
Michiel Slegt - Smulweb - Mobile PioneersMichiel Slegt - Smulweb - Mobile Pioneers
Michiel Slegt - Smulweb - Mobile PioneersShareforce
 
Klaas Weima - Energize - Verdiende Aandacht - Mobile PIoneers
Klaas Weima - Energize - Verdiende Aandacht - Mobile PIoneersKlaas Weima - Energize - Verdiende Aandacht - Mobile PIoneers
Klaas Weima - Energize - Verdiende Aandacht - Mobile PIoneersShareforce
 
Stijn Veeger - TVGIDS - Mobile Pioneers
Stijn Veeger - TVGIDS - Mobile PioneersStijn Veeger - TVGIDS - Mobile Pioneers
Stijn Veeger - TVGIDS - Mobile PioneersShareforce
 
Mobile Pioneers - WoW - Riekes Beelen
Mobile Pioneers - WoW - Riekes BeelenMobile Pioneers - WoW - Riekes Beelen
Mobile Pioneers - WoW - Riekes BeelenShareforce
 
Mobile PIoneers - Mobgen - MIchiel Ebeling - Een succesvolle mobiele strategie
Mobile PIoneers - Mobgen - MIchiel Ebeling - Een succesvolle mobiele strategieMobile PIoneers - Mobgen - MIchiel Ebeling - Een succesvolle mobiele strategie
Mobile PIoneers - Mobgen - MIchiel Ebeling - Een succesvolle mobiele strategieShareforce
 
Mobile PIoneers - Distimo - Hendrik Koekoek - Visie op de markt
Mobile PIoneers - Distimo - Hendrik Koekoek - Visie op de marktMobile PIoneers - Distimo - Hendrik Koekoek - Visie op de markt
Mobile PIoneers - Distimo - Hendrik Koekoek - Visie op de marktShareforce
 
Congratulations Shareforce
Congratulations ShareforceCongratulations Shareforce
Congratulations ShareforceShareforce
 

More from Shareforce (20)

MobPro - Diederick Ubels - App Pioneers
MobPro - Diederick Ubels - App PioneersMobPro - Diederick Ubels - App Pioneers
MobPro - Diederick Ubels - App Pioneers
 
Tikkie - Freek de Steenwinkel - App Pioneers
Tikkie - Freek de Steenwinkel - App PioneersTikkie - Freek de Steenwinkel - App Pioneers
Tikkie - Freek de Steenwinkel - App Pioneers
 
NS - Joeri Vos - App Pioneers
NS - Joeri Vos - App PioneersNS - Joeri Vos - App Pioneers
NS - Joeri Vos - App Pioneers
 
Peaks - Jan te Kiefte - App Pioneers
Peaks - Jan te Kiefte - App PioneersPeaks - Jan te Kiefte - App Pioneers
Peaks - Jan te Kiefte - App Pioneers
 
Multiscope - Yves Kistemaker - App Pioneers
Multiscope - Yves Kistemaker - App PioneersMultiscope - Yves Kistemaker - App Pioneers
Multiscope - Yves Kistemaker - App Pioneers
 
Niek Veendrick - Greetz - Sharing your emotions - Mobile Pioneers
Niek Veendrick - Greetz - Sharing your emotions - Mobile PioneersNiek Veendrick - Greetz - Sharing your emotions - Mobile Pioneers
Niek Veendrick - Greetz - Sharing your emotions - Mobile Pioneers
 
John Kivit - Shareforce - M-commerce in Nederland - Mobile Pioneers
John Kivit - Shareforce - M-commerce in Nederland - Mobile PioneersJohn Kivit - Shareforce - M-commerce in Nederland - Mobile Pioneers
John Kivit - Shareforce - M-commerce in Nederland - Mobile Pioneers
 
Jeroen Tjepkema - MeasureWorks - Don't let the lights turn green - Mobile Pio...
Jeroen Tjepkema - MeasureWorks - Don't let the lights turn green - Mobile Pio...Jeroen Tjepkema - MeasureWorks - Don't let the lights turn green - Mobile Pio...
Jeroen Tjepkema - MeasureWorks - Don't let the lights turn green - Mobile Pio...
 
Edwin de Ron - Rabobank - Mobiel betalen - Mobile Pioneers
Edwin de Ron - Rabobank - Mobiel betalen - Mobile PioneersEdwin de Ron - Rabobank - Mobiel betalen - Mobile Pioneers
Edwin de Ron - Rabobank - Mobiel betalen - Mobile Pioneers
 
John Kivit - Shareforce - Appstores: facts, tips, tricks - Mobile Pioneers
John Kivit - Shareforce - Appstores: facts, tips, tricks - Mobile PioneersJohn Kivit - Shareforce - Appstores: facts, tips, tricks - Mobile Pioneers
John Kivit - Shareforce - Appstores: facts, tips, tricks - Mobile Pioneers
 
Brechtje de Leij - Nu.nl - Ervaringen van een marktleider - Mobile Pioneers
Brechtje de Leij - Nu.nl - Ervaringen van een marktleider - Mobile PioneersBrechtje de Leij - Nu.nl - Ervaringen van een marktleider - Mobile Pioneers
Brechtje de Leij - Nu.nl - Ervaringen van een marktleider - Mobile Pioneers
 
Uber - Casper Oppenhuis de Jong - Revolutie in vervoer - Mobile Pioneers
Uber - Casper Oppenhuis de Jong - Revolutie in vervoer - Mobile PioneersUber - Casper Oppenhuis de Jong - Revolutie in vervoer - Mobile Pioneers
Uber - Casper Oppenhuis de Jong - Revolutie in vervoer - Mobile Pioneers
 
Ward Wijndelts - NRC Media - NRC Reader - Mobile Pioneers
Ward Wijndelts - NRC Media - NRC Reader - Mobile PioneersWard Wijndelts - NRC Media - NRC Reader - Mobile Pioneers
Ward Wijndelts - NRC Media - NRC Reader - Mobile Pioneers
 
Michiel Slegt - Smulweb - Mobile Pioneers
Michiel Slegt - Smulweb - Mobile PioneersMichiel Slegt - Smulweb - Mobile Pioneers
Michiel Slegt - Smulweb - Mobile Pioneers
 
Klaas Weima - Energize - Verdiende Aandacht - Mobile PIoneers
Klaas Weima - Energize - Verdiende Aandacht - Mobile PIoneersKlaas Weima - Energize - Verdiende Aandacht - Mobile PIoneers
Klaas Weima - Energize - Verdiende Aandacht - Mobile PIoneers
 
Stijn Veeger - TVGIDS - Mobile Pioneers
Stijn Veeger - TVGIDS - Mobile PioneersStijn Veeger - TVGIDS - Mobile Pioneers
Stijn Veeger - TVGIDS - Mobile Pioneers
 
Mobile Pioneers - WoW - Riekes Beelen
Mobile Pioneers - WoW - Riekes BeelenMobile Pioneers - WoW - Riekes Beelen
Mobile Pioneers - WoW - Riekes Beelen
 
Mobile PIoneers - Mobgen - MIchiel Ebeling - Een succesvolle mobiele strategie
Mobile PIoneers - Mobgen - MIchiel Ebeling - Een succesvolle mobiele strategieMobile PIoneers - Mobgen - MIchiel Ebeling - Een succesvolle mobiele strategie
Mobile PIoneers - Mobgen - MIchiel Ebeling - Een succesvolle mobiele strategie
 
Mobile PIoneers - Distimo - Hendrik Koekoek - Visie op de markt
Mobile PIoneers - Distimo - Hendrik Koekoek - Visie op de marktMobile PIoneers - Distimo - Hendrik Koekoek - Visie op de markt
Mobile PIoneers - Distimo - Hendrik Koekoek - Visie op de markt
 
Congratulations Shareforce
Congratulations ShareforceCongratulations Shareforce
Congratulations Shareforce
 

Recently uploaded

The Penta Model of Strategic Choices (summary)
The Penta Model of Strategic Choices (summary)The Penta Model of Strategic Choices (summary)
The Penta Model of Strategic Choices (summary)Mihai Ionescu
 
2024-02 Augusta Gold Corporate Presentation
2024-02 Augusta Gold Corporate Presentation2024-02 Augusta Gold Corporate Presentation
2024-02 Augusta Gold Corporate Presentationsimonecapitalcorp
 
TriStar Gold Corporate Presentation Updated February 2024
TriStar Gold Corporate Presentation Updated February 2024TriStar Gold Corporate Presentation Updated February 2024
TriStar Gold Corporate Presentation Updated February 2024Adnet Communications
 
Questions to Answer to Prepare for Zero Budget Marketing .docx
Questions to Answer to Prepare for Zero Budget Marketing .docxQuestions to Answer to Prepare for Zero Budget Marketing .docx
Questions to Answer to Prepare for Zero Budget Marketing .docxPrecious Mvulane CA (SA),RA
 
Ivan Verkalets: The Relevance of ISO 9001 & 27001 for Outsourcing Excellence ...
Ivan Verkalets: The Relevance of ISO 9001 & 27001 for Outsourcing Excellence ...Ivan Verkalets: The Relevance of ISO 9001 & 27001 for Outsourcing Excellence ...
Ivan Verkalets: The Relevance of ISO 9001 & 27001 for Outsourcing Excellence ...Lviv Startup Club
 
Diageo Strategy Presentation made in February 2024 CAGNY
Diageo Strategy Presentation made in February 2024 CAGNYDiageo Strategy Presentation made in February 2024 CAGNY
Diageo Strategy Presentation made in February 2024 CAGNYNeil Kimberley
 
Firms’ response to climate change and digital technologies – insights from an...
Firms’ response to climate change and digital technologies – insights from an...Firms’ response to climate change and digital technologies – insights from an...
Firms’ response to climate change and digital technologies – insights from an...enterpriseresearchcentre
 
Osborn_Jordan_Sportsbroadcasting_PB1_6(1).pdf
Osborn_Jordan_Sportsbroadcasting_PB1_6(1).pdfOsborn_Jordan_Sportsbroadcasting_PB1_6(1).pdf
Osborn_Jordan_Sportsbroadcasting_PB1_6(1).pdffrannyosborn1
 
EAPJ Vol VIII February 2024.pdf
EAPJ Vol VIII February 2024.pdfEAPJ Vol VIII February 2024.pdf
EAPJ Vol VIII February 2024.pdfDarryl_Carr
 
Dive into Machine Learning Event--MUGDSC
Dive into Machine Learning Event--MUGDSCDive into Machine Learning Event--MUGDSC
Dive into Machine Learning Event--MUGDSCRakshaAgrawal21
 
Session 1 Intro & InoVet it - JAX Bridges
Session 1 Intro & InoVet it - JAX BridgesSession 1 Intro & InoVet it - JAX Bridges
Session 1 Intro & InoVet it - JAX BridgesAnamaria Contreras
 
Executive Summary - Example by Loopio.docx
Executive Summary - Example by Loopio.docxExecutive Summary - Example by Loopio.docx
Executive Summary - Example by Loopio.docxKatieFlood9
 
Bloomerang Scaling New Heights_ Tailored Strategies for Securing Your Next-Le...
Bloomerang Scaling New Heights_ Tailored Strategies for Securing Your Next-Le...Bloomerang Scaling New Heights_ Tailored Strategies for Securing Your Next-Le...
Bloomerang Scaling New Heights_ Tailored Strategies for Securing Your Next-Le...Bloomerang
 
Dive into Machine Learning Event MUGDSC.pptx
Dive into Machine Learning Event MUGDSC.pptxDive into Machine Learning Event MUGDSC.pptx
Dive into Machine Learning Event MUGDSC.pptxRakshaAgrawal21
 
TriStar Gold Corporate Presentation February 2024
TriStar Gold Corporate Presentation February 2024TriStar Gold Corporate Presentation February 2024
TriStar Gold Corporate Presentation February 2024Adnet Communications
 
brand ambassadors should they be more responsible -1.pdf
brand ambassadors should they be more responsible -1.pdfbrand ambassadors should they be more responsible -1.pdf
brand ambassadors should they be more responsible -1.pdfJaisikaSoni
 
Bloomerang Fundraising Week02.26.2024.pdf
Bloomerang Fundraising Week02.26.2024.pdfBloomerang Fundraising Week02.26.2024.pdf
Bloomerang Fundraising Week02.26.2024.pdfBloomerang
 
SS LinkedIn Newsletter AAOS 2024 Recap PDF
SS LinkedIn Newsletter AAOS 2024 Recap PDFSS LinkedIn Newsletter AAOS 2024 Recap PDF
SS LinkedIn Newsletter AAOS 2024 Recap PDFDesirae2
 
Serhii Herasymov: Boost sales through Accelerators (UA)
Serhii Herasymov: Boost sales through Accelerators (UA)Serhii Herasymov: Boost sales through Accelerators (UA)
Serhii Herasymov: Boost sales through Accelerators (UA)Lviv Startup Club
 
PUBLISHING AND LITERARY NETWORKS IN THE SOUTH WEST_EBOOK_WCOVER.pdf
PUBLISHING AND LITERARY NETWORKS IN THE SOUTH WEST_EBOOK_WCOVER.pdfPUBLISHING AND LITERARY NETWORKS IN THE SOUTH WEST_EBOOK_WCOVER.pdf
PUBLISHING AND LITERARY NETWORKS IN THE SOUTH WEST_EBOOK_WCOVER.pdfUniversity of Exeter MA Publishing
 

Recently uploaded (20)

The Penta Model of Strategic Choices (summary)
The Penta Model of Strategic Choices (summary)The Penta Model of Strategic Choices (summary)
The Penta Model of Strategic Choices (summary)
 
2024-02 Augusta Gold Corporate Presentation
2024-02 Augusta Gold Corporate Presentation2024-02 Augusta Gold Corporate Presentation
2024-02 Augusta Gold Corporate Presentation
 
TriStar Gold Corporate Presentation Updated February 2024
TriStar Gold Corporate Presentation Updated February 2024TriStar Gold Corporate Presentation Updated February 2024
TriStar Gold Corporate Presentation Updated February 2024
 
Questions to Answer to Prepare for Zero Budget Marketing .docx
Questions to Answer to Prepare for Zero Budget Marketing .docxQuestions to Answer to Prepare for Zero Budget Marketing .docx
Questions to Answer to Prepare for Zero Budget Marketing .docx
 
Ivan Verkalets: The Relevance of ISO 9001 & 27001 for Outsourcing Excellence ...
Ivan Verkalets: The Relevance of ISO 9001 & 27001 for Outsourcing Excellence ...Ivan Verkalets: The Relevance of ISO 9001 & 27001 for Outsourcing Excellence ...
Ivan Verkalets: The Relevance of ISO 9001 & 27001 for Outsourcing Excellence ...
 
Diageo Strategy Presentation made in February 2024 CAGNY
Diageo Strategy Presentation made in February 2024 CAGNYDiageo Strategy Presentation made in February 2024 CAGNY
Diageo Strategy Presentation made in February 2024 CAGNY
 
Firms’ response to climate change and digital technologies – insights from an...
Firms’ response to climate change and digital technologies – insights from an...Firms’ response to climate change and digital technologies – insights from an...
Firms’ response to climate change and digital technologies – insights from an...
 
Osborn_Jordan_Sportsbroadcasting_PB1_6(1).pdf
Osborn_Jordan_Sportsbroadcasting_PB1_6(1).pdfOsborn_Jordan_Sportsbroadcasting_PB1_6(1).pdf
Osborn_Jordan_Sportsbroadcasting_PB1_6(1).pdf
 
EAPJ Vol VIII February 2024.pdf
EAPJ Vol VIII February 2024.pdfEAPJ Vol VIII February 2024.pdf
EAPJ Vol VIII February 2024.pdf
 
Dive into Machine Learning Event--MUGDSC
Dive into Machine Learning Event--MUGDSCDive into Machine Learning Event--MUGDSC
Dive into Machine Learning Event--MUGDSC
 
Session 1 Intro & InoVet it - JAX Bridges
Session 1 Intro & InoVet it - JAX BridgesSession 1 Intro & InoVet it - JAX Bridges
Session 1 Intro & InoVet it - JAX Bridges
 
Executive Summary - Example by Loopio.docx
Executive Summary - Example by Loopio.docxExecutive Summary - Example by Loopio.docx
Executive Summary - Example by Loopio.docx
 
Bloomerang Scaling New Heights_ Tailored Strategies for Securing Your Next-Le...
Bloomerang Scaling New Heights_ Tailored Strategies for Securing Your Next-Le...Bloomerang Scaling New Heights_ Tailored Strategies for Securing Your Next-Le...
Bloomerang Scaling New Heights_ Tailored Strategies for Securing Your Next-Le...
 
Dive into Machine Learning Event MUGDSC.pptx
Dive into Machine Learning Event MUGDSC.pptxDive into Machine Learning Event MUGDSC.pptx
Dive into Machine Learning Event MUGDSC.pptx
 
TriStar Gold Corporate Presentation February 2024
TriStar Gold Corporate Presentation February 2024TriStar Gold Corporate Presentation February 2024
TriStar Gold Corporate Presentation February 2024
 
brand ambassadors should they be more responsible -1.pdf
brand ambassadors should they be more responsible -1.pdfbrand ambassadors should they be more responsible -1.pdf
brand ambassadors should they be more responsible -1.pdf
 
Bloomerang Fundraising Week02.26.2024.pdf
Bloomerang Fundraising Week02.26.2024.pdfBloomerang Fundraising Week02.26.2024.pdf
Bloomerang Fundraising Week02.26.2024.pdf
 
SS LinkedIn Newsletter AAOS 2024 Recap PDF
SS LinkedIn Newsletter AAOS 2024 Recap PDFSS LinkedIn Newsletter AAOS 2024 Recap PDF
SS LinkedIn Newsletter AAOS 2024 Recap PDF
 
Serhii Herasymov: Boost sales through Accelerators (UA)
Serhii Herasymov: Boost sales through Accelerators (UA)Serhii Herasymov: Boost sales through Accelerators (UA)
Serhii Herasymov: Boost sales through Accelerators (UA)
 
PUBLISHING AND LITERARY NETWORKS IN THE SOUTH WEST_EBOOK_WCOVER.pdf
PUBLISHING AND LITERARY NETWORKS IN THE SOUTH WEST_EBOOK_WCOVER.pdfPUBLISHING AND LITERARY NETWORKS IN THE SOUTH WEST_EBOOK_WCOVER.pdf
PUBLISHING AND LITERARY NETWORKS IN THE SOUTH WEST_EBOOK_WCOVER.pdf
 

John Kivit - Shareforce - Responsive Design - Mobile Pioneers

  • 1. John Kivit - Mobile Pioneers Responsive design ?
  • 2. The world is changing Responsive design
  • 7. Yes, size does matter! 1.920 x 1.080 1.600 x 1.200 1.280 x 800 1.024 x 768 320 x 480 Responsive design
  • 8. Charles Darwin “It is not the strongest of the species that survives, nor the most intelligent that survives. It is the one that is the most adaptable to change”. Responsive design
  • 9. Survival strategies Apps (ios, android, blackberry) Device specific design (m.site.nl) Responsive design Responsive design
  • 10. “ I want a design that looks good on all screens! ” (Ethan Marcotte, 2010) Responsive design
  • 11. Cool... Show us! Responsive design
  • 12. Boston Globe source: responsivedesign.ca Responsive design
  • 13. Barack Obama Desktop iPad iPhone Responsive design
  • 14. Sparkbox source: mediaqueri.es Responsive design
  • 15. Sony Responsive design
  • 16. SNS Reaal Jaarverslag source: fabrique.nl Responsive design
  • 17. Lucky Day source: fabrique.nl Responsive design
  • 18. For inspiration... Responsive design
  • 19. Under the hood... 1. Media queries (Show different CSS template depending on browser width) 2. Flexible grid (Scale & position page elements inside browser window) 3. Dynamic content (Text, images & video scaling ‘inside the box’) Responsive design
  • 20. Like this... source: quintagroup.com Responsive design
  • 21. Or like this! source: testbeeld.nl Responsive design
  • 22. Responsive design roadmap 1. Is this the best strategy? Check the facts (competitive advantage, timing) 2. Put mobile first Helps deciding whats most important 3. Prioritize content Rank everything 4. Choose your breakpoints Design for popular devices / resolutions 5. Decide on design patterns Keep it simple 6. Do wireframes & designs Yes, this is a lot of work 7. Choose your tools Framework, tools for responsive images, text & video (bit.ly/responsivetools) 8. Start coding 9. Test on devices 10. Launch! Responsive design
  • 23. Is the timing right? Responsive design
  • 27. + user friendly + less maintenance + budget friendly - project complexity COPE = Code Once, Publish Everywhere - page load time (*) - connection needed (*) can be fixed Responsive design
  • 28. Thanks for inspiration Articles en.wikipedia.org/wiki/Responsive_Web_Design www.alistapart.com/articles/responsive-web-design/ www.frankwatching.com/archive/2011/11/28/responsive-webdesign-op-basis-van-context-en-behoeften/ Cases www.fabrique.nl/case/responsivedesign/ www.mediaqueri.es www.webdesignermagazine.nl/inspiratie/15-nederlandse-voorbeelden-van-responsive-webdesign/3907/ www.webdesigndev.com/web-development/10-incredible-examples-of-responsive-web-design Presentations www.slideshare.net/bytte/responsive-web-design-10389263 www.slideshare.net/livefront/responsive-design-7877412 www.slideshare.net/pkattera/design-process-for-responsive-web-design www.slideshare.net/stephenhay/responsive-design-workflow Tools mattkersley.com/responsive/ www.netmagazine.com/features/50-fantastic-tools-responsive-web-design www.responsinator.com/ resizemybrowser.com/ www.thismanslife.co.uk/projects/lab/responsivewireframes/#desktop Responsive design
  • 29. John Kivit 06-55745256 johnkivit@shareforce.eu www.linkedin.com/in/jkivit www.shareforce.eu @jkivit Contact ?

Editor's Notes

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. \n
  15. \n
  16. \n
  17. \n
  18. \n
  19. \n
  20. \n
  21. \n
  22. \n
  23. \n
  24. \n
  25. \n
  26. \n
  27. \n
  28. \n
  29. \n