articles on

Zero - Branding and Web Design

Zero - Branding and Web Design

Zero is a Branding and Web Design project shared by Ben Mingo, the lead designer with collaboration of Linda Eliassen for Ueno . Zero is a mobile banking experience and it works alongside a physical card. The design follows a very simple and almost monochromatic style. There's also a interesting grid with some aligned with pristine typography.  Zero approached ueno to build their brand & digital touchpoints from the ground up. About Ben Mingo Ben is an interactive designer at UENO. Fore more information make sure to check out his website at http://benmingo.com/

QBC dance studio - UI/UX

QBC dance studio - UI/UX Design

QBC dance studio is a branding and UI/UX design project designed by Alexander Shmelev. The project was published quite a few months ago but I decided to feature it because more and more I see projects sharing the same visual language. The usage of vertical text, the presence of a grid but with the elements breaking a bit the uniformity of the composition are just a few things that make this design interesting. Of course there's the beautiful imagery. I don't know how well it works but the visual design of the static mocks look quite inspiring. Alexander is a graphic and web designer from Moscow, Russia. For more information make sure to check out his Behance page. UI/UX design

CHI Development Center- UI/UX

CHI Development Center- UI/UX

CHI is a UI/UX project for a Ukraine, development center located in Kharkiv. The project was shared by Sergey Filonenko and we can highlight a few reasons that it deserved the feature. First the nice grid system and typography. Second and most important for me, the abundant white space. They say that simplicity is the ultimate sophistication and, in my opinion, Sergey achieved that quite well. Of course there is a lot of questions on how a design like that would work in different screen sizes and mediums, however for the inspiration sake, I will keep that project on my list of simple, yet elegant UI/UX solutions Sergey is a UX designer from Kharkiv, Ukraine. He has quite a few beautiful projects on his Behance profile. I have an special admiration for the simple UI/UX ones. For more information check out https://www.behance.net/ffiilll UI/UX

Globo.com - UI/UX

Globo.com - UI/UX

Globo.com is one of the most popular web sites in Brazil. I'd say that the main reason is because of the popularity of the TV Globo, they dominate the marketshare, but I have to also highlight that their website is one of the best news site in the world. I know a few people that worked there and they are some of the most talented designers I know. This project is a good example of the UI/UX work behind a product like that. The project was shared by Felipe Luize on his Behance profile and he describes the importance of having a system that allowed them to A/B test 5 different variations of the design in order to pick the most efficient. The globo.com home page is one of the most accessed pages in Brazil. Every decision here needs to be exhaustively thought and tested carefully. The project had the intention of updating the technology and this would allow us to do some several updates based in data. It became possible for us to have at least 5 different versions of this page being tested at the same time. - Felipe Luize Behance UI/UX For more information about this Felipe's work check out his website at http://www.felipeluize.com/

D — C — R - UI/UX design

D — C — R - UI/UX design

Minimalist design is something that is getting more fans and adopters. Apple is a big contributor to this change, they have been reducing their hardware design to the barebones of form. That includes packaging as well. There are some industries that minimalism has always been the trend and I feel that interior design and furniture is a good example, especially the upscale tier. D ——— C ——— R is an online shopping for decor UI/UX from the folks over at Adencys and they really do a good job at that. Below you can see a bit more of the design specs and final design of their store. It's a good reference that they were kind to share with us via their Behance profile. We are glad to present a new project - online shop for decor. Clean, bright, minimalist website with bright accents. UI/UX design Adencys is a design studio specialized on digital UI/UX. For more information check out https://www.behance.net/Adencys

AgXXI - UI/UX

AgXXI - UI/UX

The evolution of the desktop web is quite interesting, we went from Flash websites that were very unique, some quite futuristic like 2Advanced to also layouts that were more editorial. Flash allowed that kind of freedom because it didn't need to be complaint with W3C and browsers. Then the web 2.0 came and things went back to simple HTML/CSS. Now with HTML 5, CSS 3 and Javascript we start to see more and more layouts that are more refined and have more editorial look. That's the case of the AgXXI UI/UX project shared by Diana Polar. AgXXI is an art gallery website, which purpose to support and present works artists both this century, and some projects of last generations. - Behance UI/UX About the author Diana Polar is a graphic and web designer from Saint Petersburg, Russian Federation. For more information check out her Behance profile

Clearly UX/UI

Clearly UX/UI

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/

UI Design by Adrián Somoza

UI Design by Adrián Somoza

We have been posting more about editorial design and UI design as we believe those two areas will fully intersect, if they are not already. Some designers have been pushing the style and really making this reality. Adrián Somoza's work is a good example of that. I also love seeing motion present on portfolio. It's important to highlight the importance of that and also make me stop procrastinating and focus on learning After Effects. Adrián Somoza is a senior visual designer from Buenos Aires, Argentina. He is currently working at R/GA. His portfolio is filled with great concept projects. They have a great mix of editorial design with typography overlapping imagery and other effects very common in printed material. For more information and to check out his portfolio make sure to visit his website at http://www.adriansomoza.com/en/ UI Design

Nike 440 UI Design

Nike 440 UI Design

Nike 440 is a concept project for an e-commerce website based on the content and the structure of the Nike site. It's a good exercise in terms of user interface UI. I especially like the grid and how things are organized. As a personal project and with the goal of learning, it's always admirable seeing beautiful outcomes. Aleksandr Samoylenko, the designer behind this project came up with quite clever motion design solutions for navigation, they look quite stylish and seem to have a quite good result, visually. I tried not to limit myself too much and gave a free go to my imagination. How the focus will change on the e-commerce sites in the future – time will tell. I said this before, I love personal projects and I believe they always give us the opportunity to learn and improve our skills, the biggest concern I have sometimes is that for some UI/UX work we forget some very important variables like how the user is using the service. That would guide the user and avoid falling on assumptions based solely on personal opinion. Again, the outcome of this work is brilliant, but is it realistic? UI Design   Aleksandr Samoylenko is UI/UX, Web and Motion Designer from Kyiv, Ukraine. For more information make sure to check out his Behance profile. You can also check this project in more details at https://www.behance.net/gallery/41393165/NIKE-440 - there you can see the motion design work that we didn't share here on this post.  

Mazda USA - UI Design

Mazda USA - UI Design

Website for cars used to be bad, well some still are quite average, but there are some brands stepping up their web design game and creating truly beautiful experiences. Mixing motion, gorgeous imagery Mazda USA is a great example of this combination. Miles Cartwright the lead designer and art director shared some images and videos of the UI design on his Behance profile that definitely deserve the feature here. Mazda's Brand Essence is “Celebrate Driving”. “Celebrate Driving” delivered by Mazda is not just about driving performance. Choosing a Mazda prizes the owner with confidence and pride. Driving a Mazda leading up to urge to take on new challenges. Not just our products but every encounter with Mazda evokes the emotion of motion and makes customers' hearts beat with excitement. All of these are contained in our brand essence of “Celebrate Driving”. The project was created at Mirum with Lead Design and Art Direction of Miles Cartwright, Lead UX Design Eric Rulona, Associate Designers Junior Rivera and Creative Director Paul Drohan. UI design UI in motion

John John - Web Design

John John - Web Design

I was checking Dribbble yesterday when I saw this web design project for the surfer John John Florence. As a surfer and fan of the sport and of John John I decided to check it out in more details and I got amazed by the editorial style that the guys at Elegant Seagulls achieved on the design. The imagery and typography really makes it look like a real magazine. I don't know how that would work when we get to the responsive part of any web project, but they definitely got something going with this project, well done. Always aware of the top trends, but never trapping ourselves by them. John "John" Florence is a pro surfer known as one of the most dominant pipe surfers of this era. He is constantly pushing the boundaries of tube riding and aerial assaults. His progressive surf style helped inspire this concept's overall direction.  Elegant Seagulls, a creative design agency located in Marquette, Michigan works one on one with every client to create websites, develop user interfaces/experiences, and build brands all while continuing our quest for world domination. For more information check out http://www.elegantseagulls.com/

Boosted Board Web Site

Boosted Board Web Site

We posted about Boosted Boards a few days ago, it's a great product and I see a lot of people moving around here in SF with those boards. Their website is also amazingly done. The work is from the talented folks at UENO but Robbin Cenijn shared some more details behind the Boosted Board Pre-order site. There's a lot to love, it's simple, elegant but for me what really sets it apart is the beautiful use of motion design. We selected a few screens here to share with you. Robbin started his career as a Motion Graphics Designer and after moving into digital animation as a Flash Designer with leading Dutch agency Born05 in Utrecht, The Netherlands, He was soon promoted to the role of Art Director. He has worked with great clients and produced award winning projects. Now he works at UENO in San Francisco. For more information and to see his full portfolio check out http://cargocollective.com/knottedlaces For more information about Boosted check out https://boostedboards.com/

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/  

Daily Dose of Design Challenge

Daily Dose of Design Challenge

Motivation is probably the most important thing when we want to learn and improve our design skills. Actually not only the design skills, but every thing we want to do or become. Motivation drives us to overcome the barriers and keep moving forward. There are a lot of ways that people keep up with that, one is the daily projects. Lucas Berghoef decided to start a Daily Dose of Design 'Challenge', where he challenges himself to create at least one Dribbble shot every day next to his ongoing projects. I picked up some of the designs he has shared over the past month and it's awesome to see that variation of styles, typography and other things he has been exploring. It's indeed an inspiring effort and deserves to be featured here on ABDZ Lucas is a young passioned graphic designer currently working in Amsterdam, The Netherlands. He works as a freelance designer and he's always interested in collaborating with other passioned designers & agency's with fresh ideas. For more information check out http://www.lucasberghoef.com/

New Tendencies in Web Design

New Tendencies in Web Design

I have talked a lot about what I think the new trends of design for the web are. I shared a few projects that had some of the elements and styles that I believe are becoming the new trend in web design. On this post I want to share 5 projects that illustrate that better than words. You will notice that the grid is present but in a much more flexible way, things are not uniform, there's overlapping and motion design has a super important role.This projects are from designers from Dribbble, you can find out more about them by tapping on the images.

The Supra Footwear Website

The Supra Footwear Website

Simplicity never fails when it comes to design. Print, web, industrial design it does not matter the field, that is a goal every designer should have in mind to reach it. The Supra Footwear Website by Turuğshan Turna illustrates that very well with beautiful imagery and bold typography thanks to the classic look of AvantGarde and Futura fonts. Take a look after the break and let us know what you think. Turuğshan Turna is a Sr. Digital Art Director and UI/UX Designer from London, UK. For more information check out his work at https://dribbble.com/turugshan

Herman Miller Redesign Concept

Herman Miller Redesign Concept

It's awesome to see web design moving towards the editorial design and also how motion design has huge impact in todays design in general. The Herman Miller redesign concept is an awesome example of beautiful typography, imagery and of course subtle animations to create an elegant and engaging experience. About the project Herman Miller redesign concept, providing a highly immersive experience to the user from beginning to end by use of big imagery, quality content, bold typography, clean navigation and slick interactions. This direction could help evolve their eCommerce experience in an effort to drive better conversions. Motion Study This project was created by Rahul Bhosale and Jekin Gala. For more information check out https://www.behance.net/gallery/35756911/Herman-Miller