articles on
Web Design: Cittá - a furniture website concept
Let's take a look at this web design by Ovik Mooshlyan for a furniture website concept. He is a UI/UX designer at Cetis Branding Agency based in Moscow, Russian Federation. His retail concept has interesting points to share with having the total straight in the navigation bar. I personally liked the grid system which was pretty unconventional where he didn't use any shadows or blur. We are getting used of seeing more and more retail web designs looking more alike to each other, it's nice to discuss a design taking another direction. More Links Behance Web Design
Adobe XD with Voice-Based Prototypes, Auto-Animate, Plugins and more at MAX 2018
What a great time to be a designer, even better if you are working with UI and UX. If you stop for a minute and think that less than five years ago there landscape of tools for UI and UX were very poor. Fireworks was gone and Sketch was in its infancy. Fast forward to today and the story is very different. There's an abundance of tools and they keep getting better. That's the case of the new Adobe XD version that Adobe released today. Go ahead you can download it already. The new Adobe XD improves on many areas, without losing its great quality before, that is speed. I really like how they carefully add features, always thinking about the right way to do it, without bloating the experience. For this release it's not different. Adobe invited us to a demo of the new XD where they showed a little bit about the behind the scenes and how XD was built. From early prototypes to the brand new features. It was definitely awesome to see the roadmap they created coming to life; and for this release they have great additions, including voice control, auto-animate, responsive design features and plug-ins and many more. I will list the three main features for me. Auto-animate This was easily my favorite feature. I believe it's crucial for designers to move beyond static images and think about how things behave on the screen. With Auto-Animate you can now easily create prototypes with immersive animated transitions. Simply duplicate an artboard, modify object properties, such as size, position, rotation, etc., and apply an Auto-Animate action to create an animated transition between artboards. See more of Auto-Animate in the video below. Voice prototyping This was one feature that I was a bit skeptical, but after seeing the demo I was sold. It's extremely useful for any voice triggered design. Now you can use voice triggers and speech playback to create audio interactions for smart assistants and other experiences beyond the screen. Plugins and app integrations Automate tasks, design with data, and import assets from the web with new plugins. XD also integrates with popular productivity apps like Slack, JIRA, and Microsoft Teams. The extensibility that this feature adds is really important for the success of the platform. We can see all major players doing this. Adobe with its influence might have an edge here though. Those were the top three features but the list doesn't stop there. There are many more like: Drag Gestures Linked symbols Easy integration with Adobe Illustrator Export to Adobe After Effects They also are very focused on having a close relationship with the UX community. As they mentioned: "We’d love to continue the dialogue! Help us shape the future of Adobe XD by submitting feature requests or file bugs. You can follow our handle @AdobeXD for updates or reach the team on Twitter using #AdobeXD. You can also talk to us using Facebook, where we share videos and updates as well as answer questions during live sessions". This release is packed with great features and highlights Adobe's commitment to their goal to create the best interface design tool, which is ironic, because they did have the best one, it was called Fireworks. I know, that's past and we should focus on the here and now. That is what Adobe is doing. With a cadence of well-crafted features; always focus on speed and performance; and close relationship with the UX community they might have a chance of succeeding as the best design tool. It's too soon to tell because there are great tools out there and that is fantastic for us. Personally I believe the biggest challenge is to close the gap between design and engineering. To provide tools that realistically allow designers to innovate but streamline the process of translating this to code. Added on top of that real time collaboration and you will have the best tool. At this moment there is no tool that does that, each one has its strengths and weakness. Will XD be the one to do that? I don't know. But it's definitely becoming an amazing tool. For more information make sure to check out: https://www.adobe.com/products/xd.html
Web Design & UI/UX: Aero - Flight Booking
We are sharing the work from creative director Daniel Tan from Tofu Design based in Kuala Lumpur, Malaysia. Say hello to his concept entitled: Aero, a flight booking experience for the Web. At first glance, it's definitely an updated UI with "less clutter" that would just fill the experience with legal information and ad placements. There are cool ideas like the one-click access but I particularly like the "See your journey" feature, that's pretty neat and totally enhance the booking expectations. I wish we could have seen more of the responsive design or maybe this could have been just a desktop experience?! Nevertheless, it's an overall cool design. Aero - UI/UX and Website Design Booking flights and flying in general can be a completely stressful experience. Most sites bombard a ton of info to users - relevant or otherwise. What if there was a way to use the same processes but without the stress? Here’s my interpretation of what it could be - smoother, calmer, and easier. More Links Personal Site Behance Web Design & UI/UX
Amazon Web Services: Design System
Design Systems, a term that is easily misunderstood among many of us or within the industry. Why? Well, it's because we all have our own conclusions about what is a Design System. I don't personally think there are any right or wrong ways of creating a DS (Short of Design System). I believe that it all depends on what is the scale of the company you are working for whatever that is small or big. This is where the difference should be more affected by. We can go deeper on ABDZ if you wanna know more about Design Systems. Today, we are showcasing the work of Michal Simkovic who worked on the visual design of the design system for Amazon Web Services. Aside from the work itself, I love how he credits his team from the research and UX. I am sure making a design system at this scale is not a "one-solo-show". Congrats to everyone from Amazon Web Services! Amazon Web Services (AWS) is the largest cloud service platform, offering compute power, database storage, content delivery, and other functionality to help businesses scale and grow. Millions of customers are leveraging AWS to build sophisticated applications with increased flexibility, scalability, and reliability. Basically: Half of the internet is down? Yup, that’s most likely AWS. Even right now, reading this case study, you’re using AWS infrastructure. Amazon Web Services is a dream client of every designer. Where else would you get to design so many tables?! It took us almost a year since the inception till the first service (client) onboarding. I was responsible for the visual design. There were many folks working on research and UX part of the project, and folks selling the whole thing up the chain (please see the credits on the bottom, since a lot of them don't have Behance account). More Links Personal Site Behance
UI Inspiration: This week's picks from Dumnoi Ikechukwu, Arman and more
It's that time of the week for our collection of UI/UX designs to boost your UI inspiration. We are focusing on cool animations, layout designs, UX thinking and more. We are mixing it all from static, dynamic and even live prototypes, this might be a great weekly series to bookmark! This week, we are kicking it off with a Workout App screens designed by Dumnoi Ikechukwu and also a clean UI for Restaurant Finder App by Adam Sokołowski. In this collection we are featuring the work from Arman, Dumnoi Ikechukwu, Justin, Adam Sokołowski and more. More Links For more, check out Dribbble Follow my tweets @aoirostudio Follow my pictures on Instagram via Dribbble Design by Dumnoi Ikechukwu Design by Arman Design by Justin Design by Dumnoi Ikechukwu Design by Adam Sokołowski Design by Dipmal Lakhani Design by Sahil Pandita Design by Daria Krav Design by Templates Design by Peter Hamilton Design by Rob Robertson Design by Daniil Lisnyak Design by Bayzid Khan Design by alaisahabim Design by UXD Technologies Design by Tomi | GraphiXaar Design by Beqa Giorgadze Design by Dumnoi Ikechukwu
Mobile UI/UX Design: Perfect Recipes App
Happy Friday everyone! I wanted to end the week with this UI/UX case study by the folks from Tubik Studio, a kickass digital studio based in Dnipropetrovsk, Ukraine. We are showcasing one of their latest projects, the mobile UI design for a perfect recipes app. An application where you will be able to learn to cook by following recipes and also a food shopping experience. What's interesting from this particular cooking app is a concept of an integration with AmazonGo services where recipes can be generated in the relation of what you are shopping on Amazon. This could totally enhance our food shopping experience and becoming more intuitive. Let's be hopeful for the near future. More Links Studio Site Behance More on ABDZ Project Gallery
Web Design & UI/UX: National Geographic World Changing Intuitive Site
We are taking a look at this web design project by Dops Digital, a studio based in Lviv, Ukraine. Their latest project is about either a concept or an upcoming new site for National Geographic. It's an overall lovely design! The idea as and I quote: "...in order to bring people as close to the nature as possible". Built with an 8-Point Grid, the visual approach will be mostly about vertical rhythm to play with the repetitive pattern. It's pretty neat! The team over Dops has done a tremendous job with the interactions, let's a look at the "search" for example. The UX pattern is different from what we are used to. With no input field and a smooth animation to trigger the "search". Along with more features, you should definitely check out the entire project. More Links Studio Site Behance Project Gallery Animated functionalities
Motion Design & UI/UX: Google Home Animations
It's always interesting and inspiring to see what incredible brands like Google is publishing on Behance. Today, we are having a little glimpse at their process into the Google Home App. More precisely at their informative onboarding animations for users when they experience the setup of their devices. What is to retain is the animations are shipped in code using Lottie. What is Lottie? Well it's an open source animation tool by Airbnb. Credits Directed By: Gunner Illustration: Ian Sigmon, John Hughes Animation: John Hughes, Ian Sigmon, Marcus Bakke, Veró Gómez, Nick Forshee Producer: Brandon Delis Music: Bryan Popes It's been crazy to learn that, since launching in 2017, the Google Home app has been downloaded more than 50 million times, and our animations have been implemented across other Google apps, bringing the total installs count above 1 billion. We're honored to have been a part of such a cool project and to have received a Motion Award for the Interactive: UI/UX category. More Links Personal Site Behance Watch the Animation
Super Cool Brand Identity for Coolio Mag
Lino Russo shared a beautiful brand identity and UI/UX design project for Coolio Mag,a new american magazine built from the ethos of popular culture. From creators to curators, influencers and innovators we understand that in today’s world attention is the new currency to brands. Those that generate the most attention, generate the most traffic, which allows brands to monetize. Coolio is the most awesome way of saying cool. Coolio Mag is driven by helping brands craft and execute their brand message to today’s audiences, to make a difference in people’s lives. It believes that through storytelling, we have the power to change lives. And it wants to put that belief into action. Brand’s that fail to resonate with their core audience will fall behind the competition. Coolio Mag believes when you create vibrant online communities around a simple message, you find success. For more information make sure to check out https://www.behance.net/linorusso Brand Identity & UI/UX Design
Playful App Design for Bonarego Tourist Guide
Cuneyt Sen shared a really cool project on Behance for an app design presentation as well as brand identity for Bonarego, a tourist guide application with video & audio targeting today's independent travelers. The reason I like this project is of course interface design but also the way it is shows the features. From the UI point of view there are a few nice touches. I love the organic element it was created and how it is used on certain elements of the UI, like the avatar for example. I also know that there are several issues with this design, one being accessibility with the very low color contrast. For more information make sure to check out http://www.cuneytsen.com/ App design
UI Inspiration: This week's selections from Slava Kornilov, Hristo Hristov and more
It's that time of the week for our collection of UI/UX interactions to boost your UI inspiration. We are focusing on cool animations, layout designs, UX thinking and more. We are mixing it all from static, dynamic and even live prototypes, this might be a great weekly series to bookmark! This week, we are kicking it off with a very cool combination of colours and UI components designed by Slava Kornilov. You should check out another intuitive UI transition by Ning xiao dong about a Wallet App page. Hope this will give you some inspiration! In this collection we are featuring the work from Slava Kornilov, Hristo Hristov, Adam Przybylski, Shaban Iddrisu™ and more. More Links For more, check out Dribbble Follow my tweets @aoirostudio Follow my pictures on Instagram via Dribbble Design by Slava Kornilov Design by Hristo Hristov Design by Adam Przybylski Design by Shaban Iddrisu™ Design by Yuanxu Design by Robert Felizardo Design by Ning xiao dong Design by Abdullah Un Noman Design by Veera Design by QiYang Design by Aleksandr Lunev Design by Netflayo Design by JUST Team Design by Josh Parenti Design by Christian Puga Design by Boja Design by Graphic Assets Design by Alexandr Kotelevets Design by Sunil kumar Design by Yolanda ju Design by Prometheus x GTR Design by Shekh Al Raihan ✪ Design by JONDesigner Design by Giga Tamarashvili Design by Zahidul Design by Divan Raj
Universal Music Group: Redesigning a UI/UX Concept
We are checking out this UI/UX concept by Alexsander Barhøn of the current Universal Music Group site. First of all, I love the UI approach with what he calls it the Acrylic Concept where you will be welcomed with a soft-blurred shapes mixed into sections like events, music, videos and more. I also really enjoyed his interaction design across the project where the transitions are kept rather pretty minimal and smooth as well. Overall, really cool concept! I wish we all had this creative freedom when designing large scaled projects, there is always room for improvements. More Links Learn more about on Alexsander Barhøn Follow Alexsander on Behance Animations/Transitions
UI Inspiration: This week's selections from Bradley Ziffer, BrandBox and more
It's that time of the week for our collection of UI/UX interactions to boost your UI inspiration. We are focusing on cool animations, layout designs, UX thinking and more. We are mixing it all from static, dynamic and even live prototypes, this might be a great weekly series to bookmark! This week, we again stayed away from animations/interactions but we have lots of beautiful UI static interfaces. I really enjoyed this week's cover image of a UI design for the newly IGTV by Bradley Ziffer . In this collection we are featuring the work from Bradley Ziffer, BrandBox, Jason, Rron Berisha and more. More Links For more, check out Dribbble Follow my tweets @aoirostudio Follow my pictures on Instagram via Dribbble Design by Bradley Ziffer Design by BrandBox Design by Jason Design by Rron Berisha Design by Asylab Design by Denis Abdullin Design by Darko Vujic Design by Daiana Design by Nicholas Green Design by Minami Design by Prateek gupta HFI CUA Design by Tran Thi Ngoc Anh Design by Vladimir Rakshâ Design by Davut Şala Design by Alex Banaga Design by Ronald Vermeijs Design by Martyna Kwiatkowska Design by Ervin Halebic Design by Hashan Design by Dalton Design by Yassar Design by Anton Kosarchyn Design by Dejan Markovic Design by Zhenya Rynzhuk Design by Luke Pachytel Design by Minh Pham
UI/UX: Redesigning a new look Wikipedia/Fandom
As we are currently playing with inspiration and concepts of the new ABDZ site and part of the process is to revisit what we love and hate from the current design. Also what can be improved in terms of reader experience as well, the blog has been alive for more than a decade now. We are going on the blog every single day but we have to remind ourselves not to build any bad habits. We are taking a look at the work of Piotr Kaźmierczak and Prowling Wolves. They are both based in Poznań, Poland and their task was to create a new look and feel for Wikipedias article based on Fandom colour scheme. Let's check it out! Credits Piotr Kaźmierczak Prowling Wolves More Links See the full project on Behance
Minimalist UI/UX Design for Avaya
Munseong Yeom and Seongmin LEE shared an awesome UI/UX design post on their Behance profile. It is titled Avaya and it includes much more than just the interface, it's actually a full branding project, including the logo. For this post, I want to feature it more because of the website and the interface, but below you can see the full description of the project. Logo Avaya intuitively shows the viewers about the mountains all over the world. The logo is designed with the motif of the shape of the mountain, expressed by the alphabet “A” in the center, and the vibrating frequency, and consists of the expressions "alive/vibration/young /aim” It intended to express the process of getting out of the repetitive and dull everyday life by feeling the living mountain and constantly reaching the youth and passion. Situation People today easily find and share information through media, such as many websites and social applications.But the social network works by exchanging and spreading the information rather than merely exposing a brand, it takes time to find the needed information. Avaya will gather the scattered information and provide faster and intuitive information.Avaya is believed to be a sharing community that provides information about worldwide mountains and share the reviews by the users. About UI/UX There are functions to search mountains by its name, by location and also about unknown mountains. Each mountain page is composed of card-type content, and it provides basic information including altitude, temperature, traveling route and location, and you also can find photos, videos, and reviews by the users. It has been designed with a simple and optimized design to view the information easier and more intuitive. UI/UX Design
Sleek and Minimalist App Design Concept for Shoeciety
Shoeciety is an app design concept project created and shared by Juan C. Fresno. As you might already know, I am a fan of personal projects. The fact that you take some time from your busy schedule is always something to be celebrated. If someone asked me for an advice, which I am sure no one would be that naive to do so, I would say, try to find time for personal projects. You can practice everything you want and in the end, I guarantee you that you will be better off than when you started. Look at this project that Juan shared. There are just too many things to love about it. From the branding and naming all the way to the presentation. Honestly, this is the type of projects that get me inspired. "Shoeciety" is an app concept designed for shoe lovers. Simple and minimalist design to get a product-centered experience. I know you might say, but there are no constraints, or the fonts are too small, or it doesn't scale. I feel that the point of these types of project, like Shoeciety, is just to exercise and develop your technical skills. For that, you don't need a full-time job or a client, just time. App design concept
AR/VR Design: Reinventing the Musée de la Civilisation experience
What do you think we should post more articles about AR/VR on ABDZ? We don't do it too often, maybe we should. A good example is what we are featuring with some AR/VR design for the Musée de la Civilisation located in Montreal, QC (Canada). Behind the project, we have the work of the amazing folks from lg2 and they have done an outstanding job with the entire experience. The UI is particularly minimal, almost feels like iOS from Apple. I would really be interested to give a tour and experience this new direction for museums of the future. In an effort to provide consumers with more enriched content, the Museum launched the My MCQ app, available for Android and iOS. The app provides its users with real-time access to its various exhibitions, allows them to select their individual interests in order to obtain more personalized content, to consult maps outlining the museum as well as see different exhibitions and their schedules, and finally, to better discover the London exhibit in Quebec by interacting with augmented reality content. It’s not just an app, it’s a valuable companion that serves to enrich the individual Musée de la Civilisation experience. Credits Nicolas Baldovini Vincent Bélanger Mathieu Parent More Links View the full project on Behance Learn more about lg2