articles on

Web Design & UI/UX: Explore the Moon

Web Design & UI/UX: Explore the Moon

Starting the week with a Web Design & UI/UX project that is more of a concept by Moscow-based 108 Studio. Let me rephrase this by saying that the concept is pretty detailed and going in-depth about our beloved Moon. With the monotone background and contrast, I just love the micro-interactions for the image carousel and button clicks. It truly enhances the whole desktop experience. 108 Studio is a web design & development studio based in Moscow, Russian Federation. We are looking forward to see more from them, give them a follow on Behance. 'Explore the Moon' from 'Moon Science Museum' is a project that collects information about our planet Earth’s bewitching and lonely natural satellite — the Moon. This glowing ball in the night skyline stores a lot of mysteries and riddles, that are yet to be revealed. Photo Gallery   More Links Follow 108 Studio on Behance

Minimalist Design for Nike Desktop and Mobile Concept

Minimalist Design for Nike Desktop and Mobile Concept

I am a fan of minimalist design and the work that Anton Skvortsov shared on his Behance profile for a concept idea for what the Nike store could look like on desktop and mobile is an amazing example of minimal and elegant. It's hard to evaluate minimalist design when it comes to user testing. Some users might always prefer density rather than focus on less. It's okay, but some companies can definitely afford that and Nike is a great example of one that I think it could work. Below you can see some images and a bit of the process. There's a lot to love about this project, especially the web version. The grid the nice navigation, I also have to point that the designer didn't take in consideration different display sizes and resolutions. In my opinion the text size is extremely small as well, almost to the point that I don't know if it could be readable, especially on mobile. That said, I think there's a lot of good ideas here and they definitely inspired be for some changes on the Abduzeedo redesign I am working on. In visual arts, music, and other mediums, minimalism is a style that uses pared-down design elements. Minimalism began in post–World War II Western art, most strongly with American visual arts in the 1960s and early 1970s. Wikipedia Minimalist design Anton is a UI/UX and web designer from Russia He has other really cool projects like this on his portfolio and I highly recommend that you check it out. For more information make sure to visit: Dribbble Facebook Pinterest Instagram Twitter

Interaction Design & UI/UX: Kickstagram, an Instagram Marketing Tool

Interaction Design & UI/UX: Kickstagram, an Instagram Marketing Tool

Let's take a look at this interaction design & UI/UX project from the folks over Bachoo Design Studio. Their project is called: Kickstagram, an Instagram Marketing Tool. We've seen many Instagram tools out there but a lot of them lack features that will actually make us use it even more. If you remove the UI aspect from Kickstagram that is simple and clean. I liked the features that complement the application as well like Drafting & Posting and especially the Drag & Drop Scheduling is a neat idea. Bachoo Design Studio is a design team located in Kyiv, Ukraine. They would mainly work into web design, graphic design, UI/UX and more. You should definitely follow their work on Behance. Photo Gallery   More Links Check out Bachoo Design Studio's site bachoodesign.com Follow Bachoo Design Studio on Behance

Concert.ua IOS App UI Design

Concert.ua IOS App UI Design

Concert.ua IOS App is a concept UI design project created and shared by Iana K and MEAT Studies on their Behance pages. The best thing for me with the new trend of UI design for mobile is the level maturity that the design is getting. We had phases full of textures and faux 3D, then we went to the super thin or light fonts and now we finally are getting to a point that is simpler. Bold when it needs to be and with an much more clear structure and contrast in typography. The new iOS 11 is a great example with big and bold titles. This project bring some of that, check it out. Concert.ua is a concept of a ticket selling app with lightning-speed purchases and effortless interface. UI Design  

Interaction Design & UI/UX: Pay App Concept and Prototype

Interaction Design & UI/UX: Pay App Concept and Prototype

We would like to share a simple and yet great enough interaction design and UI/UX of an Pay App Concept and featuring a prototype using Framer. Designed by Seoul-based Jaewoong You, what's interesting here is the language. Instead of having expressed a standard english, I think what is shown here is Korean. I also liked the use of button as toggle to trigger different cards and options. Jaewoong You is a UI/UX designer based in Seoul, Korea. There isn't much more information about Jaewoong but I would suggest to follow his work on Behance. Photo Gallery   More Links Follow Jaewoong You on Behance

Interaction Design & iOS Design: Dribbble Redesign Concept

Interaction Design & iOS Design: Dribbble Redesign Concept

You know how we feel about redesigns on ABDZ right? It's always a good thing to take a look at them and see what was the general thinking behind each concept. What was improved from the actual product. That way, you can definitely have a better idea. It is for this redesign concept for Dribbble that involves interaction design and iOS design. Designed by Vietnam-based designer Tran Mau Tri Tam, we are introduced to a simpler UI. I think what was the most interesting feature highlighted by Tran was Custom Tabs where you can organize your own tabs. A simple feature that can increase the overall user experience. Tran Mau Tri Tam is a UX/UI designer based in Ho Chi Minh City, Vietnam, he is also an exclusive elite author over at Envato Melbourne. You should definitely check out his latest work via his Behance. I decided to challenge myself make a small concept that would let you know what I would like to add into Dribbble iOS App's features. I also redesign almost visual interface what may make Dribbble looks better, at least for me Concept Gallery   More Links Follow Tran Mau Tri Tam's latest work on Behance

Interaction Design & Motion: Defind, the Word Finder App

Interaction Design & Motion: Defind, the Word Finder App

We are taking a look at this interaction design & motion project of the iOS app called: Defind. What is it? It's an app that will search of word for you by you defining its definition. The concept might be useless to some but I liked about this project is about its execution, flow, motion and overall UI design. Designed by Alex Pluda, the app is taking through different sections to find that particular word from research, synonyms, translation and more. Alex Pluda is working as general manager at A Maza Inc where he focus his work into interaction design, UI/UX and graphic design. You might have recognized his Barry the Touch Bar project, check it out via his Behance. How many times it happens we can’t remember that word we need. This time has come ti an end (almost). Defind helps you to remember any word just by typing a definition.   Links Make sure to follow the latest from Alex Pluda on Behance

Interaction Design & Art Direction: The Refugee Nation

Interaction Design & Art Direction: The Refugee Nation

An Interaction Design and Art Direction for Refugee Nation by Justin Au. I don't know if you guys remember at the last Olympics, we've witnessed a team of refugee athletes compete in the games. A first in the history and since they had no official "home" to call their own, no anthem and no flag. A flag of the "Refugee Nation," created by Syrian refugee was orange and black, to represent the life vests the athletes wore as they set off in boats for a better life. It's quite a beautiful story, I would definitely the full project via his Behance. Justin Au a designer and an art director working at Ogilvy & Mather New York. Currently based in Brooklyn, you should definitely follow his Behance where you'll find work for IBM, 36 days of type and more. Video Bringing the world together to support Refugees. For the first time in Olympics history, the games saw a team of refugee athletes compete in the games. But unlike other competitors supported by their nation countries, these champions had no official "home" to call their own, and thus, no anthem and no flag. The flag of the "Refugee Nation," created by Syrian refugee Yara Said, was orange and black, to represent the life vests the athletes wore as they set off in boats for a better life. Another Syrian refugee, composer Moutaz Arian, created a wordless anthem to convey a universal message of love and hope. The Refugee Flag has since become an international symbol of welcome and inclusion. It is hoisted all over the world by different people, organizations, and even countries as a sign of solidarity in support of refugees. I was tasked with designing a web experience that captured and explained the idea behind the flag and all that it stands, to visitors from all over the world who may have stumbled upon its colors.   Links Follow Justin Au on Behance

Mobile Application & UI/UX: A look at Pay & Go Wallet App

Mobile Application & UI/UX: A look at Pay & Go Wallet App

I am not a true believer of fancy mockups when reviewing a UI/UX project, what's more, interesting is the process behind its concept. The user flow, the wireframes, and the actual UI are all part of it all. Let's take a look at this mobile application of an app called Pay & Go. Designed by the folks at Meat Agency, their goals were to basically change your payment behaviours. Meat Agency is a studio that specialized in product design where they have worked with startups and brands on researches, prototyping, copywriting, branding, visual design for web/interfaces and all kinds of development. Pay & Go is an electronic payment platform, that helps everyone on the everyday needs It saves your time and gives a piece of mind for the periodic and instant payments of your life. Basically it changes your payments behavior.   Links More information about Meat Agency: meat.agency Follow them on Behance

Mobile Application & UI/UX: Tooway App

Mobile Application & UI/UX: Tooway App

I am always interested in what people come up with mobile applications. Having the knowledge of creating an app is one but having that special idea that will bring it to t a whole level is two. Let's take apart the conceptual mobile app by Hyemin Yoo and Taehee Kim who created what they called: Tooway App. Overall, I think the design looks great, the small details are quite effective and make me appreciate it even more. Personally, I think the concept is a bit over the top (in my opinion) but it just works for the right reasons and goals. Hyemin Yoo and Taehee Kim are both designers into UI/UX. With a similar profiles in range as skills and courtesy; they have merged their forces into the concept of the Tooway App. The TOOWAY app service was created to help people with making decisions. Users can vote anonymously on whether they think a choice might be right or wrong and, in the same way, post a problem to be evaluated by fellow users. On a more casual note, TOOWAY was also made to share opinions on curious everyday occurrences and more trivial events. By using a specific hash tag, it enhances accessibility. the main design concept was set to be minimalistic and easily accessible, but there was also a focus on making the interface emit a cozy atmosphere.   Credits Hyemin Yoo Taehee Kim More on the project via Behance

Interaction Design & Illustration: Domino's PizzAPP

Interaction Design & Illustration: Domino's PizzAPP

Domino's PizzAPP is an app where you can order your pizza by reading the traditional menu, by selecting each ingredient to create your own pizza, by experiencing the most innovative ways to order: Pizza Match and Lucky Pizza. Currently available in Italy, this is the work from the folks over Alkemy. The interaction design is putting a delicate and characteristic touch to the micro-interactions meanwhile the addition of the illustrations adds an overall simple approach for a very friendly experience. Alkemy is a studio based in Milano, Italy. Where they will work in the fields of Consulting, e-Commerce, Creativity & Brand Strategy, Social Media, Content, UX & Design, Media & Performance and Technology. Make sure to check out their site at alkemy.com. An unexpected experience is not only a foreign brand making pizza with Italian ingredients but also a mix of experiences that people can live thanks to Domino's Pizza. And thanks to this App.   Check out Alkemy's site: alkemy.com

Web Design & UI/UX for the God of War 4 game

Web Design & UI/UX for the God of War 4 game

Last week, they announced at E3, the very next instalment of the game God of War 4. It's pretty exciting and stunned to witness their latest game to a newer console knowingly that the last game was dated from 2010! Aside from this release, we are looking at the work of Rolf Jensen on the web design and UI/UX (a year ago) in collaboration with Real Pie Media and Sony Interactive Entertainment. It's quite a lovely overall design. We are looking at the work from Rolf Jensen who is an independent design director based in New York, USA. Working mainly in art direction, web design and interaction, you should check out his Behance for more of his work. These are some designs I created almost a year ago for Real Pie Media and Sony Interactive Entertainment. I wasnt allowed to put them on display publicly until now, so it's been a while. I've tried to capture the essence of the hyper detailed in-game 3D renders instead of promoting pre-rendered stills with studio post production. Here it goes!   Check out Rolf Jensen's site: rolfjensen.no Follow Rolf on Behance

Website and App Design: Mileage Tracker

Website and App Design: Mileage Tracker

An app design that combines a user-friendly interface and at the same time giving a smooth experience sounds about right. If you know how this kind of apps are usually is boring with infinite dropdown scrolling on mobile. Meanwhile with this Mileage Tracker that can easily track your mileage and also providing an easy and minimal approach to simply put it on top. Last thing is the micro-interactions for the app for the "drives report" is kind of clean and intuitive with the swiping. Dtail Studio is a studio that specializes in Product Design & Visual Identity based in Irvine, California. They also work in UI/UX design, Identity, Mobile Apps and Web Design for Startups and Businesses. Check out their profile on Behance. Mileage Tracker Website & Application Design Project Gallery   More Links Check out Dtail Studio's site: dtailstudio.com Make sure to follow Dtail Studio on Behance

Interaction Design & UI/UX: InSymbiosis Website

Interaction Design & UI/UX: InSymbiosis Website

And yet another Interaction Design & UI/UX for you guys today. This time is the work from Phoenix the Creative Studio based in Montreal, QC for InSymbiosis. They are a pharmaceutical company and boy we know how most of them are looking pretty boring and unfriendly. Well, it's not the case with this one. In a universe of what is sexy, original and scientific; what I love the most about this design is the hamburger button. I know what we all think about this button but this treatment is quite genuine and playful. Worth a look! Phoenix the Creative Studio is a studio based in Montreal, QC, Canada (Yay!). They are focusing their work into emotions, interactions; create brand experiences that engage people. Breaking standards in the goal to connect people together. InSymbiosis is a pharmaceutical company that assists in the development of new medicinal drugs. The company acts as a mediator between the client and the research and marketing team. Far from the austere and dull look of the medical world, we created a universe both sexy, original and scientific. We wanted a fresh and innovative website that offered a friendly vision of the pharmaceutical world. Our team, which was keen to leave behind the typical illustrations of pills, microscopes and white blouses, turned to the theme of the aquatic and microscopic universe. Numerous animations populate the website; in particular molecules and anemones created in WebGL which interact with the user in a floating movement. Project Gallery   More Links Check out Phoenix the Creative Studio Site: phoenix.cool Follow Phoenix Studio on Behance

Web Design & UI/UX: Bodyport

Web Design & UI/UX: Bodyport Start-up

Let's take a look at this superb web design and UI/UX project from the mighty folks from Anagrama and their work for Bodyport. They are a San Francisco based start-up dedicated to the development of at-home cardiovascular monitoring technologies at the reach of everyone. The whole UI across the identity and web design has been made to be easy and friendly to follow. I loved the micro-interactions from the header to icons, it's pretty neat. I personally wish there was an additional colour to balance the contrast but that might be just me. Hope you like it! Anagrama is a studio based in Mexico City. They focus their work into branding, graphic design and packaging. We have featured their work before on ABDZ, give it a look! The website's objective aims to educate the user about Bodyport's technological attributes through simple and friendly graphical representations on an informative tour. The identity system manifests around the navigation while the visual breaks and interaction strengthens the content and communication with the user. Project Gallery   More Links Check out Anagrama Site: anagrama.com Follow Anagrama on Behance

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

What is the best Prototyping Tool for you?

What is the best Prototyping Tool for you?

What is the best prototyping tool out there? We have asked that question to ourselves and between us many times. The answer is simple, there isn't one. All the tools out there have their own advantages and disadvantages, the question is which prototyping tool works the best for you? One thing though, we are living at an incredible time and grateful to have so many great tools at our disposal to increase our workflow, achieve better results and collaboration. Maybe it's just about having your own list of criteria to tackle down. I've tried a lot of prototyping tools and still haven't touched the surface of what's out there. During the past couples of years, I have tried Axure, Marvel App, UXPin, Atomic and more. Let me breakdown three prototyping tools that worked pretty well for me and my design needs. Remember there isn't such thing as one "best" tool that rules them all. Ask yourself questions on the pricing, what it could do on short terms and long terms, what platforms you wanna work on and even what is my workplace is currently using. Remember there isn't such thing as one "best" tool that rules them all. Sketch + InVision InVision I love InVision! For many reasons too, but I feel where InVision shines is the fact you can do-it-all under one roof when combined with Sketch or Photoshop. For my case, I use it with Sketch and combined with their plugin Craft. Together into a very powerful tool for the mood-board, prototyping, syncing, free hand (neat!), user-testing and more. Along with their tool, they are pretty active within the community with their blog, announcements, and famous newsletter! They keep adding new features for us to discover which makes them a game-changer in the industry. Price Free Principle for Mac Principle for Mac Another tool that I really do enjoy and it's Principle for Mac. Right off the bat, I love the fact that you're off a pricing of a monthly plan, you purchase it once and it's yours forever. What's neat with Principle for Mac is that you can record your prototype then export it as a video or animated GIF. We know how important it is and cool to be able to share your process as a GIF! Another thing that I feel work pretty well with Principle for Mac, you don't need an internet connection to work on this tool. Being offline can increase your productivity instead of relying on a fast connection. Price $129USD Framer Framer We have recently featured Framer Design on ABDZ and they highly have the potential to change the game in the near future. Their latest integration of a smart graphics tool and now simple code editor together combines into a very powerful tool. From the auto-layout functions on the interface design to the power of code-based prototyping to the masses. I ordered my copy and I'll play with it and shares my thoughts on the next article. Price $15USD/per month Voilà! Cheers to another quick roundup, hope this will help you to refine your design process. We all have the same goals to achieve greatness and still enjoy ourselves too. Also, it's never too late to learn new things and discover tools that change your workflow for the better. More Links Follow my tweets @aoirostudio Follow my pictures on Instagram