Responsiv webbdesign

50 %
50 %
Information about Responsiv webbdesign
Design

Published on March 12, 2014

Author: rabashwebb

Source: slideshare.net

Description

Exempel på responsiva webbplatser från Rabash, om mobile first och vår arbetsprocess.

  rabash.se 031-54 80 90

Sverige för UNHCR

Sverige för UNHCR Utmaningen För att bedriva ett effektivt insamlingsarbete behöver Sverige för UNHCR en webbplats som engagerar besökaren i UNHCR:s frågor och får dem att göra en aktiv handling. Lösningen Rabash hjälpte Sverige för UNHCR genom hela processen med förstudie, strategi och effektkartläggning, via grafisk identitet och informationsarkitektur till utveckling och produktion av webbplatsen. Resultatet En responsiv webbplats med en ren och modern känsla som använder kartor, infografik och användarvänliga gåvoformulär för att engagera och medvetandegöra besökarna. sverigeforunhcr.se

Mobile First

Mobile First 2010 till 2013 ökade andelen svenskar som surfar med mobilen från 16% till 65%. - Svenskarna och internet 2013, .SE-stiftelsen 2010 20% 40% 60% 80% 100% 2011 2012 2013

Mobile First 77% av sökningarna på mobiler sker i närheten av en vanlig dator, hemma eller på jobbet. - Mobile Search Moments Study, 2013 77%Hemma eller på jobbet 23% Utomhus

Mobilanpassning innebär: • Anpassning till olika skärmstorlekar • Optimerad och snabb design • Enklare navigation • Prioritering bland innehållet

Arbetsprocess Research Design & struktur Utveckling Leverans & uppföljning • Effektkartläggning • Informationsarkitektur • Responsiva prototyper • Skisser • Utveckling med regelbundna överlämningar och testning • Testning • Korrigeringar • Lansering • Vidareutveckling

RABASH Nanna Jamshidi– Projektledare nanna@rabash.se + 46 31 548090 Petter Joelson – Interaktionsdesigner & Webbstrateg petter@rabash.se Elin Vennerbring – Art Director elin@rabash.se Hannah Andersson – Utvecklare hannah@rabash.se Alexander Paunovic – Utvecklare & SCRUM master alex@rabash.se Evelina K Bergström – Kommunikationsstrateg evelina@rabash.se

TACK! rabash.se 031-54 80 90

Add a comment

Related presentations

Related pages

Responsive web design - Wikipedia

Responsive web design (RWD) is an approach to web design aimed at allowing desktop webpages to be viewed in response to the size of the device one is ...
Read more

Responsive Web Design: 50 Examples and Best Practices ...

Beautiful example of websites that use responsive web design. It's different version than traditional web designing, and developers must know. Being fully ...
Read more

Responsive Web Design · An A List Apart Article

Now more than ever, we’re designing work meant to be viewed along a gradient of different experiences. Responsive web design offers us a way forward, ...
Read more

Responsiv webbdesign - CreativeRooms

RESPONSIV WEBBDESIGN Viewports By default, smartphone browsers pretend to be high-resolution desktop browsers, and lay out a page as if you were viewing it ...
Read more

Responsiv webbdesign #1 - YouTube

Hur man man anpassa hemsidan så att den ser lika bra ut på en vanlig dator som på en läsplatta som en mobiltelefon. Vi går igenom Media ...
Read more

css-9 Responsiv webbdesign intro - YouTube

Föreläsning i kursen 1ME321 Webbteknik 1, vid Linnéuniversitetet
Read more

urn:nbn:se:lnu:diva-20835 : Responsiv webbdesign ...

Responsiv webbdesign: Tekniska designaspekter. Wallin, Christoffer . Linnaeus University, Faculty of Science and Engineering, School of Computer Science ...
Read more

www.responsivewebbdesign.se

www.responsivewebbdesign.se
Read more

Mobile SEO Overview | Mobile Friendly Websites | Google ...

Mobile SEO Overview Let's make sure your site shows up in search results. Here you can learn how to configure your site for multiple devices ...
Read more

Protecting digital assets | Ports Group

Ports Group – The Market leader in protecting digital assets. In a digital, complex and competitive world, Ports Group is the obvious partner for ...
Read more