Your web site inspiration journey begins right here.
Deciding to create an internet presence is an enormous resolution, however the very best web sites are a fruits of many small selections. However one main resolution that takes time, diligence, and an excessive amount of inspiration is the design of your web site.
On this article, we’re sharing a number of dozen of the very best web site designs we’ve seen. Click on the hyperlinks under to leap to discover web site designs that crushed it within the final a number of years. We’ve additionally included a bonus part of designs which might be simply plain cool — so test them out, too!
The place to Get Your Design Inspiration
In order for you some design inspo, the excellent news is that you’ll find it nearly all over the place.
Among the best methods to get inspiration for design is thru journey. Whenever you go to new locations, you’re pressured to get out of your consolation zone and expertise one thing international.
What makes design so attention-grabbing is that everybody sees it in another way and so, there’s at all times extra to find.
One other method to get design inspiration IRL is thru the media. Daily, we’re inundated with visible content material. We make selections about what we like, what we don’t like, and proceed on our day.
However what for those who have been extra intentional about the way you considered these interactions? You possibly can come out of it with beneficial insights.
You can also’t overlook to leverage design communities. From design conferences to Reddit boards, there are a whole bunch of teams on the market that may supply inspiration in addition to recommendation.
Now that we’ve lined some IRL design inspiration sources, let’s cowl the digital ones.
Web site Design Inspiration Sources
1. HubSpot’s Asset Market
HubSpot’s Asset Market homes a whole bunch of web site templates you can sift by to get impressed on your personal web site.
The very best a part of {the marketplace} is you can slim down by trade and have, permitting you to see the templates which might be most related.
When you discover a template you want, you may view a dwell preview of the positioning to get a full expertise then obtain it for those who determine to make use of it.
2. Dribble
Dribble is the place designers go to get impressed and to share their work. The web site has every little thing from animation and branding to illustration and cell.
When you navigate to the “Internet Design” tab on the homepage, you may filter outcomes by colour scheme, modifying software program, timeframe, and tags.
Moreover, for those who discover a designer whose work you want, it can save you the design for future reference and comply with their work to see different designs on their profile.
That is an unbelievable useful resource to make use of whether or not you’re ranging from scratch or have already got a strong plan in thoughts.
3. Bēhance
That is one other digital platform stuffed with inventive inspiration to leverage forward of your web site design mission.
Among the best options on this website is the flexibility to filter by location. This lets you see how designers in numerous areas differ in approach and magnificence.
This may be notably useful in case you are designing an internet site for a international, unfamiliar market. You’ll be able to achieve attention-grabbing insights by evaluating the choices made by Behance designers.
4. Pttrns
Wish to deal with cell internet design? Pttrns is the place to go.
This subscription-based platform permits you to achieve entry to hundreds of cell design templates and get recommendation from prime designers all around the world.
Extra options on this platform embody:
- A favorites and collections folder to retailer your favourite designs.
- A studio to work together with different designers and get recommendation.
- A design information to know the technique behind the designs.
Greatest Web site Designs to Encourage You in 2022
- IBM
- Superlist
- Hyer
- Swab the World
- Latest Individuals
- Spotify Design
- Andy Warhol
- Human Interplay Firm
- Garoa Skincare
- 1917: Within the Trenches
- The Octopus
- Nomadic Tribe
- Diana Danieli
- George Nakashima Woodworkers
- crypton.buying and selling
- Southwest: Coronary heart of Journey
- Overflow
- Frans Hals Museum
- Merely Chocolate
- NOWNESS
- Rainforest Guardians
- Protest Sportswear
- The Instructor’s Guild
- Virgin America
- Feed
- ETQ
- Mikiya Kobayashi
- Woven Journal
- JOHO’s Bean
- World of SWISS
- Guillaume Tomasi
- The District
- Tej Chauhan
- Amanda Martocchio Structure
From acquainted companies to small companies, to worldwide organizations, the next websites push the established order on the internet. Whether or not it is the design aesthetic, usability, interactivity, sound design, or worth that the positioning gives, each is a masterpiece in its respective trade and one thing to aspire to.
Not surprisingly, many organizations exist to focus on these websites and the contributions they make to the online. To assist floor among the most inspirational designs, I gathered a number of award-winners which have made their means by a number of key awards organizations — together with Pink Dot, Awwwards, UX Awards, The Webby Awards, SiteInspire, Greatest Web site Gallery, and FWA.
As you flick through the checklist, know that every website excels in its personal means and seeks to serve a novel goal. Whereas one website could also be a wonderful instance of visible design, one other could also be a wonderful instance of interactivity.
Which means not all of those websites could also be “conversion machines” or blueprint concepts you can simply copy over to your website. Slightly, they’re nice methods to realize some web site design inspiration and see the cutting-edge advertising that is occurring within the completely different corners of the online.
Understand that internet designs are fluid and alter usually. Among the designs on this checklist have modified since they have been awarded, however we do our greatest to maintain them up-to-date. We’re assured you’ll discover a design right here that sparks your creativity.
Learn Extra: 77 Examples of Unbelievable Web site Design
Obtain this free information to see much more examples of web site weblog, homepage, and touchdown web page designs.
Lovely Award-Successful Web sites
Greatest Web site Designs from 2021
IBM’s The Harmonic State
Award: Web site of the Month (July 2021), Awwwards
Whenever you land on this IBM internet web page, it’s clear to see why the design gained an award.
One of the best ways to explain the web site is as an immersive expertise. The truth is, IBM makes use of each visible and auditory components to attract the customer in and preserve them engaged.
Whenever you first land on the internet web page, you’re prompted to placed on headphones to get the complete expertise. Even for those who skip this step, you’re drawn in by the interactive background that reacts as your mouse navigates on the web page.
As well as, the web page is nicely balanced with a big title that grabs your consideration throughout from a small description with a daring blue CTA.
With a subject as complicated as AI, IBM then makes use of visible storytelling to elucidate how its Watson software works in the actual world. Guests can discover three tales by video game-like features and be taught extra in regards to the software.
It’s a enjoyable and efficient method to get customers engaged in a subject that may be difficult and dry.
Superlist
Award: Web site of the Month (April 2021), Awwwards
Superlist is a productiveness app that helps groups and people change the best way they work.
Too usually, you land on an internet site and have to determine what the model is about. With Superlist, you already know precisely what to anticipate as quickly as you get to the homepage.
The interactive homepage reveals frequent work equipment, like headphones and keyboard with clear, to-the-point copy.
Superlist successfully makes use of white house to maintain the deal with its copy. Nevertheless, to facilitate navigation, they embody a small button with an arrow icon to point that there’s extra to see on the web page when you scroll.
From there, the enjoyable visuals proceed – holding you engaged as you be taught extra in regards to the model.
Hyer
Award: Web site of the Month (2022), CSS Design Awards
Wish to make a powerful impression in your web site guests? Take a web page out of Hyer’s guide.
This hanging illustration of the airplane, because it slowly strikes throughout the display screen, is certain to seize web site guests’ consideration.
This web page has every little thing you want in an efficient homepage: A picture that tells a narrative however isn’t too distracting, use of white house, simple nav bar, a tagline or slogan, and a transparent CTA.
It’s a clear design that’s freed from any distractions and invitations guests to be taught extra in regards to the model.
Greatest Web site Designs from 2020
Swab the World
Award: Web site of the Day (2020), Awwwards
Parallax, daring colours, and unfavorable house form the design and expertise of Swab the World’s web site. The group brings consciousness to stem cell donations. Their mission is to “Be certain each single affected person finds their match. Interval.” Photographs of {couples} exhibiting love and feelings convey a human aspect to a traditionally complicated and scientific course of.
From a technical perspective, the design makes shifting down the web page really feel pure, making certain the readers attain every level of copy and each CTA on the homepage.
Latest Individuals
Award: Honorable Point out (2020), Awwwards
A company with a duty as giant as honoring previous, current, and future migrating identities wants an attractive and useful web site to assist unfold the phrase. Latest Individuals champion immigrant experiences in cities throughout the state of New Jersey. The web site makes use of lovely imagery of individuals, locations, and objects that signify this expertise in a means that flows cohesively down the homepage, telling the story of this group of America’s latest residents.
The web site is each visually interesting and useful with a easy navigation menu, tales organized by photographs, and a clear press web page that places the latest articles entrance and heart.
Spotify Design
Award: Honorable Point out (2020), Awwwards
Spotify is understood for undertaking its fair proportion of wonderful feats, and its newest iteration of Spotify.Design isn’t any completely different. Serving because the hub for all issues visible and inventive for Spotify, the music and podcast large provides listeners a glance into the who, what, why, and the way of what makes the app so sensational.
Shiny colours, drop shadows, and easy animations give this web site character and depth. The flat geometric designs with summary accents make albums and artists virtually leap off of the display screen.
Andy Warhol
Award: Honorable Point out (2020), Awwwards
Artist, movie director, and producer Andy Warhol’s life will eternally be encapsulated in a splendidly designed web site that captures his artwork type in a digital format. As you peruse the web page, your cursor turns into a highlight that converts each picture you hover over right into a unfavorable picture or inverses the colours of the textual content you’re studying.
The large, daring textual content makes a press release and emphasizes simply how vital copy is to web site design. Delicate animations assist tempo the positioning and set the tone for every part as you peruse the house web page.
Human Interplay Firm
Award: Company Web site (2020), Pink Dot
To see video finished proper on an internet site, look no additional than the Human Interplay Firm. From the second you click on on the positioning, the expertise is lightning quick. You’re dropped straight into the motion — the why, what, and the way of Human Interplay and precisely what the group does.
This Pink Dot Design Award winner goals to convey the examine of human interplay to the plenty, and within the course of, present us simply how participating it may be to find out about it. Don’t get discouraged by their award standing although — not one of the photographs on this website are photoshopped, so it’s a sensible instance of constructing high quality with the assets you have got out there.
Garoa Skincare
Award: Web site of the Day (2020), Awwwards
How do you rework the sensation of luxurious and practicality into an internet site? Garoa Skincare gives a blueprint. Whether or not your product prices half the worth of your closest competitor or twice the worth, your website can convey a way of extravagance to simply about any product you promote.
Excessive-quality visuals, typefaces that complement one another, and a stability of unfavorable house with helpful copy can convey a simplistic class to your web site.
Greatest Web site Designs from 2019
1917: Within the Trenches
Award: Awwwards’ Greatest Web site of the Day (2019)
This web site, made to advertise the movie 1917, permits you to stroll across the trenches and carry out the identical mission that the characters did within the movie. You may also see their maps or entry different instruments.
It is a nice instance of a website that went above and past with interactivity in addition to a website that leverages its 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 sites they see day by day.
Picture Supply
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 cause. The weblog incorporates a modern, 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.
If you happen to hover over a weblog submit, the title is highlighted in yellow. If you happen to hover over a picture, the picture is pulled in the direction of you — two small options that make an enormous distinction by way of creating a novel and interesting person expertise.
Nomadic Tribe
Award: Awwwards’ Web site of the Yr nomination (2019)
This website, which was nominated for Awwards’ Web site of the Yr, is without doubt one of the extra participating websites I’ve seen.
The homepage instantly begins enjoying a shocking 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 web site 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”.
In the end, the web site is fantastically designed with robust consideration to element, and tells a compelling story all through.
Picture Supply
Diana Danieli
Award: Webby 2019
This 2019 Webby-winning website reveals off imagery of artwork and structure with both excessive distinction or heavy publicity. As an internet site customer, you may click on and drag your mouse to alter the photographs and variations. Every picture reveals a bit of labor that highlights the artist who owns the web site.
A cool plus about this web site is its incorporation of audio and music. Clicking on sure buttons on the screenplays a piano be aware and really immerses you within the Diana Danieli expertise.
George Nakashima Woodworkers
Award: Webby 2019
This woodworking web site emphasizes nature and look after the woodworking commerce. It is primarily a slideshow of lovely forestry and farming pictures. As a brand new picture comes on the display screen, a brand new quote associated to wooden or timber additionally comes up.
That is extremely enjoyable to the customer and reveals that the woodworkers acknowledge the fantastic thing about timber and the surroundings. This web site additionally gained a Webbie in 2019.
Greatest Web site Designs from 2018
crypton.buying and selling
Award: Web site of the Day (4/3/2018), Awwwards
Meet crypton.buying and selling, your robotic accountant.
Crypton.buying and selling is a buying and selling hub for cryptocurrencies reminiscent of Bitcoin, utilizing synthetic intelligence to foretell adjustments in a forex’s worth and determine key shopping for and promoting alternatives. The web site was rated excessive for its improvement and design, because it step by step 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 house the second Crypton’s greeting seems throughout the homepage, one letter at a time.
Southwest: Coronary heart of Journey
Award: Greatest Visible Design – Aesthetic, 2018 Webby Awards
When Southwest Airways wished to show that its clients have been “greater than only a greenback signal,” the corporate created an internet site the place the design was assembled utilizing the shapes of their clients’ flight paths.
The web site, known as Coronary heart of Journey, even permits guests to create their very own paintings out of a visit they could plan on taking. On this means, Southwest’s web site is a product of their most loyal passengers.
Overflow
Award: Web site of the Day (3/20/2018), Greatest Web site Gallery
Overflow is a design software that enables individuals and companies to create story-like move diagrams of their concepts so that they’re simpler for others to know. Other than this being only a good service, the Overflow web site practices what it preaches: Together with vibrant pink call-to-action buttons for downloading the software, this web site promotes its product one of the simplest ways it is aware of how — utilizing a move diagram.
The web site delivers this move diagram within the type of a video. Whereas embedded movies can look slightly clunky sitting in the course of an internet site’s different design components, Overflow’s is completely positioned and precisely what you’d need to see when touchdown on the positioning for the primary time.
Frans Hals Museum
Award: Web site of the Yr (2018), Awwwards
It may be powerful for a museum to current all of its paintings collectively on a cohesive web site. That is what makes the web site of the Frans Hals Museum so spectacular.
Situated within the Netherlands, this museum has created an internet site that makes use of a mixture of digital design components and its personal displays. This combination helps guests perceive what they will see, after they can see it, and the place else they will get a style of what this museum has to supply.
Greatest Web site Designs from 2017
Merely Chocolate
Award: Web site of the Yr (2017), Awwwards
You may get a yearning for chocolate simply taking a look at this web site — and in a means, that is Merely Chocolate‘s web site working as designed.
This appetizing web site is that of a Denmark chocolate maker Merely Chocolate. Its web site makes use of a wide range of colours (and inventive 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’re feeling like you may seize it off of your pc display screen, whereas the “Add to Field” CTA to the top-left is ideally positioned for customers to pick the merchandise they need whereas shopping.
NOWNESS
Award: Greatest Cultural Weblog/Web site, 2017 Webby Awards
NOWNESS is probably the good crowdsourced video weblog on the web. That was a mouthful…what does all of it imply?
NOWNESS‘ crowdsourcing 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 fashionable means for companies to publish content material.
NOWNESS can also be a video channel, that means all of its weblog content material is in video format. Collectively, these qualities assist make Nowness a fascinating hub for the tales that manufacturers all over the place try to inform.
Greatest Web site Designs from 2016
Rainforest Guardians
Award: Greatest Activism Web site, 2016 Webby Awards
Rainforest Guardians grew to become probably the most 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 person expertise — a clever alternative in case your objective is to get individuals to attach along with your trigger and convert into volunteers.
Protest Sportswear
Award: Web site of the Yr (2016), Awwwards
The Awwwards calls Protest Sportswear a “shoppable lookbook,” and that is precisely what this website is. As a clothes clothing store, this firm has reinvented the best way they market its product: Slightly 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 usually as its buyer’s kinds do.
The Instructor’s Guild
Award: Greatest Affiliation Web site, 2016 Webby Awards
The Instructor’s Guild is an expert neighborhood of educators that addresses among the most crucial 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 guests.
Not solely are the background visuals prominently positioned, however additionally they use white house to emphasise the written calls to motion on the heart, as proven within the screenshot under.
Greatest Web site Designs from 2015 – 2014
Virgin America
Award: Most Important Trade 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.
Feed
Award: Web site of the Day (6/6/2015), Awwwards
Not solely is Feed an attention-grabbing idea, however it additionally has a shocking execution that challenges our understanding of what’s doable on the internet. By way of a inventive mix of animation and video, the positioning immerses the person in an attractive expertise.
As an atypical website, it accommodates a number of distinctive usability components, together with navigation that doubles as a scroll progress bar.
ETQ
Award: Web site of the Day (5/19/2015), Awwwards
ETQ takes a minimalistic method to ecommerce with a stripped-down website. Large, compelling visuals of their product lay towards easy, flat backgrounds accompanied by robust typography that retains the deal with precisely what the person got here there to see: sneakers.
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 by robust pictures and refined animations. His full website was initially created in Japanese after which translated into English, serving to reveal the worldwide scalability of his design.
Woven Journal
Award: Web site of the Day (4/4/2015), Greatest Web site Gallery
Woven is a web based publication that celebrates artists, crafters, and creators alike. They verify that publications can (and may) have lovely, participating websites with easy-to-read content material. Freed from distractions like pop-ups and intrusive advertisements, this website is all in regards to the expertise of the content material itself.
JOHO’s Bean
Award: FWA of the Day (8/7/2015), Favourite Web site Awards
The web site for JOHO’s Bean has unbelievable imagery, interactivity, storytelling, visible design, and most of all, sound engineering. These all come collectively to create a compelling, emotional, and interesting website that tells the story of a espresso bean’s journey.
World of SWISS
Award: Greatest Person Interface, 2015 Webby Awards
One other airline? Yep. SWISS airways constructed an extremely immersive website that tells the story of what it is wish to fly with them — and so they did too nice of a job to be ignored. Robust visuals and animations introduce the person to completely different sections of the positioning which might be filled with data past the same old gross sales and advertising pitch.
Different Cool Web site Designs
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 pictures. 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 sequence navigation coupled with art-gallery-inspired work introductions and excellent scrolling interactions yield an expertise paying homage to that of an actual gallery.
Picture Supply
The District
This branding company takes its imagery severely, and it ought to — it handles all channels of media for its shoppers. The District’s web site alone is a journey by among the most lovely paintings and pictures you’ve got ever seen.
These provocative tiles change quickly as you discover the web site, and the wackier they appear, the extra you change into in studying about their previous work.
Picture Supply
Tej Chauhan
Tej Chauhan has turned impressionist paintings 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. Nevertheless it’s that lack of context that makes you need to be taught extra.
Plus, the tagline, “Souvenirs of The Close to Future,” suggests these objects are part of their product line — and a possibility so that you can convey these revolutionary objects into your life.
Picture Supply
Need a comparable search for your web site? Take a look at the brand new CMS Hub theme assortment on the Envato market.
Amanda Martocchio Structure
An structure agency may not concentrate on internet improvement, however its web site ought to nonetheless reveal 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 Structure 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 by with the kind of design that was meant, together with quite a few angles to every constructing.
Web site Design Concepts
Now that you have seen plenty of fantastically designed and award-winning platforms, preserve these potential concepts in thoughts as you create your individual.
- Take into account methods you can make your web site interactive, just like the 1917 instance.
- Make an internet site that emphasizes the cell expertise, even whereas it nonetheless has a very good UX on desktops.
- Create an internet site that tells a narrative about your model with photographs, textual content, or video.
- If you cannot create a closely interactive website, take into account drawing in eyes with a website that presents a slideshow of your photographs.
- Guarantee your call-to-actions are simple to see and encourage guests to proceed exploring your website
- Preserve navigation clear. Guarantee your guests at all times know find out how to get again to the homepage.
- Combine your social media websites by way of social embed buttons, so website guests can simply comply with you in your numerous social channels.
- Preserve every of your internet pages constant in design — together with font, colours, pictures, and messaging.
- Take a look at your web site’s usability with a warmth map, which can present you on which internet pages your guests are probably to bounce.
- Embrace a dwell chat or chatbot to offer guests the choice to have interaction with you straight in your web site if they like dwell chat to telephone calls. Dwell chat can automate features on your gross sales and repair reps and create a greater communication expertise for the client.
- 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 may help you rank larger in search.
Construct a Lovely Web site on your Enterprise
Designing an internet site might be easy after you have a feel and appear in thoughts. Use these examples as a springboard to develop the format, colour palette, imagery, and animations in your web site.
When you’re prepared to start out coding or dragging and dropping, you’ll have an attractive web site that your guests will take pleasure in.
Editor’s be aware: This submit was initially printed in January 2021 and has been up to date for comprehensiveness.