articles on

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!  

Interaction Design: I, Steak Mobile App

Interaction Design: I, Steak Mobile App

Nowadays, cuisine is something that we have less and less time to give during the day. Even some of us, don’t even how to boil an egg! We are featuring this interaction design about an app called: I, Steak. It’s an assistant app that will help cook the perfect steak! It’s a pretty cool idea since it is quite a task from the picking, shopping and of course cooking. I love the minimal approach! Published via Behance , Alex Yurkov is a UI/UX web designer based in Moscow, Russian Federation. It’s great of him to focus his work into UI/UX, Web Design and Interaction Design especially early in his career. We are looking forward to see more of his work in the future.  

Interaction Design: Sing Movie Official Site

Interaction Design: Sing Movie Official Site

I have to admit something, I never enjoyed the official sites from movies. They usually go with a simple (and boring) site with a trailer. Maybe too simple? That’s why we would like to share the interaction design for the official movie of the movie Sing. Loved the fact that the mighty folks from Watson DG decided to create an experience in reflection the movie instead of taking a simpler route. Let’s give it a look! Watson DG  is a digital creative boutique based in Los Angeles, USA. Founded in 2005, they specialize their work into creative and online development from web campaigns to digital marketing. From their portfolio, they have made official sites for movies like: Star Wars: Force Awakens, X-Men and more. . With the SING official site, we aimed to create an experience that would echo this sentiment and foster emotional connections between audiences and the film’s distinctly different characters. An audition section allowed users a small taste into the musical style of each character and upon diving in further, users could explore the personality behind the performer. We integrated a variety of shareable content as well as character-specific Spotify playlists to make each character’s persona shine.  

UI Design - Trello Atlassian Redesign Concept

UI Design - Trello Atlassian Redesign Concept

Trello Atlassian is a UI Design concept project for the redesign of the popular service Trello. It was originally shared by the Netguru Team and it's an extensive exercise on how to improve a tool that their team use daily. They also got motivated by Atlassian's acquisition of Trello and that motivated them to think about a complete visual refresh of the product and try to make a little bit "slicker" - as they mentioned. We are well aware that a comprehensive redesign would be based on a host of different factors: business objectives, user needs defined as a result of data analysis, and so on. We were not aiming at a total overhaul of Trello – we focused exclusively on Trello's visual experience, bearing in mind all the limitations of such approach. The project was created by Anna Klawikowska, Michal Parulski and Serge Soskowiec. They are designers from Poland and part of the Netguru Team. Their work range from graphic design, typography and UI Design. I highly recommend you to check out their Behance profiles for the complete portfolio. There's really inspiring work. UI Design A Trello board is a list of lists, filled with cards, used by you and your team. It’s a lot more than that, though. Trello has everything you need to organize projects of any size. It works in real-time. When somebody moves a card, it moves on your board instantly, no matter what device you use. You can keep your tab open all day and never have to refresh. Plus, Trello opens and loads so fast you won’t even notice. - via Trello.com

App Design: inMuseum Experience App

App Design: inMuseum Experience App

This Weekend, I was able to enjoy a free admission at the MBAM (Musée des Beaux Arts de Montréal) and go through its art exhibits filled with beautiful pieces. During my walk, I thought about my own experience and how we can enhance it especially knowing with the possibilities of technology nowadays. We are featuring a project with Ekrem Ates and Muzaffer Akay and their inMuseum App. What I adore the most about this project is not the UI but the part where they show the phase beyond the structure of the experience. I also liked their approach of making the UI based on cards for responsiveness, also with usability and mobile gestures. Published on Behance  by Ekrem Ates and Muzaffer Akay who are designers based in Istanbul, Turkey. Superb work about what they have done on making inMuseum app where you can facilitate your own experience and mostly at your own pace.   Credits   Ekrem Ates Muzaffer Akay

Interaction Design: Fangry Food Mobile App

Interaction Design: Fangry Food Mobile App

We would like to share this interesting project of an app called: Fangry Food, it is a cooking app with the geniality of telling the app what’s in your fridge so they can come up with a range of recipes depending on the difficulty, popularity, calories and etc. It’s quite a great idea actually and I do feel that the interaction design behind the app is intuitive and easy-to-follow. I have some questions raising up while scanning this project like how mostly the backend can respond to all the variety of elements of food that exist for example or how does it come up with different cooking steps depending on your ingredients. I loved the detail of having the button: Order Pizza, that was hilarious. Artkai Design Studio  is a studio based in Kyiv, Ukraine. With a talented team of designers, creative director and UI/UX, it’s really great to see them creating and making something quite useful for our quick daily routines full of things where sometimes food comes last. When you are hungry you don't want to waste your time. Neither do we. Jump in quickly to the app.   Credits Founder & Lead Designer: Art Tsymbal Creative Director: Kos Chekanov UI/UX: Olga Levytska

Weather Buluttan - UI/UX

Weather Buluttan - UI/UX

Weather Apps some will be a perfect fit for you and some won’t. To me, it’s an app that I use every single day, knowing the weather for your daily activities or even prepping your drive around town or your destination. Pretty useful! We are showing the work from Cüneyt Sen who is an Art Director based in Istanbul, Turkey. I really dig the UI work from Cüneyt and his usability to create a friendly user experience as well. From this design, I really enjoyed what he did for the colour palette with the gradients but mostly the subtle detail about swiping through different sections.   More Information: http://www.cuneytsen.com.