In the celebration of Star Wars: The Force Awakens, Google launched a new tool that allows you to choose to be a Jedi or a Sith, that will give your Google apps Star Wars related makeover. Gmail loads with lightsaber and gets new backgrounds; YouTube's progress bar and volume slider appear as red or blue lightsabers. Other changes can be seen in Google Map, Chrome, Google Translate, Waze.
Lonely Planet is taking huge strides to reinvent its online offering. They look at every details to maximize the travel experience. It all begins with improving the experiences for continent and country pages. Beautiful header tells a story of the location and love letter to convey the best experiences in each destination. For the city view, they intentionally made the design feel smaller to communicate parent/child relationship.
Designers Vittorio Perotti and Guilia Zoava realized that the world most famous pictograms or emojis do not really represent them. Thus, they were looking for a fresh, modern and simple style. With what Massimo Vignelli used to say: "If you don’t find it, draw it yourself ". They decided to take the challenge to create a new collection of emojis, that other designers and all the people would have enjoyed.
Another great trick from Blueprints — simple menu with multiple levels. The idea is to animate a multi-level menu with delayed item animations and an optional breadcrumb navigation and back button. This type of combination of minimal navigation will enhance the user experience where users will be more inclined to navigate in the menu and breadcrumb for more explorations. As always, the source code is generously provided.
Google + users kept coming back to Communities and Collections and so the team reimagined Google + to help them do that better. The team redesigned Google + that puts Communities and Collections front and center. Now focused around interests, the new Google + is much simpler and more mobile-friendly — rebuilt it across web, Android and iOS for users to have a fast and consistent experience.
How The New Republic’s Redesign Is Chasing Millennials
The 101 years old liberal political magazine, The New Republic launched a fully redesigned website. With more than 30% of the visits coming from smartphones, TNR's redesign takes a largely mobile-first approach: panels, adverts and even navigation have been stripped out for a streamlined reading process and the main navigation is infinite scrolling. All other navigation is hidden away behind a hamburger menu with the assumption of younger users recognize it.
After a month of beta, Product Hunt 2.0 is finally live. Founder Ryan Hoover shares the team's experience and thoughts in the major redesign since its first launched. With Product Hunt evolving with the introduction of more visuals and new channels, the new homepage serves better flexibility to surface more things you love and personalize the feed with things you and your friends like.
SwiftKey's design evolution happened in three stages — brand refresh, introduction of SwiftKey Hub, and a redesign of the container app for the launch of SwiftKey 6. The new menu was named the "Hub" that includes all of the features from the Quick Settings, plus a few additional features. The container app was redesigned to make it easier for users to discover useful SwiftKey features and customize their typing experience.
Microsoft just released the new redesigned Xbox One Interface. With the aim of reducing number of steps to at least half, the Xbox functions are now unified and hidden at the left of the screen. Adding verticality to the menus makes the dashboard feels more like webpages rather than a never-ending series of static screens. The redesign was also about functions with the backend rewritten on top of Windows 10.
Walk the Tube Map: The London Underground’s New Map
Transport for London released a clever map for travellers to gauge how far you actually travel in a steel tube underground and with that, you can actually decide whether it's better off walking if you're just going a couple stops. It's called Walk the Tube map and it does what it says. The new design includes numbers that are actually minutes to walk between each stop.
The fine folks at Emerge Lab bring us Dripo — a simple designed 3-in-1 iced-drip coffee maker that can be used as a cold-brew coffee maker or tumbler. It has a compact size, 75% smaller compares to traditional Dutch iced-drip coffee maker plus with no mechanical parts or electric power required, you can have your coffee wherever you like. It's the most portable coffee maker out there.
In September, Ritz-Carlton introduced a revised logo and new brand voice. The revised logo shows a move to clarify, simplify and amplify the brand's identity. The change in the logo is fairly cosmetic, trading one serif for another and cleaning up the lion/crown icon. Fair to say, the changes are positive with a sense of refinement. They also introduced a new blue in the process of refreshing the brand voice.
The idea behind the redesign of the Yahoo! News platform by graphic designer Josué Solano is to create a functional system for the interests of browsing news and entertainment for various devices. The aim is to improve functional and visually of the site, the structure and information architecture for an intuitive navigation and interaction. The concept sees a modern and vibrant magazine style that appeals to young audience.
Ikea's Soft Toys for Education 2015 is a program the Swedish behemoth has been running with UNICEF since 2003. Kids aged 4 to 10 years old take part in the competition and the 10 winners drawings are recreated as soft toys and are now on sale for $5 each. For each soft toy sold, one dollar is donated to UNICEF's Right to Play projects in Uganda and Angola.
iOS developer and product designer Daniel Rakhamimov has the thought that Twitter is missing a sense of community where only those with a strong following will get heard. To fix this, Daniel believes the solution is through community — Twitter Rooms. Imagine LinkedIn Groups in a Twitter environment. The goal of Rooms is to infuse Twitter with real community, allowing users to have real conversation without constraints of Twitter proper.
Most recently, Twitter changes the star icon for favorites to a heart, which is called as likes. Although the change could be confusing, especially to newcomers but the reasons behind the change according to Twitter: "You might like a lot of things, but not everything can be your favorite. The heart, is more expressive, enabling you to convey a range of emotions and easily connect with people."
The Armani Exchange revised logo keeps the overall aesthetic and presents all the elements in a streamlined sans serif approach. The biggest change is in the "AX" monogram that has lost its serifs and Didone structure for a cool sans serif with heavier thin-thick contrast. The full name wordmark seen a more pronounced contrast between its thicks and thins, showcasing a more interesting typography.
The Monster Project is the undertaking of a passionate collection of artists who share a common goal: to help children recognize the power of their own imaginations and to encourage them to pursue their creative potential! It's a cycle of elementary students drawing monsters, bringing them to life in the team own artistic styles and finally delivering these new interpretations back to the students.
Award winning design studio Freytag Anderson took the challenge in redesigning IKEA logo. Being a company that has a distinctive visual language to differentiate its products, the logo feels rather odd and out of sync. The team gives a cleaner typographic treatment to the logo but continuing the use of core brand colors to ensure logo remains instantly identifiable. Next, they remove the oval and box up the letters.
A neat project by designer Tobias Ahlin showcasing Google font pairings. You will be able to edit the text directly and access the source code as well. The thoughtful combination of type and photography helps enforce the overall tone being communicated and distringuishing use cases for each pair.
nCube: The only app you’ll need for your Smart Home
Smart tech is supposed make your home more comfortable and convenient but because devices don’t work perfectly together, your smart tech is actually pretty dumb. The latest player in town, nCube puts a brain at the heart of your home, linking smart tech together and making it easy to control. Simply, nCube acts as your home’s brain and allows you to integrate all these different devices together.
Ömer Ercan strived to achieve the easiest navigation yet wonderful design for the largest internet-based retailer, Amazon at your fingertips. Every single UI element of Ömer's Amazon app concept is designed to fit user-centric needs. The walkthrough for first time user allows navigation with minimal friction. The homescreen and overview screen both use large HD images with standout call to action.
Entrepreneur Magazine Masthead and Titles Redesigned
Designer James Victore and Brandon Kavula did a fantastic job in redesigning the masthead and interior titles for Entrepreneur magazine. The professional lettering of the logotype and masthead is replaced with a funky new lettering that surprisingly goes well with the magazine cover's portrait.
This is a story of how Basecamp 3 logo is born with a smile. It started with Shawnimals used Basecamp to coordinate the creation of limited edition toy — "Happy Sherpa". Next, Nate Otto made an illustration to show the concept of "Made with Basecamp" and thus "Basecampy" was born. Word wizard Jason didnt like the name and suggested "Happy Camper". Finally, Happy Camper is used in web app.
Local Web's Jess Bachman writes a mock-piece on Medium to introduce their new logo. Started out with a fictional character Massimo Guzman talking all geometry, soul and identity on the simple slash logo until naming the logo "Pósi". After all the hoo-ha, Massimo only rotates the 'e' in localweb.is. This mock-piece is fun to read and of course, the story is (mostly) fiction.
A thorough case study of the branding of streaming behemoth — Netflix. Creative studio Gretel details the problem solving and solutions in this case study. Gretel proposed The Stack, a visual metaphor and an identity system in one. The Stack implies two ideas at the heart of the service: selection and curation. Netflix global tagline proposed as "See What's Next" that encapsulates Netflix's mission and disposition.
Designing More Efficient Forms: Salesforce’s Lighting Experience
Salesforce users work with forms day in and day out and working seamlessly with forms is a key driver of productivity. The new lighting experience aims to improve this experience. In Lighting, forms are displayed to only require a single eye fixation to take in both input label & field. Other notable changes include setting default values, pre-fill relevant fields and keyboard-friendly & accessible.
After redesigning for NY Times, The Atlantic and Fast Company, Karen McGrane takes it to The Toast. The gist of the redesign is to improve get-lost-ability where readers can spend more time browsing the site as they are able to find relevant content. Readers can now find themselves getting related content through — most popular; active now; more in series; more by author; more in category and more from tags.
Protopiper: physically sketching room-sized objects at actual scale
A team of researchers at the Human Computer Interaction Lab at the Hasso-Plattner-Institut developed the ProtoPiper — a heavily upgraded tape gun for you to quickly build a full-scale mockup of almost any object and know for sure how big it will be. Working with custom software, the ProtoPiper automatically draws tape from a roll, shapes and seals it into a sturdy tube and cuts it to the appropriate length.
A really cool set of minimalist vector lightsaber created by Creative Director, Matt Stevenson. Besides allowing you to download the vectors, you can also buy digital posters in Etsy store and T-shirts, smartphone covers and etc from Redbubble store.
Chevrolet Camaro appearance in Transformer inspired graphic designer Oliver Gareis to redesign Chevrolet Camaro webpage. The redesign concept combines easy-to-use flat elements for the navigation with the use of hamburger menu and ghost button. He also uses a stimulating image of Chevrolet Camaro as the centerpiece that helps bring out the visual richness while still making core site elements highly visible.
CSSgram is a library for editing any images with Instagram-like filters directly in CSS. The main idea of CSSgram is to enable an easier image processing method and a more fun filter effects on the web. There are 2 ways to consume the library — you can use CSS classes or SaSS.
Apple’s iTunes desktop app is notorious for trying to be everything to everyone, all the time: music, books, apps, videos purchasing, syncing, and a lot more. The interface design students from FH Potsdam stripped down iTunes and reimagined them as smaller, focused and single-purpose apps.
Designer Tommi Moilanen thought that the current New York city subway map is hard to quickly comprehend which lines run express and which local. Tommi's goal was to create a subway map that is beautiful to look at, easy to use and custom designed for New York City. Some key characteristics include works well with rest of signage system and clear distinction between local and express trains.
Swisscolors.net created by Fabian Burghardt is an online color picking tool inspired by swiss style/international typography design. All the colors are presented in css shapes and added grain. Users can just hover the cursor to any of the color to view the color code and click to save it.
Motion designer and art director Brent Clouse's Animated Gameboy in CSS project uses as little code as possible with a limitation of <div>. Besides that, Brent shares five techniques for doodling in CSS — make use of letters and fonts for shapes and objects; animating text with a linear-gradient; thinking outside the box with ::pseudo elements; drawing circles and squares; and managing repetition using box-shadow.
Inspired by Primer app which makes a great use of cards and motion throughout its design, Codyhouse shared a resource called Project Cards Template — a portfolio template with expandable projects and a bold, full-page navigation
Microsoft Research Debuts Autocomplete For Animation
Microsoft Research unveiled a remarkable new technology — Autocomplete hand drawn animations. The software held the ability to predict or suggest sketches and reshape its suggestions in real time as you draw. Whats more impressive is the ability to do so without complicated interface modalities like anchor points or keyframe markers.
Robin Rendle noticed an interesting design for progress meter in videogame where the progress meter text-color reversed to be white when overlapped with the background. He replicates the design pattern mix-blend-mode in css. However, the mix-blend-mode property isn't well supported at the moment and neither is the animatable content property.
A carefully thought-out redesigned concept of LinkedIn by Stefan Poulos. The concept gives a refreshing homepage; a new streamlined navigation; a highly personalized menu bar; and a modular card base design to support a more modern and sleek Linkedin design. The redesigned profile gives a pinch of professionalism which can be deemed as both profile and resume.
Google Play store just got a major makeover and the redesigned Google Play store is certainly fresher, with smooth animations and new layout. The store now housed two main sections: Apps & Games and Entertainment (which replace the previous six categories). More impressively, there's also support for languages that read from right-to-left coming besides the new animations sliding from section to section and elastic scrolling.
Spotify senior product designer Dan Chambers shares his takes on the design insights from Lego. Of note are doing less to achieve more; targetting adult fans of LEGO; crowdsourcing innovation; various LEGO-compliant concepts; enduring consistency of product design; true reflection of the product; handmade instructions; and diligently crafting experience. One of the most important challenges LEGO faces will be the need to keep things simple.
FontReach is an online tool that scans through million of sites to rank most widely used fonts on the internet. They provide an infinite experience where besides finding out the top fonts used, you can also find out the websites that are using each of the fonts and all the fonts used by the websites. This fascinating tool is built by Jesse Chase and Jason Chen.
The old 500px logo never reinforced the company name but rather read as "five infinity" and the logo mark speaks the same language as the old logo. The new logo is clean, simple and articulate where the new logotype clearly communicates the 500px name. The simplicity of the logotype merges into a sophisticated mark with a strong, distinct visual identity.
LinkedIn Groups was launched in 2004, for people to gather and discuss issues with like-minded professionals. There are more than 2 million groups in the network but lack of quality. That's about to change with the redesigning of LinkedIn Groups and a LinkedIn Groups iOS app. The Groups page looks cleaner and cued with color-coding for groups recognization and the mobile app inherits the visual design and only minimalized.
User interface designer Colin Keany created Blend, an excellent tool and easy tool for you to generate simple and beautiful CSS gradients. There's a selection of Flat UI, Material, Blues, Greens, Reds, and Yellows and you can mash it up on both ends for desired gradients. A really cool tool to get colour creative.
The most recent Twitter update — Moments has been the talk of the town. iOS designer and developer Daniel Rakhamimov thinks that though the execution is sold, the ideas of the product are fundamentally flawed or just unfocussed. Daniel's reimagined Moments shows opportunity of a more focussed content with only three categories to choose from and a timeline concept that allows you to stay in the moment.
The team at Hack@Brown gave it's 2015 brand a refreshing new look. It started out with three core principles derived from the mission statement to guide the visual design and human interaction. The iconic claw-shaped logomark is flattened and unified with distinctive color choices that set path to the design of logotype, modular secondary graphics and semantic graphics.
Finding Clarity and Energy — Learnings from redesigning Asana
Followed by the rebranding of Asana, Asana platform gets a redesign as well. Here are the things Vanessa learnt from the Asana redesign — invest in the long term; focus on one goal above all else; go board to find your focus; define clear success metrics; OK to launch incrementally; remember goals and return to it; create rules for the system; encourage cross pollination of teams; know when you're done.
The old Medium logo is great, while simple, elegant and strong, the Stag M proved rather inflexible as a logo. The Medium team then explored new logo with the help of type designer Rod Cavazos. They settled on a simple geometric interpretation of the M and with a dashing green, creates a fun and bold new Medium logo, shouting: "look at me".
The current Tesla dashboard UI is showing its age with its skeumorphic visual cues. Designer Alex Huang decided to take a stab at a redesigning the dashboard with a clean, minimal UI. In his case study, he also explores the concept of connected third party apps and how they could integrate with the Tesla dashboard.
Asana did a great job in rebranding and redesigning their logo. Their evolved logo — a symbol of collaboration and shared energy — is the cornerstone of the new brand identity: a total rethink of how Asana present themselves to the world. A client side case study of rebranding is rather rare and this story is definitely worth the stash.
Facebook is continually looking for ways to make profiles the best place for people to curate their online identities and connect with others. With that, Facebook unveiled some new, mobile-friendly features for Facebook profiles. There are three main improvements that give more opportunities to express who you are and control the content showcased on your profile.
New Logo for Opera done In-house with Anti and DixonBaxi
The cornerstone of Opera’s new brand identity is the redesigned logo. It still preserves the good ol’, familiar red “O”. The new logo stands for more than the first letter of Opera. Opera's new logo is envisioned as a portal quickly connecting you with what you’re looking for on the web. The 3-dimensional “O” symbolizes a gateway that leads you to do more online.
Pedro Almeida is promoting the importance of visual communication. His project only shows the logo's main colors and unique lines and shapes, but you will still be able to recognise those brands. Through this project, he wanted to emphasize the value of creating a logo that would leave a memorable impression.
Hopper app analyzes billions of flight to find the best deals and the best times to fly and buy. It was once an iOS-only product and looking at how many would-be-fans they were losing out by not having Hopper for Android, it's time to go Android. Lead product designer Pantelis Korovilas recorded the thought process and approaches in building Hopper for Android from the ground up.
A rather interesting progress button effect — an elastic SVG progress loader. The button starts as an icon with an arrow and once it’s clicked, it animates into a fun little wire and a label that indicates the download percentage. Developer Lucas Bebber shares some aspects of what is needed to make an animation like this, some techniques, and some challenges we might face up.
Looking at the unsynced product page from the sleek homepage of eBay, Tintin took a stab in redesigning the product page. The concept product page is cleaner with lesser distraction where lengthy descriptions are replaced with descriptive icons. The visual richness also enhance the user to explore more on the product. However, some improvement can be seen in the Buy button; usage of brand color and product navigation.
Starbucks has released an updated version of their Android app aligning to Material Design. The whole thinking behind the design was to ensure that the app avoided looking too “templated” — even the simplest of screens to reflect subtle hints of Starbucks brand; provide concise logic for the adoption of certain aspects of Material Design; and considered what these changes meant for our customers and what made sense to implement.
Product designer and UX warrior Anthony Daniel II wore his "Designer" hat and conceptualized a few ideas that would improve his experience using Spotify’s mobile app. He proposed 7 UI changes that can and will make Spotify a cinch to navigate. His proposed UI changes are mostly based on the visual style of the current design, so implementation wouldn’t be drastic.
Designer Liz Hewell sees the opportunity of creating a health resource that lets users know when reported airborne illnesses are a threat. Liz then created an app that would focus on the six most common airborne diseases and allow for a report system that would use location services and push notifications to alert users when there is a real risk to their health.
With more than 80% of young adults claimed to have texted while driving, ustwo auto team together with Rohan Karbanda and Chris Olsen worked on a project that deals with the distractions involved in texting while driving. The solution is called Car Mode. Car Mode is totally automatic after a one-time Bluetooth pairing of the car with the phone and messages will be deferred when car mode is on.
Graphiq delivers world's knowledge. In order to design a medium that is meaningful, but also capable of incorporating massive and complex datasets, it’s helpful to break it down to tangible parts. Taking a minimalistic approach to both design and development, the display of information defined with flat design and creates a grid system with compatible blocks.
UI & brand designer Kuba Chrześcijanek feels that forms are often neglected in the design process even when the forms are the first real interaction between new customer and their product or brand. Kuba highlights some of the main factors to make a well-designed forms in this article. Following these rules will help you create a neat, friendly tool your customers love.
Previously, Twitter for iPhone and iPad offered very different experiences. All too often, this meant that Twitter for iPad features lagged behind other updates. To fix this, Twitter team develop a framework accommodating a multi-device ecosystem — "adaptive UI”. Adaptive UI gives the ability to support new devices and bring new Twitter features to people faster. Ultimately, it’s no longer Twitter for iPhone and Twitter for iPad: it’s Twitter for iOS.
This is a school project by Marie-Philippe T. The online store of the beauty retail chain, Sephora represents one of the most important e-commerce dedicated to beauty products. The goal to redesigning Sephora's website was to create a trendy and user-friendly environment but still preserve the black and white glamor touch of Sephora's brand image.
The serif Google logo we’ve gotten used to seeing has been around for 16 years, since 1999. It’s an old-looking, disproportionate piece of typography which was about time for the logo to make way for a redesign. The new logo is exactly right and perfectly calibrated for what it needs to do. Anything more effusive, more visible, more different, more visually explosive — would have been met with terrible anger.
Designer and developer Andrew Ambrosino took a stab in designing Apple TV concept before the debut in September 15. Starts with Home, showing date, time and configurable background. Swipes different direction for different glances' interaction. Screen of apps similar to iOS. Siri shows you 'Proactive', feature that suggests relevant next steps. Live TV and bundled channels.
The second part of Tom Koszyk's side project — redesigning the Apple Music Service. Going into more details, much refinements are needed to make Apple music better. The player is anchored to the bottom, gets bigger and easier to use. A smart search, where results are well arranged, readable and easy to scan through. A personalized artist page. Lastly, beats 1 will not be the only radio available through Apple…
For years, the Salesforce team wanted to redesign the desktop experience and Lightning Experience is the product of the redesigned desktop user experience. Their ever-improving process — frame the work (focus on making sales reps more productive); agree on the principles (clarity, efficiency,consistency, and beauty); invest in communication (walls, style guides, repeaters); eliminate decision doubt (indecisiveness can lead to debt).
Recently, a new construct within Twitter emerged — The Tweetstorm. A tweetstorm is a rapid series of tweets that are successively related to each other but also creates numerous annoyances. iOS designer Daniel Rakhamimov thus proposed a new method. Starting with the secret combination of ☁️⚡️, users will be brought over to a storm mode, given 300 seconds to make the chain of tweets.
Designer Addison Foote attempted to redesign 30 logos identity concept in just 30 days and he did it. Each of the logo concepts were thoughtfully designed while retaining of the core elements. Some logos are more striking, some are more vibrant and some are more visually appealing. Each of the redesigns were recorded with his thought process and you will surely be able to pick a few tips from his work.
Kenny Lopez is an avid snapchatter. He likes the idea of Snapchat where you can share your moment with friends and family. He came across an idea of sharing his snaps with ONLY the same group of people all the time. Thus, Snapchat circles come to the picture. His concept creates a new sharing screen where users can pick multiple people to share with.
UI/UX designer Ser Cappelle redesigned a no nonsense, conceptual and consistent Facebook concept. The concept looks like a design freshly out from the Microsoft oven with its flat design. I personally love the idea of separating news feed to close friends and all friends, making the interactions with friends more seamless.
Version 1 of Cover was an experience that worked really well when only had a handful of restaurant partners and users. With the growing users and partners, the team needed a redesign to offer the most value to the customers. They had gone through five phases — transparency first; define the problem; discovery and exploration; validate ideas, narrow and iterate; and polish details.
Design Is Like an iceberg. Inside information architecture
Design is like an iceberg. Over 90% is below the surface, and you can only see a small portion of what is created. Having a solid information architecture foundation is important. Having a strong and organized foundation in your recessive design will help provide better final products, that are easier to change and to implement.
The "someone is typing" symbol has become a standard in messaging platform. iOS developer and designer Mark Aron Szulyovszky felt that a real life conversation is more than waiting someone to finish in order to react. A really interesting concept of dropping the strict chronological order in any messaging app.
Apple Music has been the talk of the town lately, mostly criticism. Product and web designer Tom Koszyk decided to take matter into his own hands to redesign Apple Music. This is the part 1 of his side project — redesigning the welcome screen. Apple Music needs a redesign on three levels: Interface, Interaction and Integration. The one that will make discovering, saving, listening and sharing music easier.
Google homepage iconic simplicity has seen some small tweaks over the years. Google has designed its homepage search largely around efficiency — thus the simplicity. However, graphic designer Riccardo Vicentelli thinks that Google layout can be more engaging. Riccardo rethinks different visual designs to take center stage in the main page where the image archive will be updated every week and will talk about the world in all its aspects.
The redesign of Apple main site was meant to reduce confusion. At first glance, the layout looks exactly the same but the flow of user experience for purchasing stuff has been completely revamped.There’s no longer a divide between browsing or shopping on Apple with shopping cart being able to be managed from any page on the site.
iOS developer and designer Daniel Rakhamimov explored a new feature that he believes Twitter should introduce — Twitter Live. The premise of Twitter Live is to give the world a curated shared experience of a specific event, as it’s happening. Daniel's concept of Twitter Live gives event organisers a chance to communicate with the users at a more interactive manner.
Brian Nelson's series of imagining the future of technology took a stab on Facebook Messenger. In the future, Facebook will multiply Messenger’s utility by expanding its scope beyond GIFs and stickers. Brian's concept of the future of Facebook Messenger includes favourite media accessible in Messenger and it will also expedite and simplify sharing on mobile.
Recently Slack homepage just got a facelift. The new homepage is a substantial improvement with a cleaner and more elegant design. The entire homepage is now a hero image of Slack's clients that focuses the message on the product, itself: "A messaging app for teams" instead of "So yeah, we tried Slack". This minimalist approach helps bring out the visual richness while still making core site elements highly visible.
There are some severe flaws in Apple Music. The app is gorgeous, but still complicated beyond the level of Spotify. The disastrous is even obvious on Mac. For Apple Music to suceed, iTunes must die. Designer and developer Andrew Ambrosino redesigned Apple Music as a standalone app with one navigation bar up top, one player down bottom, content in between, and a grid that makes more sense.
In 2014, Vivek Ravin worked with a group of people to remodelling hiring process to make it cost effective and time saving. In the concept, there will be a community page showing updates of users’ friends; users can also upload videos and images as updates; search and invite friends; search and apply for jobs; and keep track of applied jobs.
Another future technology reimagining from Brian Nelson. Facebook Events is Facebook's attempt in bringing people together meaningfully in the real world. Brian reimagined in future — Facebook will pull Events out as an individual app; buying tickets will be one tap away; Events will spur activity; Events will match preferences among friends; and Events will be integrated with your favorite services.
The Part 2 and also the last part of the “Redesigning Chrome Android” series, the direct follow-up to Part 1. A myriad of designs consideration were needed in the redesigning process, including a new layout, grid usage and motion design. The tools used, the way the team spec'ed things as well as the way they handled asset generation were explained thouroughly.
The team from Business Calendar approached Opoloo for the redesigning of the app. For the task, Opoloo team delineated these goals to attrach new users and keep existing user base satisfied — improve user experience; improve accessibility; incorporate task management; apply modern design standards; and extensive tablet support.
Dealing with email is a major cognitive load—and often a real productivity killer. Earlier this year the design team at Cubeit did a short design sprint to see if they could come up with a better way to handle email. The solution — simplified email design that forces users to take action on a message in order to see a new one.
With the new goal to appeal more to business owners and not just the freelancers who pay to use the site, AwesomeWeb team set to redesign the site again. The 46th and 47th time of homepage redesign considered these three criteria — communicate quickly, easy to use and brandable. Lastly, to develop an entirely new search experience.
Andrew Baygulov redesigned version of Zara website is rather similar with the current version of Zara official website in having ample negative space that shifts focus onto the main content. Andrew's concept made some significant changes on the typeface and it's arrangement, making the site simpler and cleaner.
IKEA is one of the world's largest furniture retailer. The Swedish company loves simplistic and useful designs for their products but not their website. Thus, Ekrem Ates decided to take a stab at redesigning and rethinking IKEA's online store. Ekrem's concept sees IKEA's homepage with flat design and minimalism that are both simplicity and content-focused.
Brian Nelson reimagined Google Calendar to automatically pull relevant events from your apps, which means that you don’t have to spend time digging through those apps or manually creating events. In the future, content will be available directly in Google Calendar, having visual heavy events layout, and the calendar will respond dynamically to changing contexts.
Thanx is a mobile app for automatically earning rewards from your favourite merchants. The goals of the redesign were to update the aesthetic, better integrate recently introduced features and simplify user experience. Before the redesigning took place, the first step was to understand the requirements of the redesign. Next, to craft personas and create user scenarios.
Reddit user Csaba Bernath gave Reddit a beautify facelift. The concept sees an old Digg or a new Tumblr, which carries the popular card UI pattern.It's no surprise that Csaba's redesign takes the shape of card design as it's ideal for aggregated content, easy to browse, versatile and gives an intuitive understanding of how to use the site. However, it risks reducing the content density.
It started with the iconic lady friends icon having a chip in her shoulder. After drawing a shoulder for the lovely lady, a hairdo was done to remove the Darth Vader-like helmet. As for the man icon, Caitlin smoothed down the hair and added a slight slope to his shoulders. In the new "groups" icon, the lady was placed in front of the man.
People are using phone while driving way more than they should which could be hazardous for others. As a designer with some UX knowledge, Ariel Verber designed a solution to that — simple smartphone launcher for driving. The smartphone launcher does three things — calling, navigation and music. The layout consists of huge buttons, allowing users to locate them with the least effort possible.
Designer Maxim Eriomov tries to complete rethinking and radical style of the famous brand and presenting it in a different light. It is not just a thing but a way of life and thinking, worldview of young and successful people. Four major section of the app — Nike legend; pulse news; fancy goods; and Nike channel.
User experience designer Alex Couch tried to solve a problem of a casual piano player, one who wants to learn how to play songs well, but doesn't have the time or attention to learn from traditional sheet music. Thus, the concept of “piano tabulature music”.
When you log on you will still see the iconic “F” logo — that one doesn’t change — but wherever else the full name is used, you will eventually see a new wordmark. There are multiple changes that heavily affect the appearance of the new wordmark. The double-story “a” has been changed to a single-story. The “o”s and “e” are rounder, and the “b” has a more traditional stem.
The original smartwatches: Casio’s history of wild wrist designs
With Apple Watch and other smartwatches out there, it’s no longer the stuff of sci-fi to consider using your watch to play music, control your TV, or track your fitness. But these are all things can be done a long time ago — if you maybe lived in Japan in the ‘90s and didn’t mind carrying around a bunch of Casio watches, that is.
Baraa Bilal took a stab in redesigning BBC, the largest broadcaster in the world. This refreshing concept is designed with a completely new simple and modern UI. A major uplift on the reading experience that is clean adn simple with a full view article page.
At Zoho, the team conducted extensive usability tests for each and every UI change. Usability tests are super-important in knowing what changes you make are for the better. For this redesign — tabbed navigation to left-hand side navigation; switched to three-column layout; spiced up Zoho forms; introduced right sidebar and contextualized everything.
The new Dropbox's Android app was a redesign of the user interface that's a little more seamless compared to its previous versions. User behavior on mobile devices generally differs from that of desktop devices, so the user experience has to fit to that kind of behavior.a lot of that centers around how users take and share photos — hence the changes to how Dropbox handles photos in the new app.
The main problem of a news website is that we have too much information and news which is needed to very specific kind of readers. Tema Troinoi reimagined NYTimes with the idea of allowing a user chooses news he/she wants to read, according to his/her choice the main page be formed. A rather interesting concept will be the evolving news line on a busy day, slow day or weekend.
Keeping design assets to be organized is the very first task but the first project was to redesign the Curators Tools and create some relevant new features that would improve the work efficiency of the curators. After all the ground work, Bruno started redesigning the visual layer of the user-facing product — mainly the media player, media taxonomy and the home page.
LinkedIn Pulse today powers a lot of content on LinkedIn's homepage feed with millions of readers and more than 130,000 unique original articles published every week. Today, Pulse mobile apps get a complete makeover with the focus on delivering you personalized news — news that is powered by your professional world. There's a new effortless onboarding process; new cards-based interface; new dismiss and save functionality; and smarter news recommendations.
"There were plenty of other patterns out there, but I recognized this one immediately ... It's interesting that some designer made this pattern, probably without too much effort or consideration, that possibly found itself in front of more eyes than the Mona Lisa." And they found her, Gina Ekiss, the designer of Jazz pattern on solo cup, plates and other disposable items.
Moments began at a Facebook hackathon as a mean to improve the experience of gathering the photos friends take together. Rather than trying to solve a problem in a silo, the team embraced a fluid collaboration among design, research, content strategy, engineering and product management.
Product designer Suganth uses VSCO for photography but what he really wants is to transfer the photos to his mac and see the photos or edit them. Thus the concept of VSCO suite for OS X, a single app to sync, organise and edit all your photos. Additionally users can upload photos to Grid, and write photo Journal based on them.
With the help of the Metrobits blog, Eric Jaffe identified at least 77 different M logo designs that are used by mass transit or metro agencies. A few natural categories emerged — sticking to the basics, slight tweaks, lowercase or rounded letters, motion and abstracts.
Part 1 of the well written and in-depth explanation of redesigning of Chrome Android. The redesigning of Chrome is an extension of bringing the app up to date with Material Design. The redesigning extends beyond a multitude of logics and aspects, including the new styling, color scheme, iconography and other aspects that will be covered in part 2.
Google's transformation into a company that creates beautiful software is the story of how tech itself has evolved in the mobile era. An in-depth article on the transformation of Google and the history of how Google emerged itself as a company that is driven by designs and innovations.
An incredible concept by Andrew Baygulov. The National Geographic splash page makes use of minimalist approach, bringing out the visual richness while still making core actions highly visible. The use of white spaces intended to not overwhelm visitors with information which will keep the visitors to take necessary action.
Navigating back and forth scenes or resources in devices with limited screens is tough. To arrive at a previously visited scene/activity user travels in chronologically reverse order of his journey. Imagine a solution where you can visit any scene/activity from the navigation history.
Part 2 of User is The King, UX and Product Designer Benjamin Berger discussed how a good atmosphere directly linked to what you want your service to feel like and in perfect harmony with your potential users. It all starts with onboarding with a good flow.
Netflix's first major redesign in four years marks a new experience built from ground up to make it faster and easier to discover something great to watch. The team created a richer and more visual experience with the aid of psychology testing together with the gathering and analyzing a mountain of data. With the right interaction, the title will open up a slideshow of images or inline details pane.
Makers of iStat Menus and Skala, Bjango shared his complete icon design workflow. Anything from a single colour pictogram to a highly detailed app icon. Icons are often where design software is pushed, making full use of vector abilities, masking, and constructive solid geometry. It is for those reasons that icons often require different tools and techniques.
Product and UX designer Benjamin Berger shares some basic principles that a user would appreciate in an app. Asking for permission should contain more human touch, shows that you care about users. A proper onboarding process by proving the value of your app and ask one info at a time. Good loading effect such as progress bar, entertainment, talking to users and tricks and tips.
KickMaterial — Fan made Kickstarter for Android concept
Grzegorz Oksiuta loves Kickstarter and enjoys searching for trending Kickstarter Projects. Knowing that most people use Kickstarter to discover new Projects and witness the emergence of future Products, he wanted to make this easier on Android. His concept was to develop a smart algorithm that will suggest Projects based on what has been previously followed and/or backed.
Originally designed Apple Watch app for Overcast as a scaled-down version of the iPhone app’s structure, the rationale seems feasible but the reality check proves otherwise. The rethinking process involves simplifying the code and workload on WatchKit’s fragile data connection and it works out great. Key learning from the redesigning is that one should design for what the Watch really is.
Design director Petter Silfver and Mikael Lundin conceptualized an Apple service catering event subscription and it's called "Moments". They believe that the killer feature of wrist fashion is time management and thus with Moments, Apple Watch could be the perfect companion that gives you a small gentle nudge when something we know you actually care about is about to happen.
All of our content is delivered to us in some type of feed where we receive streams of information passively. Our content experience is quite broken with the back and forth scrolling and streaming. UX Evangelist Tyrale has a better solution, our content feeds should be experienced as stream of information to be consumed over linear time.
This is a story about Matthew's first experience creating a physical object with a combination of hobbyist electronics and traditional materials found in a maker workshop. This project while still being a prototype, there's a lot to be learned here with Matthew sharing his mindset and approach along with some useful links.
“I will answer very simply, that the internet will disappear…It will be part of your presence all the time.”That was Eric Schmidt talking on a panel about the future of the web earlier this year. As everything around us becomes inherently more dynamic, user interfaces will become more and more amorphous in their boundaries. And just as the internet will in effect ‘disappear’, so will our interfaces.
We are starting to see trends that feel fresh and the most widespread has been the use of patterns in web design. Patterns serve a variety of purposes, from communicating a brand value, to adding motion to an interface, to enlivening the simple blocks of color that flat design favors. 5 distinctive categories — generative patterns, data patterns, craft patterns, animation patterns and grid patterns.
Designer Matt Bond's thoughts on why Slack takes off as a great product besides looking nice and fun to use. Slack emerged in the right timing; they are selling a purpose and not a tool chat; serial entrepreneur with years of wisdom; media hype; strong core team; and well designed product with ass kicking marketing.
The homepage isn’t dead, far from it. In the new design, they embraced curation with style with a flexibility of showing one to five stories in the "cover" area. The rest of the homepage consists of a series of themed ‘shelves’ showcasing the latest in each TNW's categories. Stories are told more effectively with a variety of article formats. Lastly, beautifully designed canvas ads replaced boring display advertisement.
Starting out with a sleek memory lane of The Onion, you get to see the making of The Onion over three decades. The primary goal of The Onion’s redesign is to make their world-class journalism more accessible to the masses. With that in mind, they implemented "infinite scroll" feature; intuitive new sidebar menu; dedicated section for recommended reading; redefined online video experience; and other new features.
There are three reasons why a redesign — needed versatility for a growing variety of users and devices; a platform that we could build upon; consistency with a more mature brand. Four steps were taken into getting the new look — rethinking new information architecture and visual hierarchy; categorization of settings and features evolved as 'apps'; put ‘modules’ within apps that encapsulate each setting; modules designed to resize and reflow.
Brian Lovin attention to detail on Carousel, by Dropbox. If you’re a Dropbox user, Carousel makes a lot of sense. It’s a wonderfully-focused photo storage and management app. Their iOS offering is beautifully constructed and has some wonderfully-refreshing onboarding design decisions. The Carousel web app is a strong compliment to the mobile app and offers the Dropbox experience we’ve all grown to love right in the browser.
Basecamp marketing pages aren’t going to win any awards for their visual design but they do have a simple and unique style thanks to their use of illustrations. They are owning the marketing with the friendly mock conversationsl; social proof in sign up page; a really detail oriented case study; and being a friendly and helpful company.
Dribbble is a big community for all kinds of creative types. Pontus Wellgraf started the redesign project for this popular network with the concept of utilizing each and every pixel at its best. He noted that design should always be discovered n high definition for the most favourable experience.
The team understood there would be 2 navigation schemas available on its new platform. They fell in love with the idea of swiping through paged campaigns and ultimately landed on a 3-view paged layout for each report and list. The next challenge was figuring out how to link the watch app and its iPhone counterpart and then they decided to go with Handoff as suggested by Apple.
Product designer Michael Fouquet noticed that although companion apps for games are nothing new, something is missing that keeps them from being true companion apps: at-a-glance info. With that, he reimagined using Apple Watch to take us to companion app nirvana. He experimented on Techland's open-world zombie thriller Dying Light to see how interactions in the game can be reflected with an Apple Watch. The result? Stunning.
The Apple Watch is designed to complement the iPhone. It has a lightweight interface with limited functionality. With that in mind, the team implemented 4 distinctive ways to simplify the app for Apple Watch — to simplify the features; to simplify the content; to simplify the iconography; and to simplify the color palette.
Some quick thoughts on designing Human for Apple Watch. It's not about translating an app into a smaller screen; limited screen estate makes it a challenge to give an app it's own identity; watch specs are not comparable to iPhone; let iPhone do all the heavy lifting; resize images on iPhone before sending and caching on the watch; and Handoff could be big!
Good type designers are fascinated with letterforms. Some fall in love when they take a typography class in college. Others, like Mark Simonson, the hand behind Proxima Nova, Coquette, and other popular fonts are swept away at a more tender age.
Codrops created a really interesting interactive coloring concept — where you can color a website mockup by dragging and dropping a color droplet from a palette. The idea is to simply drag a color from a color palette to a website mockup and color designated areas of it (like sections or texts). This is beyond customization tool with more fun and joy.
With the fundamental question of whether it's a magazine, a news site or a blog; the Atlantic team decided to try a thought experiment, describing TheAtlantic.com as a direct, dynamic, digital extension of their core identity in journalism — a real-time magazine.
Knowing some Wallaby users don't always remember to take out their phone to make use of the app, Wallaby for Apple Watch aims to fix that and put powerful personal finance right on your wrist. At its core, wearables apps should be designed for context and speed but with a smaller screen size, always on the wrist, and different ways to interact.
The 7-Step-Paul-Rand-Logo-Test uses the flow like this: Is it distinctive? Is it visible? Is it adaptable? Is it memorable? Is it universal? Is it timeless? Then, when you have said “yes” to everything above, ask this final question: is it simple?
Priority+ navigation pattern exposes the most important links and tucks the remaining items behind some form of “more” link. This pattern surfaces the most frequently accessed links or actions, while still providing access to the breadth of other available content or features. Web designer Brad Frost feels that the Priority+ pattern provides a sense of clarity our hamburger-riddled landscape could learn from.
Setting up to update the design in order to support greater self-expression and better adapt to new device sizes. The team started out with the exploration of user motivations, desires, needs and behaviors; they established the need of surfacing content that are more than what people express through their Tweets and create content hierarchies to make sense of the content, both easily and intuitively.
Designing Wunderlist for Apple Watch made the team rethink more than just the user interface. With a device that you wear on your wrist all day long, the Wunderlist team wanted to design the most personal Wunderlist experience ever. The solution — every interaction with Wunderlist on the Watch to be hyper-relevant and personal.
Pixar is one of the most defining companies that shaped millions of childhoods. Webdesigner Martin Vlas along with Yassine Boutaib and Melissa Kumaresan took a stab on bringing the Pixar magic to the web by enhancing the experience of the actual movie with dozens of nice features. The concept beautifully showcase the movies with massive options for interaction. To further enhance the brand voice, the concept is clean as always.
UI/UX designer Alex Banaga took a stab at a Yahoo redesign. He was shooting for something cleaner and more fun than what they currently have. The concept by Alex makes use of white space to give a clean interface. The navigation remains at left sidebar but reimagined with a pinch of Yahoo branding color palette and also contains daily information like weather and stock prices.
Zero Agency recently developed "The Future of Work" project where the team redesigned the experience of LinkedIn, considering how the world might undertake business in the future. The concept for the world's largest professional/business social network explores an improved user experience and interface while introducing new tools and features for how businesses interact in the future.
Another great redesign concept by Aurélien Salomon and this time, it was Facebook. Some take away from the concept — cleaner interface; less cluttered content; the comment button removed and replaced as placeholder below status; new action of saving a post; new chat heads; and lastly, avatar badges beside profile picture.
Designer Tanveer Junayed went on and gave Craigslist a facelift. Some key points of the concept — cleaner and easy to use; filtering options organized on the left sidebar; big prominent search bar; and ability to see multiple photos of a listing by simply hovering over and moving the pointer left-right.
SoundCloud is a cool place for music lovers and artists but interacting with the platform can be frustrating. Compared to other music services, SoundCloud feels clunky and outdated. UX designer Evan Simoni decided to take a crack in redesigning SoundCloud in coming out with a clean, intuitive and functional interface; enable learning more about artists; and sharing and communicating with friends.
Visual designer Paulo Rogerio Ziolle Junior had been analyzing websites that are portals with content related to music and decided to reimagine MTV his own way. The concept makes use of block grids, white space and big images, resulting in a more simplified version of MTV.com.
Pontus Wellgraf started the redesigning project of Linkedin to both visually and conceptually share his vision in improving the professional social network. His take on redesigning LinkedIn includes being fully responsive; focus on details; clean and straight forward interface; verify user's experience; display significant content for intuitive handling; and elaborate style.
Google News though being one of the most visited news aggregator sites, it's design has only changed slightly since being introduced back in 2002. Thus, interface and graphic designer George Kvasnikov decided to give Google News a new uplift, both visually and functionaly. The reimagined platform offers users to make their own coverage and creates a full responsive user experience.
Designer Rico Monteiro reimagined Twitter following Google's new Material Design stunning visual language. Monteiro's vision of Twitter borrows many UI elements from Android apps, Google's design guidelines and a few of its own. There is large imagery, gorgeous and crisp typography, tabbed layout, and inviting colour scheme that uses Twitter's brand palette.
UI designer Andrew Baygulov was disappointed on BMW website and decided to reimagine the luxury brand website that satisfy the aesthetic sense. Andrew's concept took shape in the latest website design trend — hero image displaying the latest model and having the cars displayed in unequal blocks, giving the brand the breath to prioritize the positioning of each model.
Product designer David Pacilio take his idea of a cinema web app for a spin. He reimagined and designed an application concept that allows users to find and compare the best cinema offers. The visual heavy design besides being visually appealing to users, users can assess the web app to watch the trailers; compare prices among different cinemas and between days; and check seats availability.
The new design language from Google, Material Design has been a dear in the design community. Senior UI/UX designer decided to put it on practice by reimagining LinkedIn with Material Design. Some white space and new grid call in Material Design that drastically change the look of LinkedIn to be more visually appealing which will work well in different devices.
UI/UX designer Aurélien Salomon took a pass on redesigning Photoshop. Although Photoshop interface evolved while keeping the familiarity which makes the tool easy to adapt with every new version, Aurélien wanted to create a more adaptable and simple version of Photoshop. The concept offers a cleaner and flexible user interface which includes a customizable toolbar, new layer navigation, a cleaner visual style, and more.
For a site that was launched two decades ago, it has not been redesigned since the very beginning. UI/UX designer decided to create a more convenient and fresh-looking design for it. Roman's Craigslist concept get rid of all the distractions, conveys a clearer navigation and reduces the time needed to reach the users goal. Categories are still available, but only as a secondary role.
A redesign concept for the business network Linkedin by Motaz Al-Thaher. The experience was re-imagined along with a fresh new interface. In the redesign concept, the homepage sees a more prominent placement for vacancies, ads and conversions. As for the profile, Motaz introduced "skills carousel", a powerful tool that helps users scroll through a set of sklls with ease.
Andrew Baygulov's redesigned version of H&M homepage took shape with the latest website UI, minimalism and flat design. The layout gives a cleaner look for the retail-clothing company website as well as giving the retail giant the freedom of prioritizing the desired actions from users.
With a passion for sharing moments, Pontus Wellgraf decided to re-work Snapchat and fix things that were found unclear and add what was unconsidered. The new concept allows users to easily follow every single Snapchat action, leave a comment on last snap or just start a nice conversation. The concept also sees a more organized and clear view of all the snaps.
The popularity of other music streaming services has led Last.fm to lose its appealing to the audience. Web and UI designer Wilmer Murillo attempted to create a better last.fm on the user interface. His solution — to create a more simplified UI with modern standards; create a more fresh and simple way of items display; improve navigation and homepage; improve radio player UX and improve users' profiles.
Aykut Yilmaz redesigned concept of MTV uncluttered and organized the content that offers a cleaner interface to the visitors and speaks a more presentable and modern design. The concept makes use of color and blocks for navigation, giving an optimized layout that could go well with any devices.
Visual designer JP Teixeira redesigned and prototyped a cleaner take on the IMDb platform. This IMDb concept uses a graphics cards layout for the homepage that replaced the cluttered IMDb landing page. Navigation menu remains on the left side of the page and uses awesome, flat icons for buttons. The details page layout is much cleaner than the current design.
Tumblr is one of the few popular sites that thinks outside the box, bravely adapting quirky, colourful and bold design. As visually appealing as it may seem, product designer David Pacilio thought that the profile dashboard could use a sleek redesign, the concept would give a new modern and clean look of Tumblr.
Dropbox has come a long way to have matured their features and further improved the aesthetic of the app. Looking at having room for a fresh look at their apps, designer Vivek Ravin redesigned the Dropbox Dashboard to introduce a new clean, flat palette. Vivek used blue and white, maintaining the branding of the actual Dropbox while cleaning up the dashboard.
PayPal despite being one of the most used online payment systems, the platform is not that easy to use and you might end up getting lost as a user. Product designer Budi Tanrim noticed the issue and reimagined how the dashboard should be. He introduced a new sidebar that includes frequently used tasks and links; adding a new, cleaner date-picker; and some nice new UI elements.
Interaction designer George Kvasnikov and Julian Krenz wanted to create a more user-friendly Wikipedia with more legible typography to improve the user experience. In the redesign, the duo completely redesigned the homepage of Wikepedia by introducing the Grid design. Other notable suggestions include a more readable font; clear structure and rich interactions; integrated text editor; and better mobile capacity.
Estie Carrillo tried to reimagine Twitter in a new interface design. The profile dashboard offers a modern look with a focus of visual element and it makes use of all the blank spaces in the current Twitter, giving it a better navigation experience in desktop.
Another interesting project by Aurélien Salomon, the redesign of Wikipedia took shape with a cleaner look and having a maximum width of paragraph. The concept also focused on reading experience by simplifying the left sidebar with summary or hamburger icon. Lastly, there should be some controls appear on hover and the list icon would reveal the navigation of the page.
WhatsApp billion dollar acquisition by Facebook has been the talk of the town and Belarus designer, Maxim wanted to share his thought on a new look of WhatsApp. The redesign concept took away the iconic green color and replaced with hot pink as the chat box and lemonade as the background. He also suggested the functionality of video calls to take the chat experience to a whole new level.
A rather refreshing concept by Emilia Szkurłat. The concept was built with the idea of showcasing all the important elements of McDonald including the food menu, locations, and human elements in boxes and grids.
Pontus Wellgraph believed that Facebook should step up the game by going full screen and replacing all the empty spaces with intuitively and significant content. The redesign concept was done with a clean and minimalistic style with clean colors, light and soft typeface. A motion graphic video of the interaction process was produced as well.
When Gilles and Rémi decided to do the redesign, they wanted to do something meaningful and not just good-looking. The objectives for the redesign were — valorize every work and prevent database from becoming a mess by helping users rediscover; focused on passion rather than medias; transpose authority and legitimacy. This gave a new look and features to homepage, search, discover and detailed sheet.
The multi-billion purchase of WhatsApp by Facebook shocked the world and it left the world thinking how social media giant Facebook would update WhatsApp interface. Design agency VinfoTech took a spin in the redesigning of WhatsApp with a pinch of Facebook element. The concept suggested a swipe on contact to reveal one-click link to Facebook wall and user profile to have WhatsApp details with a link to Facebook wall.
The talented Czech designer Jaroslav Hach created the YouTube concept within three days. Though satisfied with YouTube then, he saw some "current issues" which need to be fixed. The aim for the project was to make something clear and simple. The redesign came in with the grid-style and video results were presented in rows and columns rather than on a single scrolling page.
Another project by Grégoire Vella, a simpler layout focuses this redesign of Twitter on the main feed — the menu items were rearranged to make the site a cinch to navigate and left menu bar to make the different page links more visible. The profile page took the visual of the homepage which remained minimal and simple.
The huge amount of clutter created on the newsfeed and profile pages is one of the many reasons that draws the vast amount of user base in Facebook. Vinfotech attempted to solve the clutter while steering the UI design towards a more visual based social network with Flat design trends. The redesign sees contrast in color schemes and icons as well as typography.
The window mode of Skype is fine. However, Skype (on mac), not so fine. Mac users or windows users use Skype for chatting equally. Thus, Aurélien designed a menu bar concept for Skype mac. The concept would allow users to chat without leaving their task or switching between windows.
Design firm Amber Creative attempted to redesign Apple's online store. The concept was built on top of a modular UI/UX approach, with the use of bigger images and less text, thus letting the user attention to focus on the products.
This redesign concept is of Amazon's moving streaming service with the goal of going for something minimal yet visually striking. While still similar to the current design, James did a great job of keeping with the brand look with a white background, and grey and yellow highlights. The design also includes a header menu, which breaks up the content for screens so it’s is easier to navigate.
Some key redesigns include — a darker interface for a cinema experience; click left of video for previous video; volume, settings, subtitles appear with cursor hovering at the video; and description of the video like the first comment. Aurélien did not include a lot of important features as he wanted to present some new ideas rather than designing a new YouTube.
The New York Times has survived over one and a half decade, and still standing strong. Designer Steve Fraschini decided to give NYTimes App a facelift. Fraschini's redesign focusses on — personalizing NYTimes with profile creation and article collection; visual content display; smart dashboard with improved search and chronology filters; horizontal and vertical adaptability; and multi-device incorporation.
Facebook's design has been widely discussed among designers and users with plenty of criticism. Having reviewed some of the critiques, Rof Tentik decided to try giving it a facelift. What started as a fun side project eventually lead to the Facebook Flat Chrome extension. Flat design was chosen for several reasons — edge in performance; responsive-friendly; conveys a very mature visual aesthetic while being easy to use.
With the idea of creating a new concept for deeper user engagement, Fred Nerby made a fluid and stunning design introducing a whole new digital experience of Twitter. The approach of this Twitter concept was very much a sketched up world of conversations and how to get a user to connect with those conversations. Expect a visual experience of live tweets which was the glue of the concept.
A sleek redesign attempt on the search engine giant Google. Gorka from Spain redesigned the interface of Google with the incorporation of flat design with the goal of increasing the user experience through a cleaner outlook. The redesign was done on the logo, homepage, search, images, maps and even on mobile.
A rather refreshing Facebook redesign concept with white cards on a blue background to make the content much easier to digest in. The circular profile image gives a more savvy look. However, the "status update" bar is difficult to locate, the menu items in the header are much easier to find with the drop down expanded list view.
Finding some details of the 2013 Facebook being visually challenging, Grégoire Vella set to redesign part of the things he disliked. Loving minimal interface, the redesign concept was designed to be simple and minimal. The concept was inspired by Google simple design, the actual Facebook and Facebook iOs.
Shadman Ahmed's idea of the new Instagram concept offered a cleaner looking UI which gives more control to users of what they view and how they view it. Starting with a new wordmark, logomark and UI icons, the concept redefines how users interact with the app. The UI offers users three different layouts to choose from whichever suits them best — white space (cleanest); balance (cleaner); fill the frame (clean).
Shadman Ahmed's Google+ redesign concept main objective is to make it more clean and with lesser distraction. Flat UI trend was followed for the redesign. Notable concept including — new navigational icons; additional details of the activity post displayed in a box adjacent to the post; single dynamic notification bar beside the activity details; and integrated chat box at the far right.
A collaborative work Dmitrij did for D&AD 2013 competition brief for BBC. The idea is called BBC Me, a live, personal and dynamic news feed tailored for your needs. The homepage would be something of a dashboard, taking a fresh grid view. The full article page would open as a layer atop of the news stream.
In the attempt to create a better LinkedIn user experience, Catherine started out by touching upon — why do we use LinkedIn; potential flaws; some ideas on possible solutions; and unknown factors. The visual concepts took shape with a homepage grid design with different animations loading for quote and photo of influencers. The search was inspired by Facebook Graph Search and activities were distilled to activity, discover, profile and jobs.
Andrew attempted to redesign the video section of CNN website back in 2011, though did not receive the attention from CNN, he continued to complete this redesign project. The redesign was set to improve the video experience of CNN. Nothing should distract the viewer from watching the video content. Therefore, Andrew simplified the video tab and included three interface types to cater for different user scenarios.
Reaching 20 Million online views and media coverage of 50 Million readers worldwide, the Facebook redesign concept went viral for a good reason. The project focused on a personalized experience for its user and heavily targeting behavior. Nerby designed new login, dashboard, profile and company profile screens, as well as creating an all-new news grid with the purpose of modernising Facebook's tired interface.