articles on

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.  

Motion design: UI Collection

Motion design: UI and UX Collection

Motion design is intrinsically useful for product design, especially when designing for mobile devices. Even experience designers might have a difficult time evaluation solutions on the computer without testing on the device. In addition to that, there's so much information that can be lost by using the old approach of static mocks. Those are just a couple of reasons why motion design and prototype are mandatory steps during the product design process. After Effects, Principle, Framer, Javascript or straight native Java or Swift are some of the tool available. They all have their pros and cons but the important thing is that they all gives us that extra level of information to helps us on our decision making process to deliver the best user interface. On this post I will share some motion design projects on user interface. They are from Dribbble, one of the best sources for this type of work. Make sure to click on the images to find out more about the designers behind them. Motion design for UI

Product Design: Whym - Seamless Instant Interpretation App

Product Design: Whym - Seamless Instant Interpretation App

Whym - Seamless Instant Interpretation App is a product design project shared by the Netguru Team on their Behance profile. As the name suggest the idea is simple, you have an app that provided you access to a live interpreter 24 hours a day, 7 days a week. Simple ideas tend to be the most difficult to execute well but, visually at least (I have not had time to download and play with it yet) it looks quite beautiful. This project covers some of the main user journeys like: onboarding, call and connect with an interpreter and purchase more minutes. It is a quite good example of product design presentation. Use case Imagine your worst travel nightmare. You’re in a car crash; you’re rushed to hospital; your travel companion has been arrested by the police. Then imagine you can’t speak the local language. You can’t understand what’s being said; you can’t get people to understand you. What’s wrong? What’s everyone saying?  Now imagine you have immediate access to a professional,live, human interpreter in your pocket. You’re still in a stressful situation, but there's an interpreter by your side to explain what's going on. Product design solution About Netguru Netguru is one of Europe’s fastest growing mobile and web development groups. We’ve helped partners scale existing projects and build MVPs. For more information check out: http://netguru.co/

Motion Design for UI by Michal Sambora

Motion Design for UI by Michal Sambora

There's a clear shift or I would say evolution of interface design that relies more in motion design to make it easier for people to understand how to use the application. In addition to that motion design can enhance the visual experience tremendously. Michal Sambora has great examples of subtle and not so subtle animations to illustrate that. There are some quite interesting experiments, especially the real weather project that uses 3D to create dramatic icons for a weather app. Some of the projects seem to be experimental only, but even if they are not based on real implementations, they are still worth checking them out. Michal Sambora is a interface designer from Cracow, Poland. For more information check out his Dribbble profile at https://dribbble.com/samborek Motion design for UI

Web Design: Redesign of Lux Capital

Web Design: Redesign of Lux Capital

Lux Capital is a web site redesign project shared by Christopher Reath on his Behance profile. This web design effort is an excellent example of graphic design and UI/UX done properly, at least in my opinion. You guys might already know how much I appreciate simple black and white themes for UI and Lux Capital has a lot of that, with a pop of color with the accent red color. The website was designed to be screen agnostic, so that anyone was able to experience the site regardless of their device or screen size. Typography wise, the site features a bold, Swiss style with Brown and Aktiv Grotesk for the typefaces. Credits: Branding Agency: Mucho Digital Agency: Purple, Rock, Scissors Web design About the designer Christopher Reath is a designer at Purple Rock Scissors, a design agency based in Orlando, Florida. Christopher's work is focused on Graphic Design, Branding and Art Direction. For more information check out his Behance profile at: https://www.behance.net/chrisreath

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.