articles on

UI Interactions: A Collection to Bookmark by Divan Raj

UI Interactions: A Collection to Bookmark by Divan Raj

Let's finish off this week with a cool collection of UI Interactions by India-based designer Divan Raj. It's a set of exploration and experiments that will cover all aspects of interactions from web design and app design as well. Even though most of us think about interactions near the end of our process, I feel it's always a good thing to have your library refreshed and open to any new concepts. Let's bookmark this one gang! Divan Raj is a freelance designer based in Bangalore, India. You should definitely follow his work and experiments via Behance and via Dribbble. Interaction Gallery   More Links Learn more Divan Raj via Behance Follow Divan's work on Dribbble

Stylish UI Design for Nike SB Concept Project

Stylish UI Design for Nike SB Concept Project

We have featured Side B projects in the past here on Abduzeedo. We like to diversify but they really got me by creating an beautiful UI Design concept project for Nike SB. If you didn't know, I am a huge skateboarding fan. I used to skateboard when I was younger, I still do from time to time. For some reason I stopped but I keep up with the sport by following skaters as well as watching the Street League. If there's one thing that got me into design was skateboarding. The culture, the style and the focus on creativity are very important for a skateboarder in a very similar way it's for designers. Anyway, enough of me talking, check out this super stylish UI design for Nike SB. UI Design Concept  

Interaction Design & UI/UX: Unight Experience

Interaction Design & UI/UX: Unight Experience

Hope everyone have enjoyed a long Weekend with Labour Day. Time to be back and let's start if off with an interaction design and UI/UX of a web and mobile app called Unight. It's a mobile app to help you guide through your city regarding dining and especially nightclubs. For this concept to be fully functional, I would imagine that these locations must be active on the platform. Adding the QR code integration is neat but I wonder if it's still on nowadays. I might be wrong, anyways check it out! Collaboration work between Heartbeat Agency and MindStudios who is web and mobile design studio based in Dnipropetrovsk, Ukraine. You should definitely follow their Behance for upcoming projects related to interaction design. Cool mobile app with direct access to dining and clubbing locations in your city Project Gallery Credits Designed by Heartbeat Agency UX, Business Strategy and Development: MindStudios More Links Learn more MindStudios at themindstudios.com Follow MindStudios on Behance

Interaction Design & UI/UX: Sherpahire.com

Interaction Design & UI/UX: Sherpahire.com

An interesting project to share that involves interaction & UI/UX for Sherpahire.com. What is a sherpa? I honestly had to look it up and discover that web design was done specifically for a target audience and for this case as elite mountaineers and experts in their local area. It's an interesting approach since the focal point of the design is all about the search surrounded by a gallery of beautiful imagery. Since the images are part of what's called the center piece, everything else from the typography and micro-interactions are only played as an extra role. Published on Behance is the collaborative work from Alexander Laguta, Kate Laguta, Alexander Aubakirov, Alexei Rezvanov and Andrey Petrunin. All together sharing their expertise in Art Direction to Motion Design. Props to everyone involved. Sherpahire is the unique service allowing travelers to find sherpas and orginize their trekking vacation. We were asked to create a simple and eye-catchy interface allowing to find a sherpa, meet like-minded travelers and get inspired about Nepal as a trekking destination. We have used simple geometrical forms to create general style for Sherpahire brand and easy to follow interface allowing visitor to solve his goal and meet Nepal at a glance. Enjoy! Project Gallery   Credits Alexander Laguta Kate Laguta Alexander Aubakirov Alexei Rezvanov Andrey Petrunin More Links More about this project on Behance

Interaction Design & UI/UX: Kickstagram, an Instagram Marketing Tool

Interaction Design & UI/UX: Kickstagram, an Instagram Marketing Tool

Let's take a look at this interaction design & UI/UX project from the folks over Bachoo Design Studio. Their project is called: Kickstagram, an Instagram Marketing Tool. We've seen many Instagram tools out there but a lot of them lack features that will actually make us use it even more. If you remove the UI aspect from Kickstagram that is simple and clean. I liked the features that complement the application as well like Drafting & Posting and especially the Drag & Drop Scheduling is a neat idea. Bachoo Design Studio is a design team located in Kyiv, Ukraine. They would mainly work into web design, graphic design, UI/UX and more. You should definitely follow their work on Behance. Photo Gallery   More Links Check out Bachoo Design Studio's site bachoodesign.com Follow Bachoo Design Studio on Behance

Mobile Application & UI/UX: A look at Pay & Go Wallet App

Mobile Application & UI/UX: A look at Pay & Go Wallet App

I am not a true believer of fancy mockups when reviewing a UI/UX project, what's more, interesting is the process behind its concept. The user flow, the wireframes, and the actual UI are all part of it all. Let's take a look at this mobile application of an app called Pay & Go. Designed by the folks at Meat Agency, their goals were to basically change your payment behaviours. Meat Agency is a studio that specialized in product design where they have worked with startups and brands on researches, prototyping, copywriting, branding, visual design for web/interfaces and all kinds of development. Pay & Go is an electronic payment platform, that helps everyone on the everyday needs It saves your time and gives a piece of mind for the periodic and instant payments of your life. Basically it changes your payments behavior.   Links More information about Meat Agency: meat.agency Follow them on Behance

UI/UX & Interaction Design: Meallow App

UI/UX & Interaction Design: Meallow App

Let's take a look at this UI/UX & Interaction Design project by Doeun Shin by an app concept called: Meallow. What is it? It's an app that helps children in growing up at making their diet with the right food and etc. It's an interesting concept where from the wireframes, Does start her thinking in child information (profile), meal planning and browsing. After setup the profile, you can a series of recipes and also given the difficulty of cooking where you can get suggestions as well. I liked the overall UI and also the user flow where you can be dispensable within the Meallow app for the better growth of your kids or in the near future. Doeun Shin is a student in graphic design and UI based in Seoul, Korea. She just started her Behance, make sure to follow her. MEALLOW is a service that helps children in growing up to make their diet with the nutrients they need. This is based on the health information of the user who wants to care and the ingredients. This helps children achieve balanced energy intake and assesses appropriate growth. Photo Gallery   More Links Follow Doeun Shin on Behance

Interaction Design & UI/UX of Mailcube MacOS App

Interaction Design & UI/UX of Mailcube MacOS App

Let's take a look at this interaction design & UI/UX for a MacOs app named Mailcube, behind the app we have the team over Significa that believed that the email is not dead and it's all about how you treat this relationship. Right off the bat, you are introduce to what they called: faces where you can customize as you pleased through faces (categories) like messages, contacts, attachments and more. What I liked the most is the fact that your notifications are filtered and you can organize your emails by dragging a cube (kind of like creating a channel on Slack). You can join their private beta here. Behind this design, we have the work from Significa, a creative studio based in Porto, Portugal. Currently focusing their work into interaction design and brand development. You should definitely see their motto through their work and it's about good design thinking that can answer almost any question and solve most problems. Even though many of us have declared email dead, it's up to all of us to breathe new life into it. Let's face it: you're not going to stop using email, so, instead, why not work on the relationship?

Interaction Design & UI/UX of the Ecook App Concept

Interaction Design & UI/UX of the Ecook App Concept

Let's share our first interaction design project this week of a cooking app concept named: Ecook. Designed by Ha Truong, we are approached with an app that can help you cook more through daily menus and suggestions depending on the weather or whatnot. What's cool about this concept is the integration of watching what famous chefs are sharing as recipes, on the other hand I really liked this user flow from the shopping list to the actual cooking. Check it out! Behind this concept, we are sharing the work from Ha Truong who is a designer based in Hanoi, Vietnam. He is shifting his work lately into interaction design, you get to experience his thinking through his concepts and ideas that are pretty great. Definitely worth following on Behance. Ecook is an application that helps users find and share recipes with the community. In addition, Ecook has the ability to suggest daily menus based on the current time and weather, helping users find and choose the most suitable and the best food. You can plan to cook delicious meals for your family with delicious dishes from ecook. Ecook members can watch famous chefs cook food or watch them share great recipes. Cooking is easier and more interesting with Ecook.

Interaction Design & UI/UX: Transit Tracker Concept

Interaction Design & UI/UX: Transit Tracker Concept

Let's take a look at this interesting interaction design concept of a transit tracker by Matteo Mapelli. As I am starting to see a trend with designers using the font: Montserrat; it's a great readable font especially on apps. What I really enjoy about this concept is the main (bottom) navigation, that subtle-overlayed gradient and wrapped with the menu button is quite neat. What raises a question is the use of the map when you've actually found your destination and also the use of the other features from the navigation. Overall, it's pretty great! Published via Behance is the work from Matteo Mapelli who is a digital art director based in Milan, Italy. Focusing his work into UI/UX, web design and art direction, you should definitely follow Matteo on Instagram.  

Interaction Design & UI/UX: Fit Me. Personal Fitness Coach

Interaction Design & UI/UX: Fit Me. Personal Fitness Coach

We are looking at the interaction design of a personal fitness coach mobile app named: FitMe. Designed by Catherine Wang, what's totally selling me to her concept is for starters the colour palette that is keeping people motivated with a sparking red as the main colour. You'll notice the UI has a tiny resemblance to the Apple Watch UI, it express a nice flair for the least. I also liked the profile aspect of her concept that showcases your progress and achievements. Check it out! Published via Behance is the work from Catherine Wang who is a web designer working at Apple. Focusing her work into UI/UX, web design and graphic design; it's great to see Catherine keeping it busy with mobile app concepts where everything is well detailed. FitMe is a professional personal fitness mobile app tailored for female in different needs. Every feature is designed for users to approach the goal of keeping fit.  

Interaction Design and UI/UX: Smart Expense App

Interaction Design and UI/UX: Smart Expense App

We are taking a look at this interaction design of an app named: Smart Expense. Designed by Prakhar Neel Sharma, it’s a colourful approach on how you should manage your daily expenses with cute illustrations and graphics to be more familiarize with your finance. I personally liked the “explore” section since it’s giving you a little bit more options within the app. It’s an overall beautiful work but I can’t help to spot the many spelling errors, be careful with that Prakhar! Published on Behance, this is the work of Prakhar Neel Sharma who is a product designer based in Copenhagen, Denmark. Focusing his work into digital interfaces, everything is all related to the user. His principles are beauty, simplicity and usability.  

Interaction Design: Moonlight Official Site

Interaction Design: Moonlight Official Site

We would like to feature this interaction design project by Watson DG for the Moonlight Movie. Recently the movie has won many prestigious awards at the Oscars (2017) and especially for the Best Picture. Asides from the reveal controversy, the kind folks over Watson DG created the site that drew many of our attention to its success. From the visual, the site offers a simple and clean experience. I gotta appreciate the detail for the headings with that thin ruler line across and used as a divider. Watson Design Group is a digital studio based in Los Angeles, USA. Founded in 2005, they focus their work into creative and online development from web campaigns to digital marketing. You should definitely check out the live site, it's a lovely interaction with the header vs the scrolling. Moonlight is a transcendent coming-of-age film that is both agonizing and heartwarming- a true display of the humanity in us all. To engage in the dialogue surrounding the applauded film, Watson Design Group created a site that drew attention to the film's success as well as to the emotional impact Moonlight has had on its audiences, all through the use of poignant articles, quotes, and audience commentary. It is a look at what an unprecedented film meant to audiences around the world.  

Interaction Design and Branding: Blank

Interaction Design and Branding: Blank

We would like to share this interaction design project that involves branding as well by Jaejin Bong and it’s titled: Blank. What’s Blank? It’s a shopping experience that reliable with a user-friendly approach with a system with cards. Driven by its own set of categories, you can also throw questions and obviously shop. I think it’s an interesting concept that can be played with during your spare time. Published via Behance is the work from Jaejin Bong who is a graphic and UI designer based in Seoul, Korea. There isn't much more information about him but I do enjoy his creative thinking and would love to see more of him in the future.  

Interaction Design: The Rebirth of the Majestic

Interaction Design: The Rebirth of the Majestic

Whatever you wanna call it, we all have heard the news about the comeback of the indestructible Nokia 3310. Carried on with many titles, it’s great to see the comeback of this phone especially with our modern standard. With this launch, we are sharing the work from Abhisek Das who decided to give an interaction design refresh to the landing page. I really like his bold and yet clean approach to the design, I wish I could have seen his work/thinking for mobile version as well. Give it a look! Published via Behance is the work from Abhisek Das who is a UI/UX designer based in Bangalore, India. He is a self-taught designer and I love that he implements the process of his creativity like a muscle and that it must be shared with the many talents out there. When Nokia unveiled the comeback of the indestructible handset, I wanted to give a retouch to the landing page with the Apple design style. Better readability, reduction design pattern, larger typography and a neat user interface.  

Interaction Design: Behance Desktop App Concept

Interaction Design: Behance Desktop App Concept

As a designer, I am a frequent user of Behance. It’s a beautiful platform that featured some of the best artists, designers and illustrators out there. One thing that annoys me though is the design hasn’t changed much in the last few years. For example, those gradient buttons are hitting me hard! Let’s take a look at the work of Nora Park who decided to take the platform for an overhaul concept. Overall, I really enjoyed her interaction design and direction for Behance, too not keen on the interactions but in the “ensemble”; it’s a lovely concept! This concept is the work of Nora Park who is a freelance art director based in Los Angeles, California. She has a background in UI/UX, graphic design, illustration, fine art and more. You should definitely check out her site. Like many designers, I am a frequent user of the Behance. This is my attempt at translating the website into a desktop application, one that takes advantage of the platform by providing a richer, more seamless and customizeable experience.  

Interaction Design: Upper, Simple To-Do List

Interaction Design: Upper, Simple To-Do List

To-Do List apps, I’ve tried them all and have many of them on my phone. Obviously, all my notes are scattered and lost all over. We are taking a look at this interaction design by Tubik Studio. It’s elegant, simple and that’s what is all about right? I would definitely try it after writing this article. You gotta love the interactions and the work on the typography with almost no strokes anywhere making it less looking like a boring table. Give it a look! Tubik Studio  is a studio based in Dnipropetrovsk, Ukraine and they work in multiple parts like web & mobile UI/UX, interface animation, iconography, logo, branding and more. We are great fans of Tubik Studio and they always share the best of what they do and it’s always informative to go through. Today's presentation marks out another milestone here in TUBIK: the official launch of our new mobile application for iPhones. Meet Upper, simple and elegant to-do list motivating users and boosting productivity. And it's totally free for all the users. Here we unveil the details on user interface design for the app: the main objective behind it was to create a stylish and efficient to-do list without any distractions, concentrating user's attention on their goals. Welcome to get it directly via App Store and try all the features. Productive day to everyone!