Each from time to time, I will come throughout a web site that basically attracts me in. So, I discovered 32 of them to point out you.
These websites push the boundaries of what’s recognized to be doable on the internet. Whether or not it is the design aesthetic, usability, interactivity, sound design, or worth that the positioning gives, every one is a masterpiece in its respective business, and one thing to be impressed by.
Not surprisingly, many organizations exist to focus on these websites and the contributions they make to the net. To assist floor a number of the most inspirational designs, I gathered 32 award-winners which have made their means via a number of key awards organizations — together with Awwwards, UX Awards, The Webby Awards, SiteInspire, Greatest Web site Gallery, and FWA.
Click on the hyperlinks under to leap to a bunch of web site designs that crushed it within the final a number of years:
Beneath this record, I additionally discovered six extra web sites whose homepage designs are simply plain cool and price studying from.
As you flick through the record, know that every web site excels in its personal means and seeks to serve a novel function. Whereas one web site could also be a wonderful instance of visible design, one other could also be a wonderful instance of interactivity. Because of this not all of those websites could also be “conversion machines” or blueprint concepts that you would be able to simply copy over to your web site.
Fairly, they’re nice methods to achieve some web site design inspiration and see the cutting-edge advertising that is taking place within the completely different corners of the net.
Greatest Web site Designs
- Virgin America
- Mikiya Kobayashi
- The Historical past of Local weather Change
- Woven Journal
- JOHO’s Bean
- World of SWISS
- Rainforest Guardians
- Protest Sportswear
- The Trainer’s Guild
- Inside Abbey Highway
- Merely Chocolate
- Citrix: The New Cellular Workforce
- crypton.buying and selling
- Southwest: Coronary heart of Journey
- Frans Hals Museum
- The Octopus: Design Weblog by IDEO
- Nomadic Tribe
- Guillaume Tomasi
- The District
- Tej Chauhan
- Amanda Martocchio Structure
- The District
- Tej Chauhan
- Amanda Martocchio Structure
Stunning Award-Profitable Web sites
And the awards go to …
Greatest Web site Designs from 2014 – 2015
1. Virgin America
Award: Most Vital Business Evolution, 2014 UX Awards
In a world the place airline web sites are recognized to be riddled with main usability points, Virgin America has probably the greatest web sites that pushes usability, accessibility, and responsive design ahead. Actually, it has been named as the primary really responsive airline web site, a brand new precedent within the business.
Award: Web site of the Day (6/6/2015), Awwwards
Not solely is Feed an attention-grabbing idea, however it additionally has a surprising execution that challenges our understanding of what’s doable on the internet. By a inventive mix of animation and video, the positioning immerses the consumer into a really partaking expertise. As an atypical web site, it accommodates a number of distinctive usability parts as effectively, together with a navigation that doubles as a scroll progress bar.
Award: Web site of the Day (5/19/2015), Awwwards
ETQ takes a really minimalistic strategy to ecommerce with their stripped-down web site with huge, compelling visuals of their product. Easy, flat, color-based backgrounds accompanied by robust typography assist to maintain the deal with precisely what the consumer got here there to see: footwear.
4. Mikiya Kobayashi
Award: Web site of the Day (7/4/2015), Awwwards
Mikiya is a Product Designer with a minimalistic portfolio that showcases his work via robust images and refined animations. His full web site was initially created in Japanese after which translated into English, serving to exhibit the worldwide scalability of his design.
5. The Historical past of Local weather Change
Award: Web site of the Day (6/23/2015), Awwwards
Observe the footsteps of Luc Jacquet as Wild-Contact takes you alongside this visible and academic journey concerning the history of global climate change. A mix of historic media and distinctive animations assist inform the story.
Award: Web site of the Day (4/19/2015), Greatest Web site Gallery
Beagle does an distinctive job of visually and progressively telling the story of their product in a easy and easy-to-digest means. It is a main problem for a lot of startups, particularly after they’re introducing new ideas to current markets. Individuals need to know, “What’s your product? How does it work? Why do I care?” Beagle solutions all these questions whereas concurrently displaying off their product and compelling the consumer to buy. Plus, they’re one in every of few websites that really carried out “scroll hijacking” accurately.
7. Woven Journal
Award: Web site of the Day (4/4/2015), Greatest Web site Gallery
Woven is a web based publication that celebrates artists, craftsmen, and makers alike. To me, they symbolize a affirmation that publications can (and will) have stunning, partaking websites with easy-to-read content material. Freed from distractions like pop-ups and obtrusive adverts, this web site all concerning the expertise of the content material itself.
8. JOHO’s Bean
Award: FWA of the Day (8/7/2015), Favourite Web site Awards
The web site for JOHO’s Bean has unimaginable imagery, interactivity, story telling, visible design, and most of all, sound engineering. These all come collectively to create a compelling, emotional, and interesting web site that tells the story of a espresso bean’s journey.
9. World of SWISS
Award: Greatest Person Interface, 2015 Webby Awards
One other airline?! What is occurring?! Yep, SWISS airways constructed an extremely immersive web site that tells their story and describes what it is prefer to fly with them — and so they merely did too nice of a job to be ignored. Robust visuals and animations introduce the consumer to completely different sections of the positioning which might be filled with data past the standard gross sales and advertising pitch that’s so frequent at the moment.
Greatest Web site Designs from 2016
10. Rainforest Guardians
Award: Greatest Activism Web site, 2016 Webby Awards
Rainforest Guardians grew to become one of the immersive nonprofit web sites of 2016. Searching for to construct consciousness round deforestation, the positioning permits customers to “go to” the varied villages, natives, and waterways that make up the Amazon Rainforest. The positioning places interactivity on the heart of its consumer expertise — a clever alternative in case your objective is to get folks to attach along with your trigger and convert into volunteers.
11. Protest Sportswear
Award: Web site of the 12 months (2016), Awwwards
The Awwwards calls Protest Sportswear a “shoppable look e book,” and that is precisely what this web site is. As a clothes clothes shop, this web site has reinvented the best way they market their product: Fairly than selling clothes of clothes, Protest Sportswear promotes “appears.” This makes the corporate’s product probably the most interesting a part of the web site itself, utilizing a collage of kinds to design a homepage that adjustments as typically as its buyer’s kinds do.
12. The Trainer’s Guild
Award: Greatest Affiliation Web site, 2016 Webby Awards
The Teacher’s Guild is an expert neighborhood of educators whose web site publishes content material that addresses at the moment’s most important challenges in training. What makes this web site award-winning is the way it balances various content material sorts — applications, options, approaches, and collaborations — with out overwhelming its guests. Not solely are its background visuals prominently positioned, however in addition they use white area to emphasise the written calls to motion on the heart, as proven within the screenshot under.
13. Inside Abbey Highway
Award: Greatest Music Web site, 2016 Webby Awards
Google knocked it out of the park with this extremely interactive site, which permits customers to step into the Abbey Highway Studios. Good sound design, navigation mechanics, and visuals blended with the standard “Google aptitude” all assist draw guests in to this well-made net property.
Greatest Web site Designs from 2017
14. Merely Chocolate
Award: Web site of the 12 months (2017), Awwwards
You may get a yearning for chocolate simply taking a look at this web site — and in a means, that is Simply Chocolate‘s web site working as designed.
This appetizing web site is that of a Denmark chocolate maker named Merely Chocolate. Its web site makes use of quite a lot of colours (and artistic product names) to advertise every chocolate bar. And as you scroll from one product to the subsequent, all of them appear to stay constant in model. The three-dimensional look of every chocolate bar makes you are feeling like you may seize it off of your pc display, whereas the “Add to Field” CTA to the top-left is ideally positioned for customers to pick the merchandise they need whereas searching.
Award: Greatest Cultural Weblog/Web site, 2017 Webby Awards
Nowness is maybe the best crowdsourced video weblog on the web at the moment. That was a mouthful … what does all that imply?
NOWNESS‘s “crowdsourced” nature is a part of what makes it an award-winner. This implies most of its content material comes from impartial creatives — an more and more widespread means for companies to publish content material. NOWNESS can also be a video weblog, which means all of its weblog content material is in video format. Collectively, these qualities assist make Nowness a charming hub for the tales that manufacturers in every single place attempt to inform.
16. Citrix: The New Cellular Workforce
Award: Web site of the Day (11/23/2017), Greatest Web site Gallery
This web site — devoted to Pink Bull’s partnership with Citrix, a cloud-based software program firm — is wonderful.
The New Mobile Workforce, a web site owned by Citrix, makes use of panoramic images to point out guests how Citrix is supporting Pink Bull Racing’s new race automotive. Even for those who’re not a car-racing fanatic, the web site’s intelligent animations to elucidate a sophisticated automotive know-how are exhausting to disregard.
Greatest Web site Designs from 2018
17. crypton.buying and selling
Award: Web site of the Day (4/3/2018), Awwwards
Meet crypton.buying and selling, your robotic accountant.
Crypton.trading is a buying and selling hub for cryptocurrencies comparable to Bitcoin, utilizing synthetic intelligence to foretell adjustments in a foreign money’s worth and determine key shopping for and promoting alternatives. The web site was rated excessive for its improvement and design, because it progressively explains extra of the developer’s strategies the additional down guests scroll.
This award-winning web site makes tech-savvy guests really feel proper at dwelling the second Crypton’s greeting seems throughout the homepage, one letter at a time.
18. Southwest: Coronary heart of Journey
Award: Greatest Visible Design – Aesthetic, 2018 Webby Awards
When Southwest Airways needed to show its clients had been “greater than only a greenback signal,” the corporate created a web site whose design was assembled utilizing the shapes of their clients’ flightpaths.
The web site, known as Heart of Travel, even permits guests to create their very own art work out of a visit they may plan on taking. On this means, Southwest’s web site is a product of their most loyal passengers.
Award: Greatest Humor Web site, 2018 Webby Awards
It isn’t that tough to make somebody giggle on the web; a lot of what we learn and devour on-line is supposed to be entertaining. However it’s exhausting to do it constantly for a big viewers. Reductress is a satirical journal whose headlines and basic studying expertise are top-tier within the humor division — making the web site itself a high quality property.
Award: Web site of the Day (3/20/2018), Greatest Web site Gallery
Overflow is a design device that permits folks and companies to create story-like movement diagrams of their concepts in order that they’re simpler for others to grasp. Other than this being only a good service, the Overflow web site practices what it preaches: Together with vibrant purple call-to-action buttons for downloading the device, this web site promotes its product one of the best ways it is aware of how — utilizing a movement diagram.
The web site delivers this movement diagram within the type of a video. And whereas embedded movies can look slightly clunky sitting in the course of a web site’s different design parts, Overflow’s is completely positioned and precisely what you’d need to see when touchdown on the positioning for the primary time.
21. Frans Hals Museum
Award: Web site of the 12 months (2018), Awwwards
It may be robust for a museum, whose model is based on quite a lot of unimaginable art work, to deliver all of it collectively on a cohesive web site. That is what makes the web site of the Frans Hals Museum so spectacular.
Positioned within the Netherlands, this museum has created a web site that makes use of a mix of digital design parts and its personal reveals. This combination helps guests perceive what they’re going to see, after they can see it, and the place else they’ll get a style of what this museum has to supply. Talking of the latter, the museum promotes its Instagram account immediately on its homepage — an excellent transfer for a museum trying to increase its viewers throughout its on-line channels.
Award-Profitable Designs of 2019
22. 1917: Within the Trenches
Award: Awwwards’ Greatest Web site of the Day
This website, made to advertise the movie 1917, means that you can stroll across the trenches and carry out the identical mission that the characters did within the movie. You can even see their maps or entry different instruments.
It is a nice instance of a web site that. went above and past with interactivity in addition to a web site that leverages its personal content material and prewritten storyline to market its movie. This web site gained Web site of the Day by Awwwards which permits designers to vote and nominate nice web site’s they see each day.
23. The Octopus: A design weblog by IDEO
Award: Enterprise Weblog/Web site 2019 Webby award
IDEO, a worldwide design firm, gained the Enterprise Weblog/Web site 2019 Webby award for its Octopus weblog, and for good purpose. The blog includes a smooth, black-and-white Octopus drawing as its homepage design, and makes use of yellow, black, and white to create a cohesive theme as you scroll.
In case you hover over a weblog put up, the title is highlighted in yellow, and for those who hover over a picture, the picture is pulled in the direction of you — two small options that make a giant distinction when it comes to creating a novel and interesting consumer expertise.
24. Nomadic Tribe
Award: Awwwards’ Web site of the 12 months nomination
This web site, which was nominated for Awwards’ Site of the Year, is likely one of the extra partaking websites I’ve seen. The homepage instantly begins taking part in a surprising video that includes a person strolling throughout a desert, adopted by attractive panorama scenes and textual content like, “Are you fortunate sufficient to name your self an adventurer?”.
The textual content all through the website is playful, with colourful pinks and oranges and yellows, and the homepage is logically designed, with CTAs positioned all through that vary in commitment-level from “Learn Extra” to “Watch Now” and, lastly, “Obtain the App”. Finally, the web site is superbly designed with a powerful consideration to element, and tells a compelling story all through.
25. Diana Danieli
Award: Webby 2019
This 2019 Webby winning site exhibits off imagery of artwork and structure with both excessive distinction or heavy publicity. As a web site customer, you may click on and drag your mouse to vary the photographs and variations. Every picture exhibits a bit of labor that highlights the artist who owns the web site.
26.George Nakashima Woodworkers
Award: Webby 2019
Different Cool Web site Designs
Minimums takes a really daring strategy to the best way that they show their content material, leveraging a grid-based web site design, huge typography, and full-width, high-quality pictures. Their web site serves as a very nice instance for how one can correctly execute a grid construction whereas nonetheless sustaining a pleasant visible hierarchy within the design.
MovieMark is a development advertising company and HubSpot Partner, whose web site is roofed head to toe within the service it affords: digital storytelling. Positioned in Colombia, the company makes video a core focus of its model, so it is solely becoming that MovieMark‘s web site follows this theme. And oh, how visually pleasing the movies on its web site are …
29. Guillaume Tomasi
As a Photographer in Montreal, Guillaume Tomasi has constructed a portfolio that is really match to deal with his distinctive and awe-inspiring images. His surreal photograph type is juxtaposed by his easy, flat, empty, and minimalistic portfolio design that locations all the deal with the work itself.
His distinctive collection navigation coupled with art-gallery-inspired work introductions and excellent scrolling interactions yield an expertise paying homage to that of an actual gallery.
30. The District
This branding company takes its imagery significantly, and it ought to — it handles all channels of media for his or her purchasers. The District’s website, alone, is a journey via a number of the most stunning art work and images you’ve got ever seen.
These provocative tiles change quickly as you discover the web site, and the wackier they appear, the extra you turn into in studying about their previous work.
31. Tej Chauhan
Tej Chauhan has turned impressionist art work right into a enterprise mannequin with this intriguing web site. Every picture on this product developer’s homepage slides out to cowl the earlier picture, providing little context across the object you now see in entrance of you.
However is not that lack of context precisely what makes you need to study extra? The tagline, “Souvenirs of The Close to Future,” suggests these objects are part of their product line — and a possibility so that you can get these revolutionary objects into your life.
32. Amanda Martocchio Structure
An structure agency won’t specialise in net improvement, however its web site ought to nonetheless exhibit its dedication to visually pleasing design. Amanda Martocchio took that to coronary heart with this attractive web site.
It is no secret that Amanda Martocchio Architecture loves its work — every image on the homepage of its web site is a fascinating shot of the homes the corporate designs. The web site labels each home you scroll via with the kind of design that was supposed, together with quite a few angles to every constructing.
Web site Design Concepts
Now that you’ve got seen quite a lot of superbly designed and award-winning platforms, hold these potential concepts in thoughts as you create your personal.
- Take into account methods that you would be able to make your web site interactive, just like the 1917 instance.
- Make a web site that emphasizes the cellular expertise, even whereas it nonetheless has a great UX on desktops.
- Create a web site that tells a narrative about your model with photographs, textual content, or video.
- If you cannot create a closely interactive web site, think about drawing in eyes with a web site that presents a slideshow of your photographs.
- Guarantee your call-to-actions are simple to see, and encourage guests to proceed exploring your web site
- Maintain navigation clear. Guarantee your guests at all times know how one can get again to the homepage.
- Combine your social media websites by way of social embed buttons, so web site guests can simply observe you in your varied social channels.
- Maintain every of your net pages constant in design — together with font, colours, pictures, and messaging.
- Take a look at your web site’s usability with a heat map, which can present you on which net pages your guests are more than likely to bounce.
- Embody a stay chat or chatbot to present guests the choice to interact with you immediately in your web site if they like stay chat to telephone calls. Stay chat can automate features to your gross sales and repair reps and create a greater communication expertise for the shopper.
- Get an SSL certificates to make sure your web site is safe. SSL is a part of Google’s search rating algorithm, so an SSL certificates will help you rank greater in search.
Need extra web site design examples? Take a look at these wonderful product pages you will need to copy instantly.