20 Wrist-Worthy Smartwatch UI Redesigns

Moto360 (Minimal) by Ali Attarwala. Sleek, simple, and flat, this watch interface features a red line on the edge as a progress bar for a process.

SUUNTO by Mihail Shelkunov. On the image you can see the redesigned concept of the Suunto watch. It allows song-switching, determining your location, and turning on navigation.

Moto360 Redesign by Radek Jedynak. This UI shows a list of contacts when you choose one of the lists. You can call or send a message to the person easily.

Currency Converter by Daniel Keller. This design of a currency converter app is flat and minimalistic but simple is best when it comes to handling numbers and figures.

E-Ink by Atif Ahmed Akkhor. Super clean and minimalistic UI in white. Inspired by BRAUN watches, the screen displays time, date, weather, and notifications about missed calls and messages.

Let us know which of the following resonated well with you.

Global Smartwatch by Studio–JQ. Huge typography in use here, in both fonts and icons. The image in the background is a nice subtle touch.

Yahoo Weather App by Impekable. This weather app features a background of your current location, eg San Francisco here, plus the local weather information. White typography makes the whole design look minimalistic and cool.

Framer.js Prototype by Steven David. For users who require daily medication, this is a good UI that features the medication name and dose, when the time has come to down the next set of pills.

There are many talented designers out there who are showcasing their take on smartwatch UI design. In this post, you will find 20 such examples. Some of these are concept designs for particular apps such as the weather app, clock app, music app and fitness apps, while others are complete reimaginings of existing UI.

Weather Card for Android Wear by Abhinav Chhikara. Swipe up to get more details on the weather, or leave it by default to see just the weather temperature.

For any new hardware released, the software and UI design within makes or breaks the product. As much as we hate poorly designed mobile UI, we are attracted to UI that work smoothly, are well thought-out and look beautiful when being used.

3ANGLE by Rasam Rostami. 3ange is a concept of a sci-fi watch face. The corners of triangle show the time and it changes every 5 seconds.

Clock App for Android Wear by Ramotion. The gif shows how the watch looks like showing time and then up pops a notification.

Ebay for Android Wear by Gary Keeler. On this gif you can see process of confirmation some action on Ebay. The animation looks pretty awesome.

Circa by Ruben Rodrigues. The screen shows the time and the favourite apps of the user on 8 points near the edge of the screen.

Simple by Yecid Sanmartin. Here’s a nice concept design featuring the look and feel of a time, weather and temperature you would normally see on a mobile app instead of on a watch.

Moto360 by Carl Hauser. It looks like a home screen for smartwatch. A nice wallpaper with time and weather information. This design is definitely banking on the less is more feel.

Weather App by Jan Erik Waider. This weather app shows temperature and weather conditions for three days ahead. The gradient on the background is supposed to adapt to the current weather situation and change color.

Weather App for Moto360 by Nicolás J. Engler. This smartwatch interface is clean yet informative. It shows weather conditions and temperature on a beautiful background.

Nike Running for Android Wear by Riste Lazoroski. The screen showcases the number of kilometers the user ran as well as the time. This is used with the Nike app. The color is also a refreshing touch.

Music App by Amit Jakhu. Here is a simple concept of a music player on a smartwatch. It has the ability to play, pause, repeat, and shuffle songs. The album cover on the background looks amazing too.

Medical App Design by Ramotion. See live data about your health on the screen of your smartwatch. Here you see the blood pressure data displayed with a graph in the background.


20 Web Design Concepts That Will Blow Your Mind

Creating an effective and exciting experience is a crucial part of success of any website design. With HTML5 it is now possible to add dynamic interactions to websites and make them come alive. In today’s collection I’d like to share of the 20 coolest web design concepts found on the Web.

VOID is a website created by Hi-ReS! agency as a playground for various visual experiments. Follow the instructions and get lost in the abyss.

This website was crafted for celebrating Amsterdam’s creative vibe. I love detailed vivid illustrations and smooth moves. Click and drag anywhere in the page to move the cruise ship.

1. The House Hunters Journey

Panic, an animation studio in Latvia, shows their skills in motion graphics, 3d animation and graphic design which help them make amazing stories come alive. Check out their Works to get an idea of the possibilities.

2. Super Mario Museum

How do you tell the tale of a vivid sea voyage? Like this. You tell it like this. This amazing website shows a sailing trip experience from France to the Canary Islands.

Brewery is the first cyber bar. It’s the most fun and entertaining way to invite your friend for a beer. Just go to the link provided on a home page and press the button.

3. V O I D

These sites all step out of the box to create something really special but in order to experience what has been built, you have to visit the sites yourself.

4. Make Me Pulse

Austria is home to crystal clear lakes, Tyrolean mountains and Viennese museums. This website helps give you a first-person view albeit online experience that takes you through beautiful places in Austria. Choose where you want to go next.

5. Le Dernier Gaulois

Fornasetti is a design brand known for its unique style. This website is a playful secret page where you can click-shoot at flying face-discs (go to the site, and this sentence will make sense).

6. Fornasetti

7. Social Wars

This website is a web-documentary in progress and features 3D videos and panoramas, documentary plots, real-life characters, a unique shooting perspective and Norilsk timelines.

8. Beer 34

Here is one more website dedicated to Star Wars. It collects Star Wars memories and you can share your own memories there. Try not to break the pew-pew buttons.

9. Si le Soleil

In this list you’ll see website designs that are out of the ordinary, almost wildly experimental. Some sites will take you through cinematic video experiences, others have 360º views that allow interaction, and more come with amazing visual and sound effects triggered with clicks, drags and hovers, unusual navigation etc.

10. Norilsk Film

34.ge was made for the first Georgian craft beer 34. Everything you need to know about this legendary beer is told here using beautiful detailed illustrations.

11. LACOSTE – F/W OUTERWEAR 2015

30u is a shoes collection website where you can pick your own style. You can change color combinations and the whole look of the shoes to choose what style fits your taste best.

12. Holiday Memories

This website shows how the British holiday has changed through a hundred years. It features unique old photos and facts about travelling.

13. City of Future Water

"Click & hold" to see various interaction features, such as reversing letters or bright tape stretching toward your mouse. Mouse over to see more effects.

14. Share the Force

The video game of my childhood is still popular among some geeks, and if it is your thing then this Mario Museum will be a stroll down memory lane. You can explore many eras of Mario game with this simple site.

15. Creative Cruise

This is a 360 interactive lookbook made by Lacoste in China. Discover yourself in a snow globe where time has stood still and see floating models in Lacoste outerwear collection.

16. Brewery

A stats page for Star Wars: Episode VII, this site is set to track the social footprint of the franchise. Click Use the Data Force to get started.

17. Panic

The hunt for the perfect house starts in your mind. This cool interactive website (with cool navigation) is aimed to take you through all needed steps to find a dream home. Start the experience by scrolling on your mouse.

18. Nike – Geç Kendini

Discover a story of Apatar, a legendary Gallic through six beautifully illustrated episodes. The website has great usability and a well integrated scrolling experience.

19. 30u

Denmark is known as an international front-runner in water technology. This website presents innovative water technologies through interactive design elements.

20. Austrian Summer Moments

This website was created to promote Nike Women 2015 Summer Styles. It’s an interactive playful video experience where you can choose what to do next.


Facebook Redesigned: An In-Depth Analysis Of Independent Designs

What I like most here is the clear structure of data in the timeline. Everything is organized clearly and there are even sidebar links to switch between recent posts and popular posts.

But some of the sidebar elements do come off as slightly confusing. For example, a green button with a single plus sign right beside a “follow” button. One uses just a symbol, the other just text. This feels incongruent with the design style and other profile info.

Streamlined Profile Page

Timeline posts can be sorted by “recent” or “popular” based on your preference. This is big for usability, especially in the wake of Twitter’s backlash against the recently-mandated algorithm change.

Also many of the buttons display larger with extra padding and bigger typography. Since Facebook is meant to be interactive it only makes sense to increase visibility of items like buttons and hyperlinks.

haris jusovic facebook redesign

Overall this concept feels compact and lighter in bloat. It would be nice to see Facebook place more of a focus on interactive elements and maybe increase their font sizes, too.

The design is striking but can be off-putting to some users. It relies on multiple page columns to organize the user’s profile links, along with a timeline view of recent posts. All the colors and elements stay true to Facebook’s design styles. It certainly feels like a Facebook timeline page.

In this design he places more focus on simplicity by highlighting the page owner with a more prominent header photo and profile pic.

Multi-Column Timeline

Facebook’s homepage is the initial timeline view that users see when first visiting the website. It includes recent posts from friends, a chat list, games, ads, and other relevant info like upcoming birthdays.

Larger websites like Facebook deal with much more data and a userbase that wants easy access to that data. In the homepage redesign by MagicVoltage you’ll find one consistent feature: lots of content crammed into one page layout.

alejandro osorio facebook redesign

This profile page redesign comes from Haris Jusovic, a designer from the Balkan region of Europe.

Veering towards a vertically columnal layout is Alejandro Osorio’s redesign. This layout represents the profile timeline view that Facebook users see when they visit a user’s profile page.

Content-Dense Redesign

But in defense of this design it handles densely-packed content very well. There’s plenty of whitespace between elements and it runs a four-column design brilliantly.

The busy-ness of this layout is what makes it both great and potentially controversial. Having all this content on one page makes it super easy to navigate – once you actually learn where everything is located. And the top-left icon links are just vague enough to dissuade anyone from interacting with them.

magic voltage facebook redesign

This so-called Facebook 2.0 redesign created by Marcelo Silva is really a sight to behold. His demo layout displays an updated homepage with a timeline

There’s a lot to learn by studying the work of other designers. This is true of both professional projects and spec designs for existing websites. Large sites like Facebook serve a very particular user experience with some good elements, and other not-so-good elements. In this post, I’d like to examine different Facebook redesigns to analyze interface concepts that could improve the current user experience.

Voluminous Navigation

I’ve pulled a handful of custom FB redesigns from Dribbble users, each with specific enhancements and updated UI elements. Take these ideas into consideration for how they look, how they might function, and how they could impact usability if implemented live on Facebook.


20 Beautiful Boarding Pass Design [Showcase]

Here are 20 beautiful and practical printed and digital boarding pass designs you need to see.

If concept designers can ever teach you anything, it is that there is no excuse to sidetrack design especially when it comes to branding. As these following examples will easily show, it’s time we give our boarding passes a much-needed facelift.

In these travel documents, design is almost always an after-thought, beyond the piles of data, barcodes and the obligatory airline logo. Let’s face it, how many of you collect boarding passes, for the design? That’s what I thought.

For an idea as romantic as flying the world, visiting the unknown, traveling the globe and mingling with strangers, we seem to hold in our hands the most boring representation of that romantic notion: the technical, square, plain-looking flight boarding pass.

IMAGE: Michael Grafenberger

IMAGE: Rafael Eifler

IMAGE: Jose Bautista

IMAGE: Lisa Fischer

IMAGE: Dan Tsonkov

IMAGE: Tallman

IMAGE: Miroslav Rajković

IMAGE: Tobia Crivellari

IMAGE: Yiwen Lu

IMAGE: Joey Banks

IMAGE: Alex Chernault

IMAGE: Aaron Cui

IMAGE: Victoria Tsukanova

IMAGE: Max Di Capua

IMAGE: Muawwaz Yoosuf

IMAGE: Kirill Tsyganyuk

IMAGE: Jordan Springstroh

IMAGE: Tintins

IMAGE: Nick

IMAGE: Aurélien Salomon

Now Read:
33 Beautiful Redesigns of Popular Websites