Design

20 Amazing UI/UX Web Designs

UI/UX design stands for User Interface and User Experience design. A user interface is what people see when they access a web page or an application (what it looks like) and the User experience is the net sum of every interaction a person has with a company.

UI/UX design has drastically changed over the last 3 years. People have less time and have become overloaded with internet information. It is quite interesting how user behaviors have evolved during this time. This survey shows how the user stays an average of 10-20 seconds on a web page, not much time to explain how a web page works by the way. However, if you know how to utilize these 10 seconds well, he/she will stay and will be a potential customer.

User experience strategy and design ensures that these messages are put forth with intention and purpose. But what does it take to make a good UI/UX design? Resources and results may vary but there are 3 things that are always effective: Minimalism (in color and layout), neatness and one clear message (like business cards). People won’t read the text in your web, they would get tired with too many messages (such as products, explanations, too much information on the about section – which, by the way is a key point) and most important of all they won’t waste their time understanding how your web page works.

The following is a list of the very best designs online, both in UI and UX. Click on the links and experience their sites, you’ll be amazed by how little text you’ll read and how well you’ll understand what they do.

 

1. Cyclemon (must check!)
__________________________________________________________________________________
Virginia Duran Blog- Best New Web Design - Inspiration- cyclemon

 

2. Apostrophe Copywriters
____________________________________________________________________________
Virginia Duran Blog- Best New Web Design - Inspiration- apostrophe copywriters

 

3. Corpus
_____________________________________________________________________________
Virginia Duran Blog- Best New Web Design - Inspiration- Corpus

 

4. Derek Boateng
_____________________________________________________________________________
Virginia Duran Blog- Best New Web Design - Inspiration- derekboateng

 

5. Linda Dong
________________________________________________________________________________
Virginia Duran Blog- Best New Web Design - Inspiration- lindadong

 

6. In Motion | Mobile Massage, London
_____________________________________________________________________________
Virginia Duran Blog- Best New Web Design - Inspiration- In Motion

 

7. Salt Surf
_____________________________________________________________________________

Virginia Duran Blog- Best New Web Design - Inspiration- saltsurf

 

8. think moto | Brand new thinking
____________________________________________________________________________
Virginia Duran Blog- Best New Web Design - Inspiration- thinkmoto

 

9. More Air
_____________________________________________________________________________
Virginia Duran Blog- Best New Web Design - Inspiration- More Air

 

10. Eone (must check!)
____________________________________________________________________________
Virginia Duran Blog- Best New Web Design - Inspiration- Eone

 

11. KOA Water
____________________________________________________________________________
Virginia Duran Blog- Best New Web Design - Inspiration- KOA Water

 

12. Find & Form
______________________________________________________________________________

Virginia Duran Blog- Best New Web Design - Inspiration- findandform

 

13. C-ROOTS
____________________________________________________________________________
Virginia Duran Blog- Best New Web Design - Inspiration- C-Roots

 

14. Another Pony
____________________________________________________________________________
Virginia Duran Blog- Best New Web Design - Inspiration- anotherpony

 

15.Wavefront Music Festival 2013 (must check!)
____________________________________________________________________________

Virginia Duran Blog- Best New Web Design - Inspiration- Wavefront Festival

 

16. Cedric Vella
____________________________________________________________________________

Virginia Duran Blog- Best New Web Design - Inspiration- Cedric Vella

 

17. Big Bend Brewing
_____________________________________________________________________________
Virginia Duran Blog- Best New Web Design - Inspiration- bigbendbrewing

 

18. Shadow (must check!)
_________________________________________________________________________________

Virginia Duran Blog- Best New Web Design - Inspiration- Shadows

 

19. My Own Bike
____________________________________________________________________________
Virginia Duran Blog- Best New Web Design - Inspiration- myownbike

 

20. Zofia Chylak
______________________________________________________________________________
Virginia Duran Blog- Best New Web Design - Inspiration- Zofia Chylak

______________________________________________________________________________________
Note: For more amazing Web Designs click here.
______________________________________________________________________________________

22 thoughts on “20 Amazing UI/UX Web Designs

  1. I agree that UI/UX design is important. I suppose one has to know the target audience and design accordingly. Some of the examples you gave lost my attention when the text started to appear.

    Like

    • Text can be very very tricky. But in general people won’t read the text, any text besides the home page. You must be the exception, but you are used to reading all the time so I guess you will be considered as atypical audience🙂

      Like

      • Maybe I am ‘old school” and take a lot longer to absorb information. In 10 secs all I would see would be the colour of a page😀 , so I need to spend longer on a page to get even the smallest idea of what it is about. So designers should remember ‘slowness” when they are designing for an older age group!

        Like

    • The value generated by UI and UX is much less compared to the value generated by the dataflows. Even a second is long enough to track the datastream and use targeted marketing to bind potential customers (Marketing via cookies). That is why al lot of company sites suck. I’d say fanciness of the user interface is important, but functionality is more important. In times of crisis you notice this the most.

      Like

      • Very interesting thought, you are right. However, when talking about UI/UX being very important it is taking for granted that the functional part works perfectly. It is like talking about the façade of a building when we know the structure is right and won’t ever collapse. But it is true sometimes it is invested more money in appearance than in functionality, and that is wrong.

        Like

        • That is why UX/UI has been combined into one practice, it isn’t just about the look of a site. UX/UI (or as I simplify my title to UXI) encompasses design and functionality to create the best user experience. A site can look amazing, but have a horrible flow, this negatively affects the users experience. That is why both the interface and the experience need to be taken into account when creating a website. It’s not just what the person sees, but the emotional response they get when using the site that keeps them on the site. If a person things the site looks good, but can’t get around or find the information they want, they will leave. A dataflow can’t record if a user things the site is pretty, but it can chart if their experience is pleasant by how long they stay on the site and where they go on the site.

          Like

  2. I really appreciate the time you took to find these websites… I clicked on every one of them to see how they presented themselves. I have to admit, most of them are too “cutesy” for me… I could not figure out right away what the purpose of the website was. I like to see right on the homepage: “We sell fish”… then all the kinds of fish they sell are listed!!! I don’t think of websites as art, even the ones that are about art… I go to the internet for information.
    However, I thought Apostrophe Copywriters was very clever. First of all everything you need to know is in the name. Then next up, the fill-in-the-blank question… “its” or “it’s” as one example… that’s just brilliant… I really had to think about “renowned” as I always get that wrong…
    I also liked C-Roots… everything I need to know is right there on the homepage and an obvious path through the website.
    But an interesting post… thank you!

    Like

    • Wow! You did your homework. I think your feedback is invaluable and I hope some of these people get to read what you just wrote about their interface. It’s really interesting how your vision of webs is just for information. I find really annoying not finding information for example on museum’s sites. So I have to agree with you on that.

      I am currently working on a web design so thanks again for all this useful feedback. Will definitely change the home page after reading your thoughts😉

      Like

  3. I wanted to make these kind of websites as u posted above but is clueless from where to start and where to go for training.
    Please guide me where I can get the best training for making these such sites by my own.
    I am a IT person and knows basics such as HTML,CSS and jquery .
    I would be thankful to u all.

    Like

    • Hello Kumar,
      Thanks for stopping by. I am happy that you liked those websites. If you already have some coding skills I would start learning about UI/UX and Human Computer Interaction. There are some free courses here http://coursera.org/ that may be useful to you such as the HCI of Standford University.

      Hope it helps🙂

      Like

  4. Pingback: UX / UI Resource Materials | poamrongr

  5. Pingback: 20 Amazing UI/UX Web Designs (II) | Virginia Duran

  6. Thanks for following my blog – I came back for a look and found this post, which in turn led me on to Cyclemon, Very cool stuff indeed.

    Like

  7. Pingback: Design: 9 Successful Colour Combinations for Web and Graphic Design | Virginia Duran

  8. Pingback: Design: Amazing Beer Bottle Designs | Virginia Duran

  9. Pingback: 30 Creative Resumes That Will Help You Build Yours | Virginia Duran

  10. Pingback: 15 Beautiful and Minimalist Websites | Virginia Duran

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s