articles on

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

Visual and Motion Design Work of Ben Mingo

Visual and Motion Design Work of Ben Mingo

Ben Mingo is a visual designer currently working at UENO and he has a beautiful portfolio full of motion design work as well. Most of his projects are motion vignettes which gives us a great idea of how things should work. Smooth transitions combined with killer visuals is always a recipe for success. I selected a few of his works to share here with you today and inspire you to start prototyping your work. Some of the projects I selected illustrate scrolling events, transition from list view to details view and of course beautiful visual and motion design. For more information about Ben, make sure to visit his website at http://www.benmingo.com/ visual and motion design

Dome Systems UI/UX

Dome Systems UI/UX

Working in UI/UX, one of the many things that goes overlooked is the content. What I mean about content, I mean how big will be the text area and what kind of content will be on the layout. It’s easy to design a beautiful, seamless layout with negative space all over the place. But introducing content and also in another language than english is also a challenge. We are showing the work of Andrey Stelmakh and what I like about his work is that the flow of this layout might work pretty well on mobile. Even though it’s not shown here but we can definitely see how it will be.   More information via Behance.

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/

Case Study UI/UX: Improving Japan’s Railway and Commuting System

Case Study UI/UX: Improving Japan’s Railway and Commuting System

Japan’s railway system is one the the most complex in the World. I’ve personally experienced it a few months back and it’s pretty consisting of many different and connected parts. Once you really experienced a few different trips, you start to understand its complexity and it becomes quite simple. But I do admit there’s been moments where I was found myself in a chaos where I didn’t knew what to do. I would say that most cases of a redesign are mostly based on a user experience in a goal to an improvement for a better overall experience. I would like to share this beautifully executed UI/UX project by Isa Pinheiro’s concept at improving Japan’s railway and commuting system. She came up with a concept to remove a technology in use for the last 15 years and rely the users to their smartphones payments on the go and recharging as well. There’s probably some features and problems that have been overlooked but it’s definitely an interesting concept to look at. Japan’s rail transportation is known as one of the most complex systems in the world. Carrying more than two million people per day, the rail system demands a fast and easy way for people to use it. Their rechargeable contactless cards have been around since 2001 and are the secret for Japan’s smooth commuting. This technology has been around for 15 years and little improvements have been done. People still need to rely on ticket machines at train stations to recharge their cards, to pay their monthly commuter pass and check transactions. You should definitely check out the live prototype that is beautiful done and you can follow the userflow behind the concept: http://isapinheiro.com/?work=pasmo-application More information: http://isapinheiro.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

Starbucks Experience - Visual Design

Starbucks Experience - Visual Design

Starbucks is an amazing brand to work on, that's what Side B mentioned on their project titled Starbucks Experience. They explore desktop and mobile designs to created a beautiful user experience for when you get a coffee in the morning, as quickly as possible and also based on weather suggestions. It's a simple UI/UX project more focus on visual design based on the information from the project. Side B is a small company based in sunny South Africa. They believe in creating user centered websites, apps and visuals that are impactful. For more information check out http://sideb.co.za/

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

Virtual 3D flight of the Aachen Cathedral

Virtual 3D flight of the Aachen Cathedral

The Aachen Cathedral, also known as Cathedral of Aix-la-Chapelle is a church located in Aachen, western Germany. Being the oldest cathedral in northern Europe, this church has been built in the 8th century. With all that historic past, this church has been the chair of thirty German kings and twelve queens. Coming from all that history , we would like to present the awarding stunning work from the team over at Interactive Pioneers and their work at making a unique virtual 3D flight that is totally breathtaking of the Aachen Cathedral. To experience this flight, you'll be taking through a responsive site that will take you to the different sections of the Cathedral. Time to sit back and enjoy this ride. Start your 3D experience here. Applause is known to the bread of the artist, but awards are just the cake the creative. We are particularly proud that our performance by awarding the Red Dot Award: Communication Design 2016 has been recognized for high design quality. Watch the Making Video  The triad "See, experience and learning" underlies the overall communication strategy of the Aachen Cathedral Chapter, forms the backbone for the content structure and the design concept of the website. It is reflected in the three areas of " Dom experience ", " Dom Story " and " Dom-date ", which both provide a visual-emotional as well as an informative-cognitive approach for the first German UNESCO World Heritage Site the User. More information: https://www.interactive-pioneers.de.