articles on

Interaction Design: Ripple News

Interaction Design: Ripple News

Ripple News is a interaction design project shared by Ales Nesetril, Pavel Zeifart, STRV Team and Katka Pot. It's a news product that has a strong focus on the local and the belief that everyone has a story. It has a simple and efficient UI bring the content to the front as we would expect from a news app. I also the way the project is presented on their Behance profile as well, that's always a good sign :) Ripple News amplifies important stories from cities around the world. Launched in San Francisco and Oakland in February 2016, and are currently expanding to New York, London, and Cairo. Building a global community of storytellers and journalists, who believe that everyone has a story, especially the quiet ones. It's mission is to uncover untold stories, and strengthen communities by sparking thoughtful conversations. Ripple - redefining local news with local storytellers. Interaction Design

The Met - UI/UX

The Met - UI/UX

We would like to share the work from Anton & Irene on what they have worked on their digital redesign for theMet which is the second largest museum in the World. Getting numbers like 33 million visitors last year is huge so the stakes are pretty to create a seamless user experience both on Mobile and Desktop. It was a work collaboration with other teams from program management, development and Anton & Irene on the UX and designing components. After some surfing on the live site, I just love how the branding and design guidelines just made sense (font, sizes and colours) and flows very well during scroll. Also how fluid it is on your mobile experience as well, like having a darker selection to indicate a selected state from the buttons. Give it a look as well at metmuseum.org. Digital Redesign for the Met, World's Second Largest Museum   More Information: http://antonandirene.com.

Watch Dogs 2 - Art/Game Direction

Watch Dogs 2 - Art/Game Direction

With the craziness from today’s Black Friday (Happy Friday!) and the email spam! While some of you including myself have been surfing the deals, I decided to take a little break and shared this project from the folks over Ubisoft about the game: Watch Dogs 2. I haven’t personally tried the game but it looks like a greater version from the first one who was revolutionary for many of us. We are featuring an interesting case study where Alexander Karpazis along with his team will take through their iterations for this new game. Hope you will enjoy!   Credits   Art Director: Mathieu Leduc In-Game Branding Team: Nicolas Fortin UI Graphic Team: Anca-Nicoleta Albu UI Graphic Team: Laurent Gaumer UI Graphic Team: Noreen Rana UI Graphic Team: Samuel Leblanc Video Graphic Team: Achim Schumacher Video Graphic Team: Joanna Goldman Video Graphic Team: Louise McDonald Video Graphic Team: Pierre-Guilhem Roudet Video Graphic Team: Pierre-Olivier Nantel More Information via Behance.

Vodafone Soundbox - Branding & UI/UX

Vodafone Soundbox - Branding & UI/UX

We are taking a look at a case study of a rebrand for Vodafone Soundbox and we have to be clear that the goal target audience are for people from the range of 16-24 years old. Why am I saying that is because it’s always a great factor to know for what is your target when designing with a thinking in mind. From this rebrand from Kash Singh who is a designer based in Bedford, UK; you are taken with a gradient-based colour scheme as a base with dual tones. What I like the most about this design is the masonry grid happening on the homepages both on the app and website, it makes it colorful and inviting to browse. There’s some elements where I feel there will be a need of more thoughts but overall this is great! What do you think? The Brief. We were tasked with a brief to rebrand the Vodafone music service to target the audience between the ages of 16-24. The Solution. We began by looking at all of Vodafones current services, sponsors and advertising. We immediately felt that within all these sectors, apart from logo and colours, there was no real connection to anything. On the basis of our findings we decided to rebrand the service as a separate brand under the name Soundbox. This gave us leeway to be able to rebrand from scratch using colours, type styles and imagery that can be more associated with the target audience. Also during our research we saw that many people, even beyound our target audience, are often attending music festivals with many electronic based artists. This gave use the structure of the rebrand by using visuals to represent the electronic music scene/rave culture. Brief set by Richard Holt of Brand Union. More Information via Behance.

Rendered by Adobe - UI/UX

Rendered by Adobe - UI/UX

We have featured the work from Serge Vasil who is a Senior Designer and Art Director currently based in San Francisco, California. He recently got to work with Adobe on making a fictitious digital arts exhibition by using Adobe Photoshop and Dreamweaver on making the branding and website. I simply love the use of really colorful and vibrant gradients and one detail I even dig even more is the gradient use for the minimal mockup shapes. It’s really neat and hope you will enjoy it too. I am happy to share new work for Adobe. Rendered represents a fictitious digital arts exhibition. I was commissioned to design the branding and website for Adobe to showcase features of the new Adobe Photoshop and Adobe Dreamweaver from the recently released CC 2016. Credits   Images by: Ari Weinkle, Anja Mewes, Ana Gomez Bernaus, Črtomir Just, Alex Diaconu, R4dn Studio, David McLeod More information: http://sergevasil.com.

Ajax Brand Site - UI/UX

Ajax Brand Site - UI/UX

First of all, this is not a site about the programming language but there is actually a name of a product called: Ajax Systems. Aside from the very common product name, we are taking a look at the design and art direction work by Iurii Lence. He is based from Kyiv, Ukraine and he is also the Head of Design over Ajax Systems. Being part as a current member of the jury board on theFWA, lurii has been awarded in the past with by Red Dot, theFWA and Awwwards. As for Ajax Systems, we are taken on dark theme site with micro-interactions, they seems to be more trendy as of late. Subtle interactions that doesn’t bother the users but do add a smoother experience. More information about Lurii via Behance or see the site live at http://ajax.systems.

NEXT Music Player App - UI/UX

NEXT Music Player App - UI/UX

We’ve been seeing many app designs but we rarely see design with multiple languages. It’s quite a challenge! Knowing what languages will be use in a site or a specific app can drastically change the looks and how it can affect the user experience. Imagine for a case that you are changing the language and the font or characters is taking more width or even the height. How would you solve this issue? Let’s take a look at the work by Alan Lu and his project called NEXT. It’s a music player with playback controls, smart playlists, music sharing and more. What I do appreciate about this project is Alan took the time to implement the little details. As we all do know that is all about the details.   This is my recent project. NEXT is a music player with gesture-integrated playback controls, custom / smart playlists, and music sharing. With NEXT you can turn your music into beautiful graphic art and share your unique creative design on the go.   More information via Behance.

Fran Silvestre Arquitectos - UI/UX

Fran Silvestre Arquitectos - UI/UX

With all the different UX guidelines there is online about the subject. Everything is about what’s the best practice, what the is most user friendly experience and what are the best tools to give the the most proper optimization for your sites and so on. With all these rules, the web is looking unlikely the same across the board. With that in mind, some designers decides to take a different route, not necessarily easy but they actually make it happen. Let’s take a look at the stunning work from Milk Work who is a senior designer/art director living in the Bay of San Francisco, USA. He worked on an interaction design, UI/UX for Fran Silvestre Arquitectos site and it’s gorgeous. It’s a bold move to go with a graphic design/print mindset for the web, it must have been quite a challenge for the developers. But it is quite beautiful to look at and I must imagine that the interactions must have reflected the concept. The project approach arises from a dual commitment will give a technical answer to a specific context and the desire to seek beauty through the built work. This process seeks satisfaction, understood in its fullest sense, of all those actively involved in development.   More information via http://mikevrpv.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

The UI/UX Work of Claudio Guglieri

The UI/UX Work of Claudio Guglieri

While browsing on Dribbble, I discovered the work of Claudio Guglieri and I was just so impressed by his work related to brands, experiences and UI/UX. He has worked hands-on for brands like Adobe, CNN, Reuters, Kayak, Google and just to name a few. Claudio is the design director at Microsoft Groove and Movies & TV and he’s currently based in Redmond, Seattle. Most of his projects are projects we would have dreamed to work on. One project that caught my eye was the redesign he worked on for USAToday.com. The reason why is quite simple, what caught my eye is the amount of content they had to deal with. For a publication from this scale, you have to create an architecture to support the history and also the future which brings a greater challenge in terms of repository, search and more.   More information: http://www.guglieri.com.

Lovely Facebook Gift Concept

Lovely Facebook Gift Concept

We’ve featured a lot of concepts on Abduzeedo, some of them are plain redesign and others are intuitively well-thought-out ideas. For example, let’s take a closer look at the work of Jay Lee who is a UI designer currently based in Seoul, Korea. He took a lovely approach at introducing a concept on Facebook where you’ll be able to send gifts to your friends or families. Everything will be accessible through mobile coupons or entering shipping information for deliveries. I can’t help to think and enjoy how his user flow really works and that is a great idea and it might work pretty well on Facebook. What do you think? Would you like to send gifts through Facebook Messenger? It's just my personal concept design project. Facebook Gift can send your heart to gift immediately when like a birthday or anniversaries of your friends. It can be accessed from Facebook Messenger app and Facebook app. Also it is recommend to the suitable gift as taste of friends. Demo    More information via Behance.

LYNK & CO - Share Mode UI/UX

LYNK & CO - Share Mode UI/UX

What I particularly like about LYNK & CO philosophy, approach and business model are the fact that is more than just a car. There’s a definitive mindset behind this brand to be wide open as an open source to creation and collaboration. Some of us might think that CO from LYNK & CO would mean company but it actually means Co:operation, Co:mmunity and Co:nnection. We gotta that play of words! That being said, the car itself would have connectivity features like: Shareable Locks (meaning there will be no key), Start your car from your phone and all to be intended into what they called: Share Mode. I am pretty sure as being an open source, there will be more cool features coming from third parties. As we are well-aware that being giving freedom is an open door to greater things. Some Words While other car brands struggle with their digital transformation, our brand is born digital. The lack of legacy systems and the ability to build solutions in the cloud enables us to depart from the old model of car sales and service to bring the customer seamlessly through an omnichannel platform, with intuitive interaction at every touchpoint – from researching and purchase and all the way through the owning, sharing, serving and re-selling of a car - David Green, Chief Digital Officer of LYNK & CO. LYNK & CO sets out from the start to be open to outside innovation and aims to be the first organisation in the world to leverage a complete commercial platform, in order to bring innovative applications and services to the customer. LYNK & CO have collaborated closely with Microsoft and Alibaba to build a whole new digital customer infrastructure for the car industry with new digital order, supply, sales and CRM systems and custom applications for user interaction. Ericsson and LYNK & CO have teamed up to create the latest car connectivity cloud. The digital platform will feature an open API and is entended to instigate for endless opportunities to personalize, enriche and expand the automobile experience. Share model. An innovation unique to LYNK & CO car models are shareable locks. Physical locks will only be needed as a backup for a LYNK & CO car. Both open and start is done via Radio Frequency Identity and digital encryption. As a result, it is possible for anyone to register for a LYNK & CO identity which will entitle them to a digital lock. Owners of LYNK & CO cars will be able to add additional locks to their cars, enabling friends, family or service staff to drive their car. To demonstrate this functionality, LYNK & CO have invented a share mode. A button which enables the owner to make their car available to use for a specific time. This could enable people in an apartment block to share a number of cars instead of needing one car each or for an owner to generate rental income. Requests, payments and all customer relations will be seamlessly managed in LYNK & CO’s digital platform. About LYNK & CO   LYNK & CO is a brand from Geely Auto Group, a subsidiary of Zhejiang Geely Holding Group – the owner of Volvo Cars and London Taxi Company. Geely Auto Group is one of China’s largest car manufacturers. More information: https://www.lynkco.com.

BuddyGuard Home Security App - UI/UX

BuddyGuard Home Security App - UI/UX

BuddyGuard Home Security App is a UI/UX project designed and shared by Bureau Oberhaeuser. The goal of the app is to control a camera and security system called FLARE, a smart system that updates itself. There are lot of cool things about this project, but for me the main reason is the challenges of designing an app like that. What sometimes might seem trivial becomes a huge set of flows and edge cases. Product description FLARE is the world’s first security system that protects your home all by itself. It uses Artificial Intelligence to identify people and rapidly analyzes every situation before taking action. To control your FLARE we designed the BuddyGuard app to enable an intuitive communication with the device. The app guides you through the setup for installation and features like geolocation, face and voice recognition. Showing a live video and a stream of relevant events below you can always monitor your home, select other locations, change your device settings or invite friends to your security circle. UI/UX UI/UX in Motion BuddyGuard's FLARE® – Easy and intelligent home security from BuddyGuard on Vimeo.   Bureau Oberhaeuser Bureau Oberhaeuser is a design bureau focused on Information- and Interface Design. The Bureau was founded in 2011 in Hamburg by award-winning designer Martin Oberhäuser. Our work is inspired by our passion for complex data visualization and informationdesign. We believe that almost every challange can be solved with creativity and design thinking. For more information check out http://www.oberhaeuser.info/

Product Design: TOOR.today

Product Design: TOOR.today

Changing process does apply to all kinds of careers and work environments, it doesn’t imply entirely to design. Let’s take real estate for example, I don’t know if you’ve ever been in the process of buying a house or a condo. There’s the first meet, sharing a few options, visiting the potential candidates, catch-ups and a lot of back and forth from the seller to the buyer. It’s a big process and today we would like to a product that will ease-up that process. We are featuring a product called TOOR.today, a tool that will help real estate agents to access properties easier by the reach from their phone through an app. From the product design to the user flow from the site, we are definitely getting the care to every single details to the product and brand itself. It’s really well done! TOOR Today is a new age scheduling tool and lockbox that interact to seamlessly connect buyers, sellers, and agents all in one place. In an industry often known for subpar customer satisfaction, TOOR seeks to change that perception. The TOOR lockbox enhances the real estate experience, by introducing a new way to tour properties, sell properties and show properties in any market. TOOR’s sleek silhouette and cutting-edge design provides a solution to the lockbox and real estate industries that have been rip and overdue for modernisation. Part of what makes our lockbox unique is the Bluetooth and cellular capabilities that interact with our customized app. Have a sense of security knowing approved users can only gain access to the lockbox during scheduled showing times. No need to install obtrusive keypads or clunky smart locks. Simply place this device on a door, shed, rail, or another desired secure location. We’d love to see what other uses you come up with!   Credits Ronald Gijezen Robbert Schefman Rob Smittenaar More information via Behance.

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

Litter-Robot Website UI/UX

Litter-Robot Website UI/UX

With the rise of independent entrepreneurs with many great ideas, the concept of marketing yourself is starting to become greater and harder with time. Even if you do have a great idea, concept or product; how you value your brand in front of the whole World through logo, social media, website and user experience. We are taking a look at the work of Daniel Moulin who is a freelance Art Director living in New York City, USA. Let’s look at his project for Litter-Robot, a self-cleaning litter box for cats. He was part of the UX/UI and overall web design work. It’s definitely a clean and very informative approach. Webdesign for a Litter-Robot. Automatic Self-Cleaning Litter Box for Cats.   More information via Behance.

Twitter Marketing Platform - UI/UX

Twitter Marketing Platform - UI/UX

Twitter Marketing Platform is a UI/UX project shared by Erik Herrström, the art director from Stinkdigital. Social media is a powerful marketing tool, but understand how to use it properly can be challenging. Having a proper tool to identify success stories, insights and solutions can help the marketing and as well product designers to know the reach of the audience and how efficient their content strategy is. Project description Over the past decade, Twitter has changed how we share our lives, get our news, protest, debate and connect to the people and events that matter to us. It’s more than a platform—it’s an integral part of global culture. However, that hasn’t always translated to advertising revenue, and as Twitter matures it needs to demonstrate its potential to help brands reach their audiences in meaningful ways. We partnered with Twitter to prototype and design a new platform full of inspiration, solutions and tools to help marketers and agencies capitalize on the power of Twitter. Produced at Stinkdigital for Twitter. - Behance A new platform full of inspiration, solutions and tools to help marketers and agencies capitalize on the power of Twitter. UI/UX project