articles on

UI Inspiration: Some Fresh UI/UX Interactions

UI Inspiration: Some Fresh UI/UX Interactions

Something we should do more often and not enough; getting immerse into a surf on Dribbble. I just had one yesterday night and I was just impressed about all the amazing work by many talented designers out there. I've put together a collection with a mix of design and interactions for your UI inspiration. Sometimes I do forget how it's great to just get a spike of inspiration for your current workflow or project. It's always needed and adding so much value. Hope you will enjoy this! In this collection we are featuring the work from UENO, tubik, AgenceMe, UI8 and more. More Links For more, check out Dribbble Follow my tweets @aoirostudio Follow my pictures on Instagram via Dribbble Design by Virgil Pana Design by Jenny Johannesson Design by Clara Rua Design by Gene Ross Design by Jenny Johannesson Design by tubik Design by ⋈ Sam Thibault ⋈ Design by tubik Design by Barthelemy Chalvet Design by Divan Raj Design by Leo Leung Design by UI8 Design by Divan Raj

UI Interactions: A Collection to Bookmark by Divan Raj

UI Interactions: A Collection to Bookmark by Divan Raj

Let's finish off this week with a cool collection of UI Interactions by India-based designer Divan Raj. It's a set of exploration and experiments that will cover all aspects of interactions from web design and app design as well. Even though most of us think about interactions near the end of our process, I feel it's always a good thing to have your library refreshed and open to any new concepts. Let's bookmark this one gang! Divan Raj is a freelance designer based in Bangalore, India. You should definitely follow his work and experiments via Behance and via Dribbble. Interaction Gallery   More Links Learn more Divan Raj via Behance Follow Divan's work on Dribbble

Web Design & Branding: Heartbeat Agency

Web Design & Branding: Heartbeat Agency

We've featured the work of MindStudios in collaboration Heartbeat Agency for the Unight App. Now, let's take a closer look at the web design and branding of the Heartbeat Agency. Coming from a background of interaction design, UI/UX, and motion; the folks over Heartbeat Agency has the elegance to work it out by building a simple but engaging digital experience. Heartbeat Agency is a digital startup in design consultance that reign in the field of work of interaction design, UI/UX, motion and branding. Based in Odessa, Ukraine, you should definitely check out their work on Behance and Dribbble. The story of how a digital agency had updated their visual identity Project Gallery   Credits Art Director: Stan Yakusevich Product Manager: Dmitry Lepokhin Designer: Vladimir Gruev More Links Learn more Heartbeat Agency at heartbeat.ua Follow Heartbeat Agency on Behance Heartbeat Agency on Dribbble

Stylish UI Design for Nike SB Concept Project

Stylish UI Design for Nike SB Concept Project

We have featured Side B projects in the past here on Abduzeedo. We like to diversify but they really got me by creating an beautiful UI Design concept project for Nike SB. If you didn't know, I am a huge skateboarding fan. I used to skateboard when I was younger, I still do from time to time. For some reason I stopped but I keep up with the sport by following skaters as well as watching the Street League. If there's one thing that got me into design was skateboarding. The culture, the style and the focus on creativity are very important for a skateboarder in a very similar way it's for designers. Anyway, enough of me talking, check out this super stylish UI design for Nike SB. UI Design Concept  

Interaction Design & UI/UX: Unight Experience

Interaction Design & UI/UX: Unight Experience

Hope everyone have enjoyed a long Weekend with Labour Day. Time to be back and let's start if off with an interaction design and UI/UX of a web and mobile app called Unight. It's a mobile app to help you guide through your city regarding dining and especially nightclubs. For this concept to be fully functional, I would imagine that these locations must be active on the platform. Adding the QR code integration is neat but I wonder if it's still on nowadays. I might be wrong, anyways check it out! Collaboration work between Heartbeat Agency and MindStudios who is web and mobile design studio based in Dnipropetrovsk, Ukraine. You should definitely follow their Behance for upcoming projects related to interaction design. Cool mobile app with direct access to dining and clubbing locations in your city Project Gallery Credits Designed by Heartbeat Agency UX, Business Strategy and Development: MindStudios More Links Learn more MindStudios at themindstudios.com Follow MindStudios on Behance

Interaction Design & UI/UX: Cashtree App

Interaction Design & UI/UX: Cashtree App

We are taking a closer look at the Cashtree App from an interaction design & UI/UX perspective. There is also brand identity involved but let's put that aside on this one. What is Cashtree? With the word: Cash in the app name, you just can't avoid thinking that is related to money. Which is correct since it's an Earn and Redeem Rewards platform aiming users specifically located in Indonesia. It's an interesting approach vs business model since it's based with Pulsa which is prepaid credit for smartphones over there. Give it a look! MinJee Hahm is a UI/UX designer based in Seoul, Korea. Currently working at Cashtree, the project we are featuring today. Looking foward of seeing more of his work in the near future. Cashtree is a digital rewards platform aimed to change the whole ecosystem on the Indonesian Mobile App Market. As a leading online advertising service, Cashtree offers a new way to satisfy both advertisers and customers. By accomplishing missions, playing games, purchasing items, discovering vouchers, exchanging Pulsa and more, people will enjoy an opulent lifestyle through the app. We strongly believe that Cashtree will improve the quality of life in Indonesia more than any other time in history. Project Gallery   Credits Art Direction & UI/UX: MinJee Hahm Creative Design: DaSeul Kim, Muhamad Ridho, Yomi Sunanta More Links Learn more about MinJee Hahm at minjeehahm.com Follow MinJee on Behance

Interaction Design & UI/UX: Sherpahire.com

Interaction Design & UI/UX: Sherpahire.com

An interesting project to share that involves interaction & UI/UX for Sherpahire.com. What is a sherpa? I honestly had to look it up and discover that web design was done specifically for a target audience and for this case as elite mountaineers and experts in their local area. It's an interesting approach since the focal point of the design is all about the search surrounded by a gallery of beautiful imagery. Since the images are part of what's called the center piece, everything else from the typography and micro-interactions are only played as an extra role. Published on Behance is the collaborative work from Alexander Laguta, Kate Laguta, Alexander Aubakirov, Alexei Rezvanov and Andrey Petrunin. All together sharing their expertise in Art Direction to Motion Design. Props to everyone involved. Sherpahire is the unique service allowing travelers to find sherpas and orginize their trekking vacation. We were asked to create a simple and eye-catchy interface allowing to find a sherpa, meet like-minded travelers and get inspired about Nepal as a trekking destination. We have used simple geometrical forms to create general style for Sherpahire brand and easy to follow interface allowing visitor to solve his goal and meet Nepal at a glance. Enjoy! Project Gallery   Credits Alexander Laguta Kate Laguta Alexander Aubakirov Alexei Rezvanov Andrey Petrunin More Links More about this project on Behance

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