articles on

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.

Ajax Brand Site - UI/UX

Ajax Brand Site - UI/UX

First of all, this is not a site about the programming language but there is actually a name of a product called: Ajax Systems. Aside from the very common product name, we are taking a look at the design and art direction work by Iurii Lence. He is based from Kyiv, Ukraine and he is also the Head of Design over Ajax Systems. Being part as a current member of the jury board on theFWA, lurii has been awarded in the past with by Red Dot, theFWA and Awwwards. As for Ajax Systems, we are taken on dark theme site with micro-interactions, they seems to be more trendy as of late. Subtle interactions that doesn’t bother the users but do add a smoother experience. More information about Lurii via Behance or see the site live at http://ajax.systems.

NEXT Music Player App - UI/UX

NEXT Music Player App - UI/UX

We’ve been seeing many app designs but we rarely see design with multiple languages. It’s quite a challenge! Knowing what languages will be use in a site or a specific app can drastically change the looks and how it can affect the user experience. Imagine for a case that you are changing the language and the font or characters is taking more width or even the height. How would you solve this issue? Let’s take a look at the work by Alan Lu and his project called NEXT. It’s a music player with playback controls, smart playlists, music sharing and more. What I do appreciate about this project is Alan took the time to implement the little details. As we all do know that is all about the details.   This is my recent project. NEXT is a music player with gesture-integrated playback controls, custom / smart playlists, and music sharing. With NEXT you can turn your music into beautiful graphic art and share your unique creative design on the go.   More information via Behance.

Fran Silvestre Arquitectos - UI/UX

Fran Silvestre Arquitectos - UI/UX

With all the different UX guidelines there is online about the subject. Everything is about what’s the best practice, what the is most user friendly experience and what are the best tools to give the the most proper optimization for your sites and so on. With all these rules, the web is looking unlikely the same across the board. With that in mind, some designers decides to take a different route, not necessarily easy but they actually make it happen. Let’s take a look at the stunning work from Milk Work who is a senior designer/art director living in the Bay of San Francisco, USA. He worked on an interaction design, UI/UX for Fran Silvestre Arquitectos site and it’s gorgeous. It’s a bold move to go with a graphic design/print mindset for the web, it must have been quite a challenge for the developers. But it is quite beautiful to look at and I must imagine that the interactions must have reflected the concept. The project approach arises from a dual commitment will give a technical answer to a specific context and the desire to seek beauty through the built work. This process seeks satisfaction, understood in its fullest sense, of all those actively involved in development.   More information via http://mikevrpv.com.