Prochain SlideShare
ngEurope 2014 | Responsive Takes Flight
- 1. RESPONSIVE TAKES FLIGHT
- 2. @oliverdore
- 3. ABOUT WORK & CO Work & Company was designed from the ground up to create the types of digital products and services that can singlehandedly change the face of a brand.
- 4. FOUNDED EMPLOYEES 2013 53 Brooklyn HEADQUARTERS OPERATIONS CA San Francisco FR Paris BR Rio de Janeiro
- 5. “Virgin America is so far and away my favorite airline that second place isn’t even close." — John Gruber, Daring Fireball
- 6. NOT SO LONG AGO…
- 7. HOW WE THOUGHT ABOUT THE REDESIGN
- 8. CONVERSION RESPONSIVE BRAND
- 9. DESIGN PROTOTYPE TEST ITERATE
- 10. PROTOTYPING & USER TESTING
- 11. “There wasn’t a design phase and a development phase - it was designers and developers working together.” — Joe Stewart, Design
- 12. “This isn’t how an airline site should be.”
- 13. OUR APPROACH TO RESPONSIVE
- 14. EVERYTHING FIRST.
- 15. ARCHITECTURE UI FRAMEWORK RESPONSIVE COMPONENTS FORMS IMAGES TECHNICAL APPROACH 1 2 3 4 5
- 16. 1 ARCHITECTURE
- 17. We’re not experts.
- 18. Angular was opinionated where it mattered. But it was also flexible where it mattered.
- 19. Views Directives Controllers API Functional Utility RequireJS GruntJS Node / NPM Compass Susy SASS Ruby REST API Magnolia CMS Jenkins
- 20. 2 UI FRAMEWORK
- 21. RESPONSIVE 3 COMPONENTS
- 22. window windowService vx-common-window <body> controller controller controller directive directive
- 23. 4 FORMS
- 24. Travelers Cabins Travel Advisories TAM News Cities Warnings ADS Seats Upgrades MCS Errors Account Charges Availability Status Points Fees Session Payment Promotions Avatar Fares Non-stop Alerts Sales First Dates Refund DHS Thru Insurance Connecting Rewards
- 25. 5 IMAGES
- 26. Total Transfer Size 1682kb 1739kb 1783kb 1893kb
- 27. Mo $watch(), mo problems.
- 28. TAKE OFF
- 29. "Virgin America's new site is unlike any other travel provider's site we've seen. We hope everyone else will copy it." — FAST COMPANY "The first radical rethinking of the flight booking experience in a decade" — WIRED "Most Impressive Industry Evolution" — UX AWARDS
Identifiez-vous pour voir les commentaires