articles on

Withings iOS Concept Design

Withings iOS Concept Design

It's Friday and we have a nice little freebie for you, it's a visual concept of the design of Withings and there's quite a lot to love in terms of design but the most important for me is the fact that it provides us with more resources for our arsenal. The work was created by Lorenzo Bocchi, from Sydney, Australia. This project is a Visual Concept of the Design of Withings iOS App, and the Third Volume of my Freebies Collection. Scroll to the bottom and download the Sketch file for Free. Download Sketch file Lorenzo Bocchi is an award winning art director and judge at CSSDA & DOTY “Special Kudos”. He is based in Sydney, Australia. For more information about him make sure to check out his awesome website at http://portfolio.lorenzobocchi.com/en/design/

Smooth UI Motion Design

Smooth UI Motion Design

Fantasy is a human-centered UI & UX lab working with in-house teams since 1999 they are based in San Francisco and New York City. If you are like me and visit Dribbble on a daily basis for some visual inspiration you probably saw their work because they put together some incredible work that of course gets featured and promoted to the front-page. I love the quality of their visual design but especially their motion design work. To showcase a bit of that I will share here with you some of my favorite shots from the Fantasy team. For more information about Fantasy make sure to check out their website at http://www.fantasy.co/

Make Website

Make Website

Designing for the web has changed quite a lot since the mobile revolution and the introduction of tablets. We designers had to start thinking not only about screen resolutions, but also sizes, aspect ratios and how everything would work in synchrony. It's a challenge because you have to design something that works really well on a landscape aspect ration but also when checked on phones and tablets, the portrait version should also work equally well. There are great examples of sites that achieve that, the Make website created by Philippe Corthout and Make Antwerp is a good example. The homepage has a three column slot-machine-like scrolling action with items that link to various posts, portfolio items, tweets. The slots form a full screen image after a certain amount of scrolling, showing a different image each time it gets triggered. Make is an interactive and digital agency based in Antwerp, Belgium. The project is currently under development. For more information check out http://makemakes.be/  

UI Inspiration | Layouts

UI Inspiration: Layouts

Lately, we've gone specific in subjects at sharing UI Inspirations with interactions, cards, footers and more. Today, we've put a collection about  Layouts, which is a pretty much vague but interesting to dig as well. It's great to surf through different works (in progress) and noticed the small little details. I don't personally think there's any major trend going on with layouts but there's a thing happening for subtle details to make your layout stand out more to the others. Hope you will enjoy! (adsbygoogle = window.adsbygoogle || []).push({}); Designed by UENO Designed by UENO Designed by Valentyn Khenkin Designed by Janna Hagan Designed by UENO Designed by Léonard Chalvet Designed by Tintins Designed by Ernest Asanov Designed by Julien Renvoye Designed by Aykut Yilmaz Designed by Owen Perry

Elegant UI work by Samson Vowles

Elegant UI work by Samson Vowles

Samson Vowles is a visual and interaction designer from Munich, Germany. He has been posting some really cool work on his Dribbble profile, especially the latest series of screens for a weather app which blends simplicity with elegant motion design. We selected a couple of images from his portfolio to share with you here today. Samson is currently working as a Lead UI Designer at Allianz Digital Accelerator. for more information make sure to check out this work at https://dribbble.com/vowles

UI Inspiration: Product One Pager

UI Inspiration: Product One Pager

Following from last week's Stores Inspiration, I thought it would be great to share more in-depth UI design by putting together this collection of  Product One Pager designs. Based on the analytics, it's really interesting to see how brands showcase their products knowing that the user is giving them very little time on their sites. I truly believe in data-driven designs where any improvements can be made and supported by data to create a better experience. (adsbygoogle = window.adsbygoogle || []).push({}); Designed by Michael Čečetka Designed by Søren Smidt & Magic People Voodoo People Designed by Steve Fraschini Designed by Petro Julien Designed by Petro Julien Designed by Max Khomenko Designed by Piotr Kazmierczak & BLACKSTAR Designed by Virgil Pana Designed by Robbert Schefman & Ronald Gijezen

UI Motion Design

UI Motion Design

I have been working on the Abduzeedo app for Android as a side project with an end goal of learning how to create Android apps from scratch. Admittedly, this has proven to be quite challenging for someone with subpar coding skills. I am at the phase of adding some animations, or trying to, so I decided to create a simple mood board. This feature is a summary of some of the designs I collected for inspiration. This post is a collection of motion designs found on Dribbble created by various talented designers. Make sure to click on the images to find out more about the designers behind these beautiful works.

Web Design - Logitech

Web Design - Logitech

Personal projects are always the best way to practice and evolve techniques. Since I started ABDZ I have been posting a lot of these types of projects, including my own. The interesting thing is that there are always some projects that people love to try and for some reason, the Logitech website is one of them. We feature a project last year and today we are featuring another one from Fatih Ocak. The cool thing about this project in my opinion is the simplicity and and typography. Some product sites usually focus a lot on huge hero images, like Apple for example, but his solution is a bit more minimal, there are images but they feel more blended with the content. Fatih Ocak is a UI & UX Designer from Istanbul, Turkey. For more information check out his Behance profile.

Vimeo Design Concept

Vimeo Design Concept

Another really cool design concept. This time designer Fayaz Mohamed designed this concept for Vimeo, a niche community of extraordinary professional motiongraphers and film fanatics. Check it out! For more from Fayaz Mohamed visit behance.net/mfayax.

SoundCloud Redesign Concept

SoundCloud Redesign Concept

Danish designer Mickey Switzer designed this concept for SoundCloud introducing written content. The main purpose was to get a clean, clear website that is easy to navigate and with a lot of attention to the small details. This meant — among other things — updating the basic identity with fresh icons, fresh colors and a new logo while giving attention to the existing UX. For more from Mickey Switzer visit behance.net/Pumpthejuice.

UI Motion Design References

UI Motion Design References

There are quite a few things I like to do before opening my computer and using a design tool like Sketch of Photoshop. One of the first things I do is a competitive analysis and right after some simple mood boards with references for things like animation, typography, colors, simplicity. I feel that this step gives me a broader view of possible solutions done by other designers. The process is simple, I just collect as many images as possible and the those that I think are the best fit for each case. For this post I want to share some simple images of UI animations. They are from Pinterest and Dribbble. I used them as references for some personal projects I am working on. The cool thing about this images is that they are pure visual and motion references. I don't pay attention about technical feasibility or anything.

Official Showcase Website for Adobe

Official Showcase Website for Adobe

Serge Vasil shared a super cool project on his Behance profile, it was a responsive website project he did for Adobe and the best thing about it is that you can download the PSD for some Reverse engineering. There are so many things to like about the visual design, the grid, the typography and I also really like the tablet version. Take a look after the break and I hope that inspires you on this Superbowl Sunday. Serge is a Senior Visual and Product Designer with 12 years of extensive expertise in design for Creative Direction, Art Direction, Branding, UI/UX, Mobile, and Web. He likes crafting sophisticated and meaningful experiences as well as innovative digital projects.. For more information check out https://www.behance.net/vasege I'm excited to show you some new work for Adobe. This is a fully responsive website that illustrates and showcases Adobe Dreamweaver from the Adobe CC 2015 release. Download the PSD file

More UI/UX Works by Tubik Studio

More UI/UX Works by Tubik Studio

About a year ago, we've featured the folks from Tubik Studio. Based in Dnipropetrovsk, Ukraine; I really enjoyed following the team's Dribbble account for the sharpness of their UI/UX work. Worth checking them out! All Rights to Tubik Studio All Rights to Tubik Studio All Rights to Tubik Studio All Rights to Tubik Studio All Rights to Tubik Studio All Rights to Tubik Studio All Rights to Tubik Studio All Rights to Tubik Studio All Rights to Tubik Studio All Rights to Tubik Studio Links Find out more about Tubik Studio: http://tubikstudio.com Follow Tubik Studio on Dribbble: https://dribbble.com/tubik Previously Featured UI/UX Works by Tubik Studio: http://abduzeedo.com/uiux-works-tubik-studio

Nike Tech Pack In-Store App UI/UX by Shakir Dzheyranov

Nike Tech Pack In-Store App UI/UX by Shakir Dzheyranov

Shakir Dzheyranov is a Creative Director over Spinifex Group based in Los Angeles, USA. He worked with Nike on creating an in-store experience to enhance the user on Nike's unparalleled access to the season’s best. Love the simple interaction combining with strong imagery, totally beautiful. All Rights to Shakir Dzheyranov All Rights to Shakir Dzheyranov All Rights to Shakir Dzheyranov Links Find out more about Shakir Dzheyranov: http://detailvision.com Follow Shakir on Behance: https://www.behance.net/detailvision

Bandsøme - UI

Bandsøme - UI

Back to my posts about web design, UI and UX. Today I want to feature a project I saw on Pinterest titled Bandsøme and it's a web site for a modern furniture design store. The reason I felt so inclined to feature this site is because it has the major components that I believe will be the next trend in web design - Minimalist with nice typography touches like different orientation. Not to mention, the use of the International style grid. This project was created and share by Mustafa Çelik, a designer from Istambul, Turkey. With focus on typography, interaction and Ui design, Mustafa has put together a beautiful work for the Bandsøme. The challenges on implementing a interface like this would definitely put the design to test, nevertheless, it's an inspiring work. For more information check out https://www.behance.net/mustafacelik

The Work of Balraj Chana

The Work of Balraj Chana

Balraj Chana is a product designer based in London, UK. With 8 years of experience, Balraj is exceptionally good in UI design, UX and Branding/Identity works. I must admit, reading about his design process was a delight to devour. Totally helpful for anyone looking more into UX. Design is not just what it looks like and feels like. Design is how it works. All Rights to Balraj Chana All Rights to Balraj Chana All Rights to Balraj Chana All Rights to Balraj Chana All Rights to Balraj Chana All Rights to Balraj Chana All Rights to Balraj Chana All Rights to Balraj Chana All Rights to Balraj Chana Links Find out more about Balraj Chana: http://circularchaos.com Follow Balraj on Dribbble: https://dribbble.com/circularchaos

The Work of UENO

The Work of UENO

A few months back, we've featured the work of Haraldur Thorleifsson who's the Creative Director at UENO; a digital agency based in San Francisco, USA. We want to showcase more works from these folks because it's great digging through their process and experimentations. All Rights to UENO All Rights to UENO All Rights to UENO All Rights to UENO All Rights to UENO All Rights to UENO All Rights to UENO All Rights to UENO Links Find out more about UENO: http://www.ueno.co Follow UENO on Dribble: https://dribbble.com/ueno