Clearly UX/UI

Ad

abduzeedo

Aug 29, 2016

There are some industries that really shine when it comes to web. The way they showcase their products and important user flows are super well crafted. I remember seeing the Warby Parker site and their purchase flow and I was blown away. I wished booking a fly was that cool. The cool thing about that was that it pushed the industry. Now you see others paying more attention and of course spending more of their budget in design, especially UX/UI. I believe that's the case of the Clearly project shared by Diogo Akio. He worked with the Huge Toronto on the redesign of Clearly.ca.

I love how clean and organized the design feels. It's simple minimal but it really highlights the glasses. The design also renders beautifully on mobile and tablet screens. I also really like the subtle shadows on hovers and other little details. Below you can see some of the main screenshots.

UX/UI

Diogo Akio is a Brazilian Designer and Art Director living in Toronto, CA. For more information check out http://www.diogoakio.com.br/

UX/UI
web design

Written by

Fabio Sasso

I'm a Brazilian product designer based in Oakland, California currently working for Google as a Staff Designer. I am also the founder of Abduzeedo, an award-winning digital publication about design and a personal project that has become the source of inspiration for millions of designers and enthusiasts.

Ad

Related

National Geographic World Atlas iOS App

National Geographic World Atlas iOS App

Take a look behind the scenes of the full redesign of National Geographic World Atlas IOS App. The design process included examining and updating the features in the existing app, with a focus on elegant typography and usability. Check it out! National Geographic wanted to completely refresh their very first iOS app, the World Atlas, so they approached us to rebuild it from the ground up. The design process included examining and updating the features in the existing app, with a focus on elegant typography and usability.

A Few Tips for Prototyping with Atomic

A Few Tips for Prototyping with Atomic

Needless to say that there is a wide range of prototyping tools out there and I won't say which one are the best ones because there isn't one. I liked to say it all depends on your workflow and what's your purpose of this tool. That being said, I've been using this prototyping tool called Atomic and what I enjoyed the most about this tool is how fast it is and the fact you can customize with CSS is a must (for me). Here's a few tips that will make your experience with Atomic more accurate and fluid.

Product Design: Thread

Product Design: Thread

Whenever it is a concept or not, this is a really an interesting/amazing product design that can really revolutionize the journey of a parent for all the Moms and Dads out there. Being through that process a little while ago, there's a lot of unknown and a great load of paperwork/books to go through. Quite frankly it wasn't that friendly at all and pretty boring. Seeing this updated process got me pretty interested to try and see it will work in an actual situation. Hope you will enjoy this product from the app to the product itself.

Star Wars Episode VII Tumblr Site

Star Wars Episode VII Tumblr Site

I have been following the evolution of web design pretty closely over the last year always taking notes, bookmarking and looking for inspiration. It's crazy to think that a lot of sites became what Flash sites were in 2005. Many sites unfortunately rife with loading screens and animations that seem superfluous. However, there are things that really got better. Typography is much better and we're seeing sites with decently executed designs that resemble magazine layouts.

Ad