articles on

Interaction Design and UI/UX: Caseture Display

Interaction Design and UI/UX: Caseture Display

Let's take a look at this interaction design project that is quite interesting that involves UI/UX as well. It's a concept display named: Caseture that uses gesture based interactions in digital experiences. It could a glimpse that what could be a potential experience in the near future, for the "case" being they worked on a concept through how every human action passes through 7 stages. I would definitely advise to watch the videos as well to completely understand the whole experience. Published on Behance is the work from Eduardo Marzionna who is a senior art director/designer and Luis Uribe who is an art director, they are both based in Germany. Caseture is a humanscale screen installation that explores the potential of gesture based interactions in digital experiences. Having emotions at the core of its concept, it's a journey based on the theoretical basis of Donald Norman's ‘Stages of Action' - how every human action passes through 7 stages.   Videos Credits Luis Uribe Eduardo Marzionna

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.  

Industrial Design and UI/UX: Orion Cycling Navigation

Industrial Design and UI/UX: Orion Cycling Navigation

We would like to share this industrial design by Clement Dauchy about a cycling navigation called: Orion. What’s interesting about this project is that we get to follow his process from the sketching, industrial design, packaging and the UI/UX from the product. Impressive work I have to admit and I would love to see something like Orion in action and see how the UI will react in a live environment with cars and streets all around. Published on Behance is the work from Clement Dauchy who is an industrial/product designer based in San Francisco, USA. Currently working at Astro Studios, Clement works on personal concepts after finding problems in his daily life. Looking forward to see more of him in the future.  

Mobile Design: Interactions by Tubik Studio

Mobile Design: Interactions by Tubik Studio

We would like to share the latest mobile design from Tubik Studio. We’ve published their work before on Abduzeedo but we truly admire their philosophy to always innovate; especially what’s regarding mobile interactions. Getting inspired by new UX interactions are always refreshing and pounding your mind to create or have them in mind during your next wireframe session. Hope you will enjoy! Tubik Studio is a design agency focusing their work into mobile/web design and development, motion design, graphics and branding. Currently based in Dnipropetrovsk, Ukraine, I would hit their Dribbble from time to time and they always share really inspiring interactions and UI inspiration. Definitely worth a visit.  

Web Design and Visual Design for Nokia OZO

Web Design and Visual Design for Nokia OZO

Nokia OZO is a web design, interaction design and UI/UX project shared by Viktor Vörös on his Behance profile. OZO is a virtual reality camera, the first of its kind and of course it looks extremely futuristic and the work that Viktor did an excellent job showcasing it on a beautifully simple and elegant web site. The cool thing about his design is that the camera is always on the first plane and everything looks secondary in a way. The images of the camera always pop and the low contrast text and black and white theme help with that quite a lot. Enough of descriptions, check it out after the break and let us know what you think. The world’s first professional Virtual Reality camera. Crafted by Nokia Technologies, OZO combines the ultimate in engineering capabilities and intelligent design to offer you the best Virtual Reality production experience. Viktor Vörös is a digital designer from Szeged, Hungary. He is passionate about design, always keeping his ambitions high and quality in focus at all times. He has done work for clients like Microsoft, Samsung, L'Oréal Professionnel, Vogue, Rolls-Royce, Konami, 20th Century Fox & more. For more information check out http://hellowiktor.com/ Web design

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.  

Web Design & UI/UX: Team "Named" Concept

Web Design & UI/UX: Team "Named" Concept

We would like to share this web design project by Minjae Baek entitled: Team “Named”. There isn’t much information about what it is entirely about but the mixture of personal work/unsplash into his layout suddenly makes everything different and out of this world. I gotta love his visual approach, somehow the layout kind of reminds me of Abduzeedo’s. Published on Behance is the work from Minjae Baek who is a designer and artist based in Seoul, Korea. Working as a senior designer at the Creamunion, you can definitely see how diverse is his work from graphic design to UI/UX. I look forward to see more of him in the future. Team 'Named' - Artwork Collection Website - personal artwork & Unsplash, The Met photos.  

Web design: One Letter One Song UI/UX

Web design: One Letter One Song UI/UX

One Letter One Song is a web design, UI/UX and art direction project shared by Aykut Yilmaz on his Behance profile. There is not a lot of information about this project on the page but I assume it's a game about music skills where you have to figure out the title of the song by know the first letter? Am I completely wrong? Anyways the visual design is bold, colorful and in a way a bit unique. The iconography is also beautiful with very thick strokes. There are some new trends in place like the very long shadow on the browse page, and they look quite wonderful. Take a look after the break and let us know what you think. Aykut Yilmaz is a freelance senior art director from Istanbul, Turkey. For more information make sure to check out his profile at https://www.behance.net/aykutyilmaz Web design

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.  

Product Design and UI/UX: iPhone 8 Concept

Product Design and UI/UX: iPhone 8 Concept

It’s that time of the year where a lot of tech blog/news would share their rumours about the next iPhone. With the fact that Apple is celebrating the 10th anniversary of the iPhone, most of us are kind of eager what they will come up with. Bezels? Tiny bezels or none? Let’s take all the features aside, let’s take a look at this product design by Moe Slah’s iPhone Concept and what was his direction for the UI/UX. I really enjoyed his refined design with an updated iOS 10 UI and think it will be greatly received by everyone. In all honesty, I wish Apple will come up with a total overhaul of their iOS that gotten quite old to use every single day. Published via Behance, Moe Slah is a digital creative director based in Alexandria, Egypt. With more than 10 years experience in the design field, Moe has also a background in business administration and management information systems. He wears also many hats from also being a Behance Ambassador and worked with International companies in USA, Canada, Australia and more.  

Game Design and Interaction Design: Cambridge sQuizUp

Game Design and Interaction Design: Cambridge sQuizUp

Cambridge sQuizUp is an interaction design, UI/UX and game design project shared by Rafael Lima and Bernardo Bulcão on their Behance profiles. Basically it's an educational game developed for the Cambridge University Press that combines knowledge and fun by testing the gamers english level through mini games. They also created a character to help them through the game. The game design is super friendly and colorful, in addition to that, the project share more details about the basic IA of the game, which is always cool for us to see. Rafael Lima is a designer with more than 6 years of professional experience in different fields of innovation with an emphasis on digital interface and user experience. In recent years he had the privilege of work in projects for important companies like Coca Cola, Faber Castell, Cambridge University Press, FAAP and CVC. I'm currently working at Samsung Ocean Center, focusing on research and development of apps and games for different kinds of android devices like smartwatches, mobile phones and Gear VR. Bernardo Bulcão is an illustrator and character designer from Manaus, Brazil. Game design and interaction design

Web design: The Journal Concept UI/UX

Web design: The Journal Concept UI/UX

The Journal concept is a web design, UI/UX and graphic design project shared by Bohdan Kononets and Slava Kornilov on their Behance profile. As the name suggests, it's a concept project for a journal or a blog if you prefer. There are so many good things about this project, in particular the detail pages. The little colored frame for content gives it a nice editorial style, of course there might be some issues like the images overlaying the borders. Anyways, it's a great project and definitely inspired me for the next batch of changes on the Abduzeedo design. Bohdan Kononets and Slava Kornilov are the designers and founders of Flat Studio, a team with full range of services. They have worked on projects for Google, Microsoft, Tesla, Rambler, Novo Banco, Continente, Uplabs and Cleverdo. Our principal rule is to keep things simple, intuitive and adaptive for every person in the world. For more information check out their website at http://flatstudio.co/ Web design

Interaction Design: Wine-Searcher Application

Interaction Design: Wine-Searcher Application

Wine-Searcher Application is an interaction design and UI/UX project shared by Olena Mostepan and MEAT Studies on their Behance profiles. In a nutshell, the whole idea was create an mobile app that could help you search and understand a bit more about wine, with the ultimate goal of making you love wine. From the interaction design point of view, it's a fairly simple and straightforward model. You can search wine by type of food, type of wine or even scan wines to understand more about that particular type.  The visual design is also simple but lovely with "cute" icons across the many screens. From the images I felt that the fonts tend to be quite small and I wonder from the accessibility point of view, if the text color is not too light. Enough said, check out the images below for a better look at this cool project. Interaction Design

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.