How Dropbox was redesigned for mobile, AirBNB has a top quality landing page, and how to hack user perceptions. This weeks design development inspiration covers this, as well as lots more. I also got a bit over excited about using WordPress with React, and making WordPress that little bit faster. Also, AirBNB changed their business strategy. Well worth the read!
Website Inspiration
This week I tried to focus on high quality landing pages. Not just from a design perspective, but from a “do the job” perspective as well. It turns out that “pretty” landing pages, aren’t necessarily the best…
WebProfits
Simple. To the point. Easy to understand. It doesn’t shout “pretty”, but it does do the thing it says it does. Gets you SEO analysis. An immediate call to action, and a visual showing an increase in users.
https://www.webprofits.com.au/lp/seo-analysis/
AirBNB
We all know this company. AirBNB are known for their constant data analysis, always pushing to improve user experience. The page for signing up to host your home does it well. A simple form showing how much you could make from your home. Thats why you’re there, right?
https://www.airbnb.co.uk/host/homes
Designer Resources, Examples and Inspiration
A Step by Step Guide to Designing a Pet Diet App
A well broken down approach from user data to design of making an app. It covers the lessons learnt, and how each element needs thinking about as its own thing!
How Dropbox was redesigned for Mobile
The designer behind the new Dropbox mobile interface breaks down how they changed the design of the app. A great insight into the business decisions and internal workings of Dropbox, and how it is a constant process.
https://medium.com/dropbox-design/fostering-focus-for-small-screens-34a9f338668c
Development Snippets, Samples, and Articles
Carl.JS
A Conditional Asset Resource Loader in about 500 bytes of JavaScript. A lazy but efficient way of managing your resources. I covered Critters on Design and Dev Inspiration 33, if you require a more built in Webpack approach.
https://github.com/Paul-Browne/carl.js
Hacking user perception to make your websites and apps feel faster
When planes at Houston Airport landed close to the terminal, passengers complained about baggage delays. So they moved the planes away so passengers had to walk further. No more complaints. How can this be applied to apps and websites?
ReactPress – WordPress Starter-Kit
Bringing ReactJS to WordPress. Using Next.js and WordPress this starter-kit is a fast way to get off the ground running. Definitly worth a look for clients used to using WordPress.
https://github.com/nyl-auster/reactpress
WP-Rig
A progressive WordPress theme rig. Built with fast development and lightening speed websites in mind, this starter theme is definetly worth a look. Modern processes bundled into one package.
React-Vis – Charting Library
This ReactJS based charting library has all the graphs you could possibly need, as well as all the options. Some great examples, use cases and with almost 4000 stars on Github, who can miss out on it?
https://uber.github.io/react-vis/
A bit of everything
Zeplin IO
I am surprised I hadn’t come across Zeplin before. A brilliant website to help teams work together to build products. For both designer, developer and the whole business site of the team. Think Basecamp, but tailored for design. Includes XD and Sketch integration to save time messing about with exports.
Design Thinking and Storyboarding Changed AirBNBs Entire Business Strategy
An incredibility insightful interview by Forbes, with the Rebecca Sinclair, founder of Honest Design. She helped AirBNB disrupt itself, and change the business strategy by changing how the business saw itself.
