articles on
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
UI Inspiration: This week's selections from CANAAN, Adrian van Os 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 decided to go all over the place with web designs, app designs and some interactions. During the buzz of the World Cup, check out this very cool animation from Leo Natsume. In this collection we are featuring the work from CANAAN, Adrian van Os, Kyle Troutman, Curtis Lee and more. More Links For more, check out Dribbble Follow my tweets @aoirostudio Follow my pictures on Instagram via Dribbble Design by CANAAN Design by Adrian van Os Design by Kyle Troutman Design by Curtis Lee Design by bouchra Design by Mahady Hasan Rony Design by M Rizky Edriansyah Design by Matt Wojtaś Design by Anatoly Design by Kerem Suer Design by Olga Suhinina Design by Tolik Nguyen Design by Giga Tamarashvili Design by Leo Natsume Design by Eddie Lobanovskiy Design by Cuberto
UI Inspiration: This week's selections from uixNinja, Nischal Masand 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 went all awed with mobile transitions and animations. We took also a particular approach for micro-interactions, those that you wouldn't necessarily notice but they are there to enrich the overall user experience. Hope you will enjoy this collection! In this collection we are featuring the work from uixNinja, Nischal Masand, Tushar Saini, Rafzin p and more. More Links For more, check out Dribbble Follow my tweets @aoirostudio Follow my pictures on Instagram via Dribbble Design by uixNinja Design by Nischal Masand Design by Matt Hardy Design by Tushar Saini Design by Rafzin p Design by Templates Design by Irina Lensu Design by Abhishek Jha Design by Kazi Mohammed Erfan Design by Kris Anfalova Design by Naveen Nagar Design by Hoang Bin Design by uixNinja Design by Shreyas Bendre Design by Lucas Bordignon Design by Marin Begovic Design by Johny vino™ Design by Jabel Ahmed
WWDC 2018: Our Highlights on Apple's Developer Conference
Here I am, just finished watching Apple's keynote at WWDC 2018 Conference. It was fun to see what Apple has been working for the past year, some really cool updates coming to the iPhone and iPad, Mac, Apple Watch, and Apple TV. We have decided to share our highlights on Apple's Developer Conference, so you simply won't have to watch the keynote again hah! In all seriousness, I love the part where Apple spoke about privacy, about them working tirelessly to create a seamless experience. This is music to my ears and it will be interesting to give it a whirl. Now let's break it down! Announcing upgraded operating systems for iPhone and iPad, Mac, Apple Watch, and Apple TV. We’ve packed them with new features and experiences, so with a simple update this fall all your devices will feel more powerful, personal, and fun than ever. More Links Learn more about the WWDC 2018 Announcement WWDC 2018 iOS New Features This is where I have been putting more of my attention and at the same time noticing so many cool updates. To be honest, I have a feeling that Apple has been learning a lot from its competitor (Android) even though they mentioned that iOS has the fastest software OS adoption than Android. From introducing a new file for AR called the USDZ, I particularly loved the app called: Measure where you would use to phone to measure things in real-time through AR. Apple introduced another new app called: Shortcuts where you will be able to direct a series of actions through this app, all triggered by setting your own keywords with Siri. It's pretty impressive, imagine with just a few words, Siri can set up your home thermostat, your home commute and even play your favorite playlist. It's super intuitive, might be interested to give it a try myself. Just like Google, Apple has acknowledged the fact that we spend a lot of time on our phones and it's becoming quite distracting throughout our daily life. They have improved the Do Not Disturb Mode for your bedtime and also you can set up your DND Mode by setting it up with a timer or whenever you are leaving your actual location. For the same occasion, Apple is finally releasing the Group Notifications, with a swipe you can now triage a whole bunch of notifications away. New iOS 12 Introducing Memojis The cool stuff hah! We have to see this type of Emojis before with Samsung but no one does it like Apple. With iOS12, you can now customize your own Emojis, now called: Memojis. It's fun but again how long you wanna spend time on your phone Memojis Group FaceTime That's a cool feature coming to iOS12 where you will be able to use Group FaceTime up to 32 people simultaneously. That would be video conference a lot funnier, not sure about productive though! One thing though, the UI for this new feature has been giving a lot of think about their approach. It's a nice touch to see the person's window getting larger as they talk but I think we would have thought about something a little bit more visual. WWDC 2018 WatchOS New Features Not a lot of people were too crazy about the latest updates on WatchOS, I personally liked the new app entitled: Walkie Talkie where you simply communicate to another Apple Watch user by simply pressing the Talk button. Great onboarding for adding a new contact/friend. WWDC 2018 MacOS New Features WWDC 2018 Dark Mode! Some little thing are coming to MacOS but the most noticeable change would be the introduction of Dark Mode. You gotta admit that it makes everything look even more gorgeous. This might be my most exciting feature to come on the next MacOS. WWDC 2018 Most of the updates were mostly software NOT hardware. It's mostly to be expected when you are attending the WWDC which are for developers. I loved those little updates, nothing too crazy but enough for us designers to start to think about different things related to our workflow. Hope you have enjoyed this coverage. More Links Learn more about the WWDC 2018 Announcement