articles on

Web Design & UI/UX: Vissla Redesign Concept

Web Design & UI/UX: Vissla Redesign Concept

You guys are fully aware of how I feel about redesigns right? But with the end of the year coming soon, I decided to take a stab at a new perspective. Knowingly that most designers who are working on redesign concepts should know (or know) there are SO MANY details we need to take in consideration. It's mostly not about the UI. Again, for this redesign concept by Simon Kratz for Vissla , what I liked the most about Simon's work was his own approach. He is compassionate about the brand and using at the same time his UX skills/thinking for the completion of his vision. Simon Kratz is an interaction designer based in Basel, Switzerland. Simon is mainly focusing his work on web design, UI/UX and interaction design. You should give him a follow on Behance. Finally had some free time over the last weeks and decided to challenge myself with a quick design exploration and ran a small side project. I have been obsessed with VISSLA for the past few months and decided their current web experience should be more in line with their forward-thinking philosophy and outstanding products. VISSLA is a brand that represents creative freedom and a generation of creators and innovators. They embrace the modern do-it-yourself attitude within surf culture, performance surfing, and craftsmanship. This mission inspired me a lot to push their web presence to the next level. So, i focused on the goal to improve the user experience and suggest new solutions or alternative approaches how VISSLA could look like in todays huge digital ocean. So, this is a small part of an early stage redesign concept – let me know, what you think. — The Vissla Logo and Brand material is intellectual property of Vissla. More Links Learn more about Simon Kratz at wearewondrous.com Follow Simon's work on Behance Web Design & UI/UX   Motion Studies

uSound - Branding

uSound - Branding

Currently working with a client on a redesign and surfing around for inspiration as part of the process. I stumbled across this very nice project about a redesign and what interests me the most is about the before and after from the previous logo. I do agree that a design is never finished and it’s the same feeling with a logo depending again on what is the purpose. It changes with time, I mean no matter how long sometimes it’s great to give a refresh. Let’s take a look at the work from Hermes Mazali who is a graphic designer based in Buenos Aires, Argentina. I really love the colour palette on this project, what do you think? uSound is an app that allows you to boost your hearing. It is specially designed for people with hearing loss. I have developed with Luis Fasah the brand concept and the visual strategy, from its identity to the user experience. Being able to hear well is an important part of a good quality of life, uSound will enhance the way you hear, allowing you to connect with your loved ones, engage in your favorite classes at school, listen to your favorite music and TV Shows, or simply chat and joke with your friends. We are all entitled to these moments. Let us help you. Let’s work together to eliminate the obstacle which hearing loss represents in your social integration.   More Information: http://www.hmazali.com.

Redesign of comp

Redesign of comp

Notebooks. However you use them, there’s always been a nostalgic feeling of going through your old notes. Taking a little march through the past and relive those emotions about what you wrote either they made sense or not. You’re leaving a trace of your memory into these little sheets wrapped with hardcovers. Feeling the wistful affection for the past? It’s because we are featuring a designer (Aron Fay) from Pentagram that redesigned the classic composition notebook. After some research, this new design is more than just a simple redesign, it is the launch of Comp challenges the premium brands like Moleskine and Baron Fig. Available today for pre-order on Kickstarter, Comp is coming for the long run. Give it a look and support their Kickstarter! comp is a redesign of the classic composition notebook––made for the 21st century. Through extensive research, I've learned that, interestingly enough, these notebooks haven't changed all that much since they came into being centuries ago. And that they have an 180+ year history of being produced using the most economical manufacturing methods available.  With all the new advances in the fields of papermaking, printing, and binding since the 1800s, I was interested in what it would be like to create a notebook that uses the new printing and binding technologies and the highest quality materials possible, while still maintaining the nostalgic pattern that we all know and love. Watch the Video   As a graphic designer, printmaker, and bookbinder I wanted to create a notebook that uses today's finest available processes, materials, and design to create something that will be kept, cherished, and used for years to come. Photos by Brian Kelley Support their Kickstarter Project: https://www.kickstarter.com/projects/comp/comp.

Uber New Logotype

Uber New Logotype

Last week we posted about the Uber redesigned branding and visual identity system. Today we are sharing the process behind their new logotype. Despite all the talk about the new symbol, the work did by the Uber designers is nothing less than stunning. The new logotype project shared on Behance gives a glimpse about how comprehensive the whole process was, from pointing out the issues with the old to testing thousands of existing typefaces for inspiration. Like the branding system, this project is a great example of how to present a redesign project for a logotype. Logotype redesign For more information check out Behance

Revisiting VSCO

Revisiting VSCO

Let's talk about VSCO and their recent overhaul app update that generated a lot of feedback from the community especially designers. Whenever you liked it or not, one thing for sure is no one ever (ever) like change. It's part of who we are as human beings and I don't think it's going to change anytime soon. From my personal opinion, the app has (and still) important user flow problems that disadvantage your experience with it. After Instagram, VSCO is my second "go-to" app on my phone, it's a really great photo editing app that totally change the game for me. Having thoughts, I should investigate the philosophy/concept VSCO had about this update, it would be great to share with you guys. As many would think about doing a redesign? Of course as we take a closer look of Ilja Miskov and his improvements to the app. Taking on the simplicity and minimalism of VSCO brand, Ilja took an even more simple approach to the UI and took an extra care to the icons. Which reminded how frustrating it was to navigate through the current VSCO app and really not understanding what were the icons for until you clicked on them. It still the case. But their recent redesign of the app is just terrible. Even after the update to 4.0 they have already confused millions of users with weird iconography. Many including myself wouldn't understand what those icons meant to be and what actions they do. But now with the version 5.0 the whole user experience of the app has gone wild. I don't understand how to interact with the app, I don't understand how those weird gestures they introduced should help me navigate through the app. They've made everything even more confusing, settings less accessible and even the iconography less understandable again. More information: https://dribbble.com/iljamiskov.

Unsplash Redesign Concept

Unsplash Redesign Concept

Don't get me startled on this but I am not a fan of  Redesign Concept because a lot of time (Not trying to be general), designers tend to forget many aspects of what's behind a redesign like:  Content Strategy, Copywriting, Information Architecture, UX practices, Interactions and more. This is why I do appreciate John Noussis's work on his Unsplash Redesign Concept. He took the time to dissect the site entirely sections by sections so he can give his take/vision of his design. Great work John! We do enjoy concepts like these because it's more than about what you can see but more about how it will function for the users. Unsplash is the one the best free image resource websites. I have used Unsplash's images in almost every project and I am very grateful for what it provides. After some thought, I found a way to repay the credit back by making a redesign concept. A more minimal and aesthetic approach keeping in mind the character that Unsplash has already. I hope you like it Watch the Interactions (adsbygoogle = window.adsbygoogle || []).push({}); For more information: check out this Behance Profilehttps://www.behance.net/Ioannis_Noussis

Cool Websites Redesign

Cool Websites Redesign

It's great to see designers doing experiments on how a famous brand or website would look with a fresh redesigned. Some ideas we see around are just too cool, and we're here to show you some of these! Check it out. These are some very nice examples of famous websites, like Google, Youtube, Twitter, and others, with brand new looks. Kudos for these designs for doing such nice experiments! For more of their work, please visit their portfolios simply by clicking each image! I hope you enjoy these! Cheers! ;) Vans Redesign Concept By Mykolas Puodžiūnas Ebay Redesign By Tintins Craigslist Redesign By Tanveer Junayed Twitter Profile By Ramil Derogongun Google Redesign By Aurélien Salomon Youtube Redesign By Aurélien Salomon NYTimes Rethink Concept By Tema Troinoi Paypal Redesign By Budi Tanrim

A Great Library for Redesigns Case Studies

A Great Library for Redesigns Case Studies

A lot of artist and designers around the globe love to make redesign concepts for the most used apps and websites, and most of these jobs are very well done and deserve more attention. Because of that was released a website called Redsgn.Co, a collection of redesigns, concepts or real. But Redsgn.Co it's not only about concepts, you can find real redesigns and their case studies, most of them redirects for a external page, a blog post from the designer who makes the project. It's a great library to make some research or find inspiration for your next project. Curation of functional and aesthetic redesign stories. These stories will walk you through the steps and results undertaken in making better products. Take a look on some of the cases are featured there: Zara Redesign Apple Music Redesign Snapchat Circle Concept Twitter Live Concept Apple Redesign Makes Buying A Lot Easier Modern UI/UX For SaaS Applications, Zoho NYTimes Rethink Concept Yahoo Redesign MTV.Com Redesign Concept

LinkedIn Redesign Concept

LinkedIn Redesign Concept

Australian Designer Flavio Argemi in collaboration with innovation agency Zero, this concept for Linkedin explores an improved user experience and interface for the professional network, while introducing new tools and considering how we might undertake business in the future. For more from Flavio Argemi visit behance.net/flavioargemi. A new dashboard The reimagined dashboard introduces voice commands, allowing users to search, navigate the site and post updates. The streamlined navigation system ensures a consistent user experience across devices. The profile overview widget and new features are displayed on the dashboard. LinkedIn's new AI system allows the platform to deliver relevant content specifically tailored to its users, using real-time behavior data analysis. Voice commands can be used to search, navigate the site and post updates: The new Talk-In feature combined with a “LiveTranslate” functionality allows users from all over the world to connect with suppliers, partners and job candidates. The Marketplace The Marketplace is a multilingual platform that allows LinkedIn users to find projects and opportunities across region, deal size and vertical of expertise. The new Talk-In feature combined with a “LiveTranslate” functionality allows users from all over the world to connect with suppliers, partners and job candidates. Profile Pages The redesigned user profile page introduces “Promote your profile”, a feature that displays your availability status for new projects and opportunities. Company Profiles The new company profile delivers a more immersive brand experience, with deeper content and richer presentation. The marketplace widget presented on the sidebar brings powerful business development opportunities for individuals and organizations. Fore more details visit Zero's website

Photoshop Redesign

Photoshop Redesign

I have been using Photoshop for the past 11 years and it's one of the most, if not the most, versatile and powerful tool for any designer. The boundaries are endless from photo editing to UI and special effects. Over the years the Photoshop interface has evolved but they were able to keep the familiarity which makes the tool easy to adapt with every new version. Aurélien Salomon took a pass on his idea of the perfect Photoshop UI design that is worthy of a scope. I will be honest with you, personally speaking I don't like the result, it lost the look & feel of Photoshop. It looks like a new tool, like an Apple tool and not a cross platform application. It might be because I am so used to Photoshop, but there's something beyond just being beautiful, what's the value the new design is adding, how would that play with other tools of the Adobe family. There are so many questions that said, the design is gorgeous, very well done and a great visual design exercise. For more information about Aurélien Salomon check out his Dribbble page at https://dribbble.com/aureliensalomon - He has some incredible work and it's always worth checking it out.

WhatsApp Redesign for iOS 8

WhatsApp Redesign for iOS 8

Following our series of mobile UI design today we feature the redesign of the WhatsApp Redesign for iOS 8, a work of Dmitriy Haraberush a UI/UX designer from Kiev Ukraine. This project is a great example of exercising your design skills trying to solve problems that are clear for you while using the app. We know that there are so many constraints behind designing products, however this exercises are super important, especially for those trying to improve their skills. I’ve decided to make a redesign of Whatsapp messenger after I started noticing, that I stopped using it. Not that I wouldn’t want to, but after the latest Viber redesign implements, all my friends and contacts went there. Me, myself like that kind of friendly and unique UI more, than ios stocked Whatsapp design. I’ve tried to make it as more close to the recent version as I could, so that wouldn’t be another concept, but the production instead.

Gmail Design Concept

Gmail Design Concept

Ukrainian designer Ruslan Aliev designed a concept for a new gmail with the intent to facilitate the working process with emails. Take a look and let us know what you think about his version of gmail. For more from Ruslan Aliev visit behance.net/isanovich.

Wikipedia Redesign Concept

Wikipedia Redesign Concept

This is a concept design by German designer George Kvasnikov. Wikipedia is one of the most visited websites in the world. It hasn’t been changed or redefined during the last 10 years. This is a try to make Wikipedia more modern, readable, useful and personal. For more from George Kvasnikov visit gkvasnikov.com. The Design This is a try to make Wikipedia more modern, readable, useful and personal. After research steps were done, we started to create the look and feel of new Wikipedia and here is the result. Welcome the Grid We have completely redesigned the homepage of Wikipedia. We really wanted to bring order to Wikipedia to make it easier to operate with. Homepage - Grid View Homepage - Cover View The New Reading Experience We've chosen a more readable font to improve the user experience. We have created a universal grid for text, pictures, graphics, formulas, tables and more, thus focusing on the most important things. Keep focused, nothing distract your attention from the essence anymore New, clean layout and beautiful typography makes your read experience more enjoyable Clear Structure, Rich Integrations The menu is clearly structured and the features are easy to operate. Now the articles are displayed as pieces of paper, which you can easily organize, sort and navigate between them. Interaction with the new wikipedia is like interaction with real paper Click "Menu" button to see the new, clearer Wikipedia navigation Wikipedia's own history page helps you to navigate between read and saved articles Integrated Text Editor Write your papers more efficiently right in your browser. It's possible to save your documents in the cloud, edit them wherever you are and publish them when they're done. And the best thing about it is, the bibliography is created fully automatically. Select text and pictures to add them to your text editor Activate focus mode to pay attention only on the essential Mobile Capacity it's very important to make Wikipedia available wherever the user are. Beautiful, readable typography and clear navigation are especially important on mobile devices. The new Wikipedia is platform for independent. This is a concept design by German designer George Kvasnikov. For more from George Kvasnikov visit gkvasnikov.com.

LG.com Redesign Proposal

LG.com Redesign Proposal

Web design has evolved quite a bit in the past years, responsive design, beautiful imagery and lots of cool CSS and Javascript animation techniques has improved the look and feel of the web. Trends are created and they are part of the evolution of the industry. The LG.com redesign proposal created by Vince de Asis is a great example of the currently style. Vince the Asis is a UI/UX designer for Black Pixel based in Seattle, WA, USA. For more information visit: http://dropr.com/vdeasis

Transworld Surf Redesign

Transworld Surf Redesign

Wedge and Lever Design Studion in San Diego worked on the redesign of the Transworld Surf Magazine. Redesigning not only the magazine but also updating the branding. Here you will see all the work that was done, if you like design and surf you won't be disappointed. In late 2011, we were hired to re-design TransWorld Surf magazine. Our objective was shifting the creative direction to support a photo-driven editorial model while breathing new life into the magazine format. The intended result: sophistication that does not take itself too seriously. An immediate increase in market-share proved the re-design was successful and it continued gaining until May of 2013 when the publication was purchased by its main competitor and subsequently shut down. For more from Wedge & Lever visit wedgeandlever.com/.

Robocop Redesign Illustrations

Robocop Redesign Illustrations

Robocop was definitely one of my favorite movies growing up. Being such an ultra-violent movie, I was pretty stunned by the story of a dead man coming back to life as a machine, and it seems the idea is being freshened up with the release of Robocop's reboot by José Padilha. One of the main things that got fans mad is the fact that Robocop's classic design has been changed for a black one, but it seems that during the movie we'll actually see homages to the classic body. Although people are still pissed about it, it's clear that some fans would rather have their Robocop redesigns in the movie, and man, they should. I've picked some pretty cool examples of fan-made redesigns for the Robocop body. Some of these are pretty fantastic, some trying to maintain the classic look, others going outside the box and doing something completely different from source material. Pretty solid effort here. For more of the work of these talented artists, check out their portfolio simply by clicking each picture. Also, tell us which one is your favorite. Cheers! ;) Thomas Wievegg Josephine Ash The Phantom Lim Yanni Davros Lee The Phantom Lim Mark Henry Bustamante Carlitos Salazar Edward Jason Alexandre Morsilla Jason JasonKang Dante Corvus Gerald Parel Alexandre Morsilla

Web Design: Dribbble Redesign by Felipe Mendes

Web Design: Dribbble Redesign by Felipe Mendes

Here at Abduzeedo we really love a good rebrand / redesign project. We've seen the Varig redesign lately, but now it's time for a web design project, this one by Brazilian designer Felipe Mendes. He chose to take his chance redesigning Dribbble, which I must say turned out pretty awesome. Below you can see Felipe's redesign for Dribbble. What do you think about it? Would Dribbble take advantage by changing its design for something like this? I think so. Also, you can check this project in a much more beautiful way in Felipe's Behance portfolio. I hope you enjoy these! Cheers. ;)