A Blog Post
In this layout, the focus is put on the reading aspect of the text. No decorations. Media carousels break up the length of the text, offering mental breaks. This blog post layout is used in my Case Studies Blog that I am currently building. Check it out here
Tag Archives: ui
Car Interface
A Car Interface
I see a lot of different problems with car interfaces in general. I see dual screens, touch screens, control knobs, volume buttons, volume sliders. Diversity is not a problem in such, but car interfaces often end up being disappointing.
I would recommend three points:
- No complex interactions, no complex gestures. In a moving car, pinch-to-zoom, sliders, double taps can be difficult on nice roads, impossible on bumpy roads.
- Putting multiple sections in one screen, a benefit of larger screens, can help interfaces include different sections for different information. More screen real-estate translates to less clutter. Multiple sections lets the driver have multiple screens at disposition, at a glance, without the need for interface navigation.
- When interactions are too complex (temperature control, fan control, heated seats, volume, etc.) put them outside of the screen on physical buttons. Then, on the screen, you can show extra information.
Customize
A Customizable Burger
Customize your burger on your phone, then pick it up ready to eat. This interaction was inspired by flying burger commercials. Although a bit cartoony, I’m sure it would look interesting, or better with photographed ingredients. I still hope you enjoy this quick idea mockup!
Crowdfunding Campaign
A Crowdfunding Campaign
Exploring layout for a crowdfunding campaign. The thin and fixed objective bar can serve as an anchor for the rest of the content. It also brings back the old-school fundraiser-thermometer that we have all seen back in the days!
Upload
Map
A Map.
This map wants to be funky and colorful. Vibrant earth tones goes hand in hand with collective gardens, urban gardens, whatever you want to call them.
Contact Us
Contact Us
Today, I explore how modernism can be applied to a contact form.
Dropdown
A Dropdown
Just another animation exploration. This time for a dropdown menu.
Boarding Pass
A Boarding Pass.
Mixing a static boarding pass, as well as some live flight notifications. The user can have a glance at the most important information, when she needs it. The live updates helps the user to adapt to the changes that can happen. A cool seat distribution diagram also helps the passenger easily find her seat.
Onboarding
An Onboarding.
A quick onboarding process that explains what the app is about. In this scenario, the three slides introduce a companion app for a music festival. The idea is to let festival goers that they will be able to see what artists will be present, where and when the shows will take place.
A special thanks to Francisco Moreno, Michael Aleo, Paweł Bukowski and Anton Mislawsky on Unsplash for the cool photos!