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

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.

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.

UI/UX: PayPal Concept Design

UI Design: PayPal Concept Design

PayPal seems to be one service that a lot of designers use for UI design or concept redesigns. I quite like that because it's a finance application. It's in a way not towards social/user generated content where it's all about style or beauty. It's about money, balance, transfers and stuff like that. Filippos Protogeridis shared a good one on his Behance profile.The simple and super elegant UI design, it is more image heavy when necessary, like on the promo page and utilitarian when it needs to be. Overall I quite like this concept, much more than the official and current design. Below you can see a bit more of the project. UI Design   About the designer Filippos Protogeridis is a user interface and interaction designer, focusing on product design in the technology industry. He is the Head of Design at Yatzer, while also working with several companies as a product designer, namely Transifex, Welcome, Incrediblue and e-FOOD. For more information check out http://www.protogeridis.com/

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.

Programme - Portfolio Inspiration

Programme - Portfolio Inspiration

Around this time of year with the celebrations, festivities and many many eats! We will also at the time of the year where we’ll get to enjoy some time off. As a designer, time off also means that we might have to rethink our portfolio, brand and any of our side-projects. Having some rest and being proactive always gives a great balance especially when things are cooling down. Let’s take a look at the work from Ira Banana who is a designer specializing her work in UI/UX and graphic design based in Barcelona, Spain. The work around the grid is fairly clean and simple and what I do appreciate the most is the colours used into the branding. I totally dig that colourful gradient mix!   More Information: http://irabanana.com.

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.

Litter-Robot Website UI/UX

Litter-Robot Website UI/UX

With the rise of independent entrepreneurs with many great ideas, the concept of marketing yourself is starting to become greater and harder with time. Even if you do have a great idea, concept or product; how you value your brand in front of the whole World through logo, social media, website and user experience. We are taking a look at the work of Daniel Moulin who is a freelance Art Director living in New York City, USA. Let’s look at his project for Litter-Robot, a self-cleaning litter box for cats. He was part of the UX/UI and overall web design work. It’s definitely a clean and very informative approach. Webdesign for a Litter-Robot. Automatic Self-Cleaning Litter Box for Cats.   More information via Behance.

Dome Systems UI/UX

Dome Systems UI/UX

Working in UI/UX, one of the many things that goes overlooked is the content. What I mean about content, I mean how big will be the text area and what kind of content will be on the layout. It’s easy to design a beautiful, seamless layout with negative space all over the place. But introducing content and also in another language than english is also a challenge. We are showing the work of Andrey Stelmakh and what I like about his work is that the flow of this layout might work pretty well on mobile. Even though it’s not shown here but we can definitely see how it will be.   More information via Behance.

Case Study UI/UX: Improving Japan’s Railway and Commuting System

Case Study UI/UX: Improving Japan’s Railway and Commuting System

Japan’s railway system is one the the most complex in the World. I’ve personally experienced it a few months back and it’s pretty consisting of many different and connected parts. Once you really experienced a few different trips, you start to understand its complexity and it becomes quite simple. But I do admit there’s been moments where I was found myself in a chaos where I didn’t knew what to do. I would say that most cases of a redesign are mostly based on a user experience in a goal to an improvement for a better overall experience. I would like to share this beautifully executed UI/UX project by Isa Pinheiro’s concept at improving Japan’s railway and commuting system. She came up with a concept to remove a technology in use for the last 15 years and rely the users to their smartphones payments on the go and recharging as well. There’s probably some features and problems that have been overlooked but it’s definitely an interesting concept to look at. Japan’s rail transportation is known as one of the most complex systems in the world. Carrying more than two million people per day, the rail system demands a fast and easy way for people to use it. Their rechargeable contactless cards have been around since 2001 and are the secret for Japan’s smooth commuting. This technology has been around for 15 years and little improvements have been done. People still need to rely on ticket machines at train stations to recharge their cards, to pay their monthly commuter pass and check transactions. You should definitely check out the live prototype that is beautiful done and you can follow the userflow behind the concept: http://isapinheiro.com/?work=pasmo-application More information: http://isapinheiro.com.

Designing Hitachi Corporate Site

Designing Hitachi Corporate Site

As boring as it sounds, designing a corporate site is incredibly fun! I had the opportunity, in the past to design a site for a popular brand and through the layer of pages and pages of brand guidelines and how everything is strict in typography, colours and even how you interact with their users. It's a really hard challenge you do get to learn a lot and especially how we all should learn to listen to our clients even though we know that we can always do better aesthetic work. We are taking a closer look at the work from the folks from Plastic Studio and their work for Hitachi Spain site. Aside from the beautiful imagery, what strikes my attention the most is the overlapping menu on mobile view. Hope you will enjoy! UX, UI, interaction design & front-end and back-end development for Hitachi Spain corporate site.   More Information: http://portfolio.plasticbcn.com.