articles on

Product Design - Replay Music App UI/UX

Product Design - Replay UI/UX

Replay is a product design project created and shared by Gruev Vladimir. In a nutshell it's a concept project for a music app, as Gruev said, inspired by Spotify, VK, Apple Music and Discogs. There are quite a few interesting ideas and visually you can see clearly the influence of Apple's visual language, especially the shadows and the player screen. That said, it looks a solid exercise where he went all the way designing for desktop and mobile as well as thinking about beyond product design but also branding. Of course it is hard to evaluate a design like that without testing but we always encourage and support this type of effort. Everything that helps us become better at what we do deserves to be shared. Replay finds new music and sends it to your ears. One day I’ve made a shot with player interface. Here I’ve developed its idea into a full product. Inspired by Spotify, VK, Apple Music and Discogs. Product design   Gruev Vladimir is a web designer from Ukraine, passionate about simplicity, usability and everything product design. For more information make sure to check his Behance profile at https://www.behance.net/gruev

Interaction Design: Sing Movie Official Site

Interaction Design: Sing Movie Official Site

I have to admit something, I never enjoyed the official sites from movies. They usually go with a simple (and boring) site with a trailer. Maybe too simple? That’s why we would like to share the interaction design for the official movie of the movie Sing. Loved the fact that the mighty folks from Watson DG decided to create an experience in reflection the movie instead of taking a simpler route. Let’s give it a look! Watson DG  is a digital creative boutique based in Los Angeles, USA. Founded in 2005, they specialize their work into creative and online development from web campaigns to digital marketing. From their portfolio, they have made official sites for movies like: Star Wars: Force Awakens, X-Men and more. . With the SING official site, we aimed to create an experience that would echo this sentiment and foster emotional connections between audiences and the film’s distinctly different characters. An audition section allowed users a small taste into the musical style of each character and upon diving in further, users could explore the personality behind the performer. We integrated a variety of shareable content as well as character-specific Spotify playlists to make each character’s persona shine.  

Booking.com Design Concept

Booking.com Design Concept

booking.com is the one of the most well known websites for travellers, it's a huge company with an amazing team dedicated to bring the best service for their users, this scenario makes hard to propose any suggestion about their UI, but this design concept deserve a special attention, it had study, research and a beautiful final result. Booking.com is the world's largest accommodation booking website. We wanted to give it a fresh, coherent lokk and adjust it to modern design trends. Take a look below in some parts of the project and go to read the full case study on his Behance.

UI Design - Trello Atlassian Redesign Concept

UI Design - Trello Atlassian Redesign Concept

Trello Atlassian is a UI Design concept project for the redesign of the popular service Trello. It was originally shared by the Netguru Team and it's an extensive exercise on how to improve a tool that their team use daily. They also got motivated by Atlassian's acquisition of Trello and that motivated them to think about a complete visual refresh of the product and try to make a little bit "slicker" - as they mentioned. We are well aware that a comprehensive redesign would be based on a host of different factors: business objectives, user needs defined as a result of data analysis, and so on. We were not aiming at a total overhaul of Trello – we focused exclusively on Trello's visual experience, bearing in mind all the limitations of such approach. The project was created by Anna Klawikowska, Michal Parulski and Serge Soskowiec. They are designers from Poland and part of the Netguru Team. Their work range from graphic design, typography and UI Design. I highly recommend you to check out their Behance profiles for the complete portfolio. There's really inspiring work. UI Design A Trello board is a list of lists, filled with cards, used by you and your team. It’s a lot more than that, though. Trello has everything you need to organize projects of any size. It works in real-time. When somebody moves a card, it moves on your board instantly, no matter what device you use. You can keep your tab open all day and never have to refresh. Plus, Trello opens and loads so fast you won’t even notice. - via Trello.com

App Design: inMuseum Experience App

App Design: inMuseum Experience App

This Weekend, I was able to enjoy a free admission at the MBAM (Musée des Beaux Arts de Montréal) and go through its art exhibits filled with beautiful pieces. During my walk, I thought about my own experience and how we can enhance it especially knowing with the possibilities of technology nowadays. We are featuring a project with Ekrem Ates and Muzaffer Akay and their inMuseum App. What I adore the most about this project is not the UI but the part where they show the phase beyond the structure of the experience. I also liked their approach of making the UI based on cards for responsiveness, also with usability and mobile gestures. Published on Behance  by Ekrem Ates and Muzaffer Akay who are designers based in Istanbul, Turkey. Superb work about what they have done on making inMuseum app where you can facilitate your own experience and mostly at your own pace.   Credits  Ekrem Ates Muzaffer Akay

Interaction Design: Fangry Food Mobile App

Interaction Design: Fangry Food Mobile App

We would like to share this interesting project of an app called: Fangry Food, it is a cooking app with the geniality of telling the app what’s in your fridge so they can come up with a range of recipes depending on the difficulty, popularity, calories and etc. It’s quite a great idea actually and I do feel that the interaction design behind the app is intuitive and easy-to-follow. I have some questions raising up while scanning this project like how mostly the backend can respond to all the variety of elements of food that exist for example or how does it come up with different cooking steps depending on your ingredients. I loved the detail of having the button: Order Pizza, that was hilarious. Artkai Design Studio  is a studio based in Kyiv, Ukraine. With a talented team of designers, creative director and UI/UX, it’s really great to see them creating and making something quite useful for our quick daily routines full of things where sometimes food comes last. When you are hungry you don't want to waste your time. Neither do we. Jump in quickly to the app.   Credits Founder & Lead Designer: Art Tsymbal Creative Director: Kos Chekanov UI/UX: Olga Levytska

Website Redesign - Schüco

Website Redesign - Schüco

Schüco is a website redesign and UI/UX project created and shared by Alexey Ivanov. There's a lot to love on this project, from the minimal approach with big and bold typography to the beautiful imagery that they used. I am a fan of architecture so the photos and the type of layout works incredibly well in my opinion, take a look after the break. In the last couple of weeks, i visited the site Schüco, and realized that this company’s website is outdated and requires a redesign. The site should follow the new visual identity of the web redesign concept: minimal, fresh, user-friendly. The analysis was made to make key changes such as: Improve site navigation, Freshen the look, Introduce new interactive features to the site, Correct structure of the site, Fix the technical components of the site. Website Redesign About the designer Alexey Ivanov is a designer from Fargo, North Dakota in the US. He has over 5 years of experience in web design and likes to create stylish & creative web and graphic design projects

Weather Buluttan - UI/UX

Weather Buluttan - UI/UX

Weather Apps some will be a perfect fit for you and some won’t. To me, it’s an app that I use every single day, knowing the weather for your daily activities or even prepping your drive around town or your destination. Pretty useful! We are showing the work from Cüneyt Sen who is an Art Director based in Istanbul, Turkey. I really dig the UI work from Cüneyt and his usability to create a friendly user experience as well. From this design, I really enjoyed what he did for the colour palette with the gradients but mostly the subtle detail about swiping through different sections.   More Information: http://www.cuneytsen.com.

Desivero - UI/UX

Desivero - UI/UX

In our line of work, we would all wish to work for that certain dream client, I am more into believing there is no such thing as a dream client; as long as you love what you do. It might sound a little bit cheesy but It’s the way I do feel on the matter. I keep telling my clients that our job as a designer is to revamp your brand, your products AND to make famous. Again totally cheesy saying but if they are successful because of your work than it all that makes me happy at the end. Let’s take a look at the work of Andrea Montini and his project called Desivero and it’s a digital platform which offers plumbing and bathroom furniture products and services. It’s a very corporate subject but I liked Andrea’s thinking behind the hierarchy of the homepage. It’s quite informative about the brand itself, what do you think? Desivero is a digital platform which offers plumbing and bathroom furniture products and services. It's an e-commerce platform where people can get assistance on products, like installation of products bought on the website, maintenance and repair. It's actually active in Padova, Italy for launch purposes but it aims to be expanded nation-wide.   More Information: http://www.andreamontini.me.

Product Design: World Surf League Apple TV

Product Design: World Surf League Apple TV

World Surf League Apple TV app is a product design concept created and shared by Luis Vaz. If you are a fan of professional surf, like me, you watch all the events of the season via the WSL (World Surf League) app and cast to a TV. It would be wonderful having a proper TV app that could take advantage of the medium to provide a immersive experience. Luis did that with his concept project. Despite the theme being a bit too dark I love the elegant typography and the useful way he display the content. This is a concept test and WIP for a new WSL Apple TV App focused on improving the experience of WSL live stream and events info. The world wide interactive map is the core of the navigation and the events page are now upgraded with important and contextual information as well as the possibility of accessing all content from previous heats and events easily. Product design The World Surf League is a governing body for professional surfers and is dedicated to showcasing the world’s best talent in a variety of progressive formats. It was known as the Association of Surfing Professionals from 1983 to 2014. About the designer Luis Vaz is Owner and founder of Canvaz Design Studio. Working with big clients like with Stack.com (Creating Mobile apps for top athletes like Dwyane Wade and Adrian Peterson and web interfaces for Coaches) with personal projects and startups like Breeze (surf forecast made simple), Onebiller (one stop shop for all your bills). Niiiws (Newspaper aggregator) and Muchbeta (Saas company). Graduated in Advertising with a post-graduation on multimedia and a special focus on UI and UX gave me the possibility to have several apps on the market and featured by Apple. Recently launched a small surf research and development lab http://www.tailsandwhales.com For more information check out http://www.canvaz.io/

Product Design: Listener's Playlist

Product Design: Listener's Playlist

Listener's Playlist is a product design project shared by Anzi. It started on Facebook as a group where friends would share their favorite music. It evolved to a complete app that uses SoundCloud API. There's also a lot to love in terms of design, very minimal and simple with huge focus on the content. In addition, I could highlight the bold typography. It's quite elegant and despite the fact I don't like the hamburger menu, the design of that screen is quite beautiful. Another detail that adds a lot of value is the sound waves animation that divides the content. It was quite clever and adds those little moments of delight that captivates user's attention. Product Design About the designer Anzi . is an art director from Seoul, South Korea. For more information check out http://anzi.kr/

Cloqk - UI/UX

Cloqk - UI/UX

We would like to share this UI/UX project by Alexander Shmelev and Ania Shmeleva who are based in Moscow, Russian Federation. With many independent watch companies out there, to stand out of your brand, you need to have a different approach as always and at the same time giving the best user retail experience possible. We are taking a closer look at the design of Cloqk, a modern and exclusive watch retail concept created by Kamilla Lee. I just liked how the photography attracts your attention but at the same time you know that the company are about watches. Super clean! Cloqk is a modern and exclusive watch retail concept created by Kamilla Lee, Russian premier luxury watch company. Especially curated to cater to the younger generation of watch aficionados in Russia, Cloqk features a collection that includes some of the best luxury watch brands in the world including Instrmnt, Zenith, Creme and Baume & Mercier, amongst others. Credits   Alexander Shmelev Ania Shmeleva More Information via Behance.

Interaction Design: Ripple News

Interaction Design: Ripple News

Ripple News is a interaction design project shared by Ales Nesetril, Pavel Zeifart, STRV Team and Katka Pot. It's a news product that has a strong focus on the local and the belief that everyone has a story. It has a simple and efficient UI bring the content to the front as we would expect from a news app. I also the way the project is presented on their Behance profile as well, that's always a good sign :) Ripple News amplifies important stories from cities around the world. Launched in San Francisco and Oakland in February 2016, and are currently expanding to New York, London, and Cairo. Building a global community of storytellers and journalists, who believe that everyone has a story, especially the quiet ones. It's mission is to uncover untold stories, and strengthen communities by sparking thoughtful conversations. Ripple - redefining local news with local storytellers. Interaction Design

The Met - UI/UX

The Met - UI/UX

We would like to share the work from Anton & Irene on what they have worked on their digital redesign for theMet which is the second largest museum in the World. Getting numbers like 33 million visitors last year is huge so the stakes are pretty to create a seamless user experience both on Mobile and Desktop. It was a work collaboration with other teams from program management, development and Anton & Irene on the UX and designing components. After some surfing on the live site, I just love how the branding and design guidelines just made sense (font, sizes and colours) and flows very well during scroll. Also how fluid it is on your mobile experience as well, like having a darker selection to indicate a selected state from the buttons. Give it a look as well at metmuseum.org. Digital Redesign for the Met, World's Second Largest Museum   More Information: http://antonandirene.com.

Watch Dogs 2 - Art/Game Direction

Watch Dogs 2 - Art/Game Direction

With the craziness from today’s Black Friday (Happy Friday!) and the email spam! While some of you including myself have been surfing the deals, I decided to take a little break and shared this project from the folks over Ubisoft about the game: Watch Dogs 2. I haven’t personally tried the game but it looks like a greater version from the first one who was revolutionary for many of us. We are featuring an interesting case study where Alexander Karpazis along with his team will take through their iterations for this new game. Hope you will enjoy!   Credits   Art Director: Mathieu Leduc In-Game Branding Team: Nicolas Fortin UI Graphic Team: Anca-Nicoleta Albu UI Graphic Team: Laurent Gaumer UI Graphic Team: Noreen Rana UI Graphic Team: Samuel Leblanc Video Graphic Team: Achim Schumacher Video Graphic Team: Joanna Goldman Video Graphic Team: Louise McDonald Video Graphic Team: Pierre-Guilhem Roudet Video Graphic Team: Pierre-Olivier Nantel More Information via Behance.

Vodafone Soundbox - Branding & UI/UX

Vodafone Soundbox - Branding & UI/UX

We are taking a look at a case study of a rebrand for Vodafone Soundbox and we have to be clear that the goal target audience are for people from the range of 16-24 years old. Why am I saying that is because it’s always a great factor to know for what is your target when designing with a thinking in mind. From this rebrand from Kash Singh who is a designer based in Bedford, UK; you are taken with a gradient-based colour scheme as a base with dual tones. What I like the most about this design is the masonry grid happening on the homepages both on the app and website, it makes it colorful and inviting to browse. There’s some elements where I feel there will be a need of more thoughts but overall this is great! What do you think? The Brief. We were tasked with a brief to rebrand the Vodafone music service to target the audience between the ages of 16-24. The Solution. We began by looking at all of Vodafones current services, sponsors and advertising. We immediately felt that within all these sectors, apart from logo and colours, there was no real connection to anything. On the basis of our findings we decided to rebrand the service as a separate brand under the name Soundbox. This gave us leeway to be able to rebrand from scratch using colours, type styles and imagery that can be more associated with the target audience. Also during our research we saw that many people, even beyound our target audience, are often attending music festivals with many electronic based artists. This gave use the structure of the rebrand by using visuals to represent the electronic music scene/rave culture. Brief set by Richard Holt of Brand Union. More Information via Behance.

Rendered by Adobe - UI/UX

Rendered by Adobe - UI/UX

We have featured the work from Serge Vasil who is a Senior Designer and Art Director currently based in San Francisco, California. He recently got to work with Adobe on making a fictitious digital arts exhibition by using Adobe Photoshop and Dreamweaver on making the branding and website. I simply love the use of really colorful and vibrant gradients and one detail I even dig even more is the gradient use for the minimal mockup shapes. It’s really neat and hope you will enjoy it too. I am happy to share new work for Adobe. Rendered represents a fictitious digital arts exhibition. I was commissioned to design the branding and website for Adobe to showcase features of the new Adobe Photoshop and Adobe Dreamweaver from the recently released CC 2016. Credits   Images by: Ari Weinkle, Anja Mewes, Ana Gomez Bernaus, Črtomir Just, Alex Diaconu, R4dn Studio, David McLeod More information: http://sergevasil.com.