articles on

UI Design by Nerval

UI Design by Nerval

I have seen more websites focusing on beautiful grid systems that resemble magazines. The challenge still is how to create a flexible enough system for any type of content or a system that is smart enough to identify the type of content and define the layout that best fits that content. Some services are out there like The Grid. I have been spending a lot of time myself trying to come up with something simpler yet modern for the new Abduzeedo. For this post I'd like to feature the work of a young swiss student, Pierre Georges. He has been doing such inspiring work exploring beautiful designs for the web. His website is being a great example. Pierre Georges aka Nerval is a 22 years old swiss interaction designer based in Lausanne, Switzerland. Currently, he is a student at ECAL in "Media & Interaction Design." For more information about Pierre, visit his website, which is pretty cool, at http://www.nerval.ch/

SolarCity Recruiting Website

SolarCity Recruiting Website

One thing that really amazes me is how much better the web has become, especially in terms of visual design. Video has become part of the tools available to communicate the desired message and enhance the user's experience. The work that Kyson Dana and Garth Pratt put together for the SolarCity Recruiting Website is a great example. Beautiful imagery, appealing video loops. Founded in 2006 by the Rive Brothers and with Elon Musk as the Chairman, SolarCity has since grown to become America’s largest solar provider with more than 12,000 employees. The company has a mission and vision to entirely remove the need for fossil fuels in the US and make each home, building, and business completely sustainable on solar energy. In order to accomplish their vision and continue to grow faster than any other clean energy company, SolarCity needs to be recruiting a massive amount of new employees per month. Our task was to create a recruiting website that could handle the job of bringing in and hiring the people who are going to build this planet's future energy company. It's only been a few weeks since the launch of the website but we've already seen tremendous results. Not only does the website look beautiful but it is incredibly effective as well, driving 80% of its traffic into the conversion funnel. We couldn't be more pleased with how it turned out. For more information about Garth and Kyson, check out http://www.garthpratt.com/ and http://www.dribbble.com/kysondana

NASA GeneLab

NASA GeneLab

Designing is all about communication, find the right way to reach the audience and engage them. A good user experience is when users get what they want with little or no effort. Simplicity is key but how can you make something simple when there's a lot to show. Like the NASA GeneLab project. Mads Bjerre, Hello Monday and Sebastian Gram did a good job for that project with a flexible system and beautiful typography. The mission of NASA GeneLab is relatively simple: conduct research in space, explore the molecular response of terrestrial biology to microgravity, uncover findings that push back the frontiers of understanding on Earth, and make all the discoveries available to a worldwide network of scientists and researchers in an open-access database. Ok, so maybe it’s not that simple. But you have to start somewhere. In our case, it was helping NASA create a visual identity and platform design for GeneLab that would inspire laypeople, increase funding for the initiative, and galvanize support for the project from the scientific community. For more information check out https://www.behance.net/gallery/21804361/NASA-GeneLab-Platform

Beats by Dre Website

Beats by Dre Website

Beats by Dre got acquired by Apple recently and like Apple their products they've always had a really stylish design, not the most durable though, I have one that broke a couple of weeks after I bought it. Anyway, for this post I want to share the Beats by Dre website project that Jordan Fripp posted on his Behance profile. I quite like the beautiful photos with the bold/condensed titles. Working on the Beats by Dre brand was a great opportunity to work with a hot global brand and create a fresh e-commerce experience. Collaborating with the R/GA team in LA, we wanted to create a new product detail page that was editorial, beautiful and a great shopping experience. Immersing ones self in each product let's the user fully experience what that product is all about. Gorgeous large scale images, simple animated storytelling and a very thought out navigational experience all came together to create a clean new shopping experience for one of the world's hottest brands. In addition to the product detail page we created new experience for category browsing that integrate celebrity product usage, storytelling for new products and surfacing of limited editions. The shop all page was also scrutinized over to create a very simple but refined experience for Beats small but impactful product line. New icons, a clean simple layout and bold colors make this updated site as alluring as it's products are. For more information check out Jordan's website at http://www.frippdesign.com/

Lamborghini Aventador

Lamborghini Aventador

Intelligent interfaces and augmented reality UIs have been around for quite some time but they've never really hit the nail on the head in terms of execution and utility. Futuristic UI was very common back in the Flash days where we could see all sorts of animations and interactions despite the fact that we didn't have any real tactical devices. Nowadays, it seems that more and more people are trying to explore this concept and hopefully this time they will get it right. With that in mind we feature a really cool project title LAMBORGHINI AVENTADOR done by 2RISE® GmbH. You don’t catch customers by a touchscreen, just because it is touchable. Therefore it requires a lot more and we always think about new possibilities of making an interactive presentation more attractive. Lamborghini is a perfect example of going different ways, because they decided to build super sport cars that look like spaceships. We also search for ideas how we can show a product in an uncommon way and for that we build a dark apocalyptic environment around this aggressive looking car – perfectly fit to its hard style. It was fun to redesigning our very first presentation and by adding more details and some new features such as “intelligent” interfaces that only pop up and show information when you are in the right angle. You don’t have to click or touch anything. We also programmed new shaders to improve our look i.e. DOF, bloom, lens flares, car paint and realtime shadows/ ambient occlusion.

UI Inspiration: Material Design

UI Inspiration: Material Design

Last month Google introduced their new visual language called Material Design releasing with it, a very detailed style guide. The new design language has the goal to "create a visual language that synthesizes classic principles of good design with the innovation and possibility of technology and science." After a month it's really cool to see designers experimenting with the new design on Dribbble. In this post we will feature some of our favorite projects implementing the new design language. We challenged ourselves to create a visual language for our users that synthesizes the classic principles of good design with the innovation and possibility of technology and science. This is material design. This spec is a living document that will be updated as we continue to develop the tenets and specifics of material design. - Google

Barclays - Little Book of Wonders: UI

Barclays - Little Book of Wonders: UI

Last weekend I started to think about a new design for Abduzeedo so from now on I will be collecting lots of visual references, from books, to UIs. The Barclays - Little Book of Wonders is a project that caught my attention especially because of the tablet versions, it was a design proposal for a Barclays digital platform that offers a selection of events and features for high net worth clients. The visual design is from Daniele Signoriello and the UX is from Suffiyan Syed. For more information about this project check out Daniele's profile at https://www.behance.net/signoriello

Cyclus™ - smartwatch concept

Cyclus™ - Smartwatch Concept

Wearable devices are the future at least we have been seeing more and more explorations of how these devices should look and behave. The project Cyclus by holy ™ is a great exploration of the cool things you can do with them. As we love concept projects here at Abduzeedo we had to feature them. Check it out and let us know what you think about wearable devices. Cyclus | a clock rolled around your wrist, a personal assistant helping you track your fitness and an interpreter to your smartphone. Nothing more. holy ™ is a design studio from Athens, Greece. For more information check out their work at https://www.behance.net/holybehance

The Collage - Tablet App

The Collage - Tablet App

It is amazing to see the evolution of interface designs. More and more designers are reducing the differences between design seen in magazines to design of software, especially for tablets. The Collage is a great example, it brings a lot of the layout style commonly seen in magazines. The result is super sleek and we look forward to seeing more apps like this. Browsing the latest news and trends from fashion shows to architecture on The Collage is inspiring. It is a minimalist style magazine on iPad designed to collect the most avant-garde visual content.

App Design: Spleat

App Design: Spleat

Product design has taken a whole different level with mobile phones and their apps. The idea of building a product has moved from the whole idea of line of production and big factories to just people with great ideas and effective execution. The importance of design has become one of the biggest differentiators in terms of products and that has foster a new generation of designers producing really good work. Spleat for iPhone is a good example of how to present your design in a rational way. Spleat is the mobile paymtent app for your social life, allowing restaurants, bars and clubs to offer customers a sleek and unique way to pay and split their bill via their mobile phones This project was created by Dima Shvedun, a talented senior manager & designer of user-experience and interaction design with the proven know-how to combine creative and usability viewpoints resulting in world-class Web and Mobile applications. For more information visit https://www.behance.net/dimashvedun

FIFA Interface Design by Rodrigo Bellao

FIFA Interface Design by Rodrigo Bellao

Experimental projects are the best way to learn and of course to work on projects that we really love. I am a huge fan and supporter of personal projects, Abduzeedo is still an experiment and side project. Rodrigo Bellao, a fellow Brazilian created this amazing experimental project for the interface of the video-game FIFA that we really had to share here. Rodrigo Bellao is a Senior Designer, Art Director, Illustrator and co-founder of Monster Juice game studio. For more information visit http://bellones.net/ FIFA is one of the best-selling video game franchises, with more than 100 million copies worldwide. This experimental project is about the redesign of the game interface focusing on Playsation 3 and exploring FIFA13 features. Video Demo Screenshots One of the coolest things about this project is that it goes beyond static mocks, it shows a video with a prototype with the basic interactions and transitions. I think if you are a designer for any interface you should be able to prototype or at least preview any motion or interaction.

Stylish Design Work by Jonas Eriksson

Jonas Eriksson is an award winning Designer / Developer who is currently located in Sweden and Los Angeles, USA. He is a Pixel-bitch Swede who loves minimal things, good typography, grid based sites and who prefer solid coloring over gradients. Besides having a thing for clean design he is also into retro synthesizers, adventures, talented photographers, illustrators and creative copywriters. With six years of experience in both design (interactive, UI, digital illustration) anddevelopment (html/css, Flash Actionscript 2/3) Jonas has had the luck to work with big clients like Coca Cola, Samsung, Sony, Lincoln, Warner, Universal, SYFY, 3M and many more. He has also been privileged to work for some of the most awesome agencies around the world. For more information about Jonas Eriksson visit his Web site at http://cargocollective.com/jonaseriksson or follow him on Twitter at http://www.twitter.com/imjonas Synthesizer 76 Global Warming Poster The FWA MRM Worldwide Milano Illustration for MRM WORLDWIDE - Milano from jonas eriksson on Vimeo. The World of the Welder