Bootcamp

From idea to product, one lesson at a time. To submit your story: https://tinyurl.com/bootspub1

Follow publication

Web Design Inspiration for November 2021

You’re a web designer, web developer, or a little bit of both. You do what you love and you’re even pretty good at it. Still, there are times when the creative juices are running low and a spark of inspiration is just the thing you need. Cue to the below list of selected design examples that might bring something new to your ideas.

Summary

In this month’s selection, we have it all: bold typography, vivid colors, geometrical shapes, illustrations, and animations. If you’re not sure how you can make your website stand out, analyze the micro-interactions the following examples present.

Shapefarm

Multiple subtle effects ranging from 3D shapes to the button hover transitions make for an alluring experience that displays the agency’s work in the best light. Each section of the website presents a new subtle animation that makes you excited about discovering it, but this doesn’t take away the user’s attention from the content presented on the page.

Constantinos Haritos

Continuing the topic of pleasing animations, Constantinos Haritos uses their potential to the max, challenging himself with a B&W palette. The page transitions take advantage of this limitation, engulfing the content in darkness or brightness, depending on the background color of a page.

Octi

3D on the web has been quite the fad for a while now, and Octi used it successfully for their website. The 3D models emphasize each section’s heading, displaying all the perks of using their mobile app. All of this with the playful colors make you want to at least try the app, achieving the purpose of the website.

LoveFrom

Monochromatic color schemes are at it again. LoveFrom wanted to tell who they are. No more, no less. The way they phrased everything (as it’s not that much content on that landing page) makes you go out of your way and search on Google for that work they’re talking about. Does that comma at the beginning add any effect to it? I think so, yeah.

Try reloading the page and look at the comma, you’ll thank me later.

Shape

“This is what we are, this is what we do” told perfectly. Shape focus on displaying their numerous services, thus keeping it simple on the design part. A single font, simple color scheme, and just the right amount of illustrations enable the client testimonials and previous work to be the spotlight of the show.

Aumcore

The same goes for Aumcore, as they highlight their expertize and knowledge through examples of work. The “Content is king” is their way to go here, betting on capturing the user’s attention with lots of information he or she might be interested in.

Rekupe

Rekupe is playing the font game, beautifully combining serif and sans serif fonts. This in combination with their tones of purple and reddish-pink makes their landing page a nice experience for the eyes of the user. They present all the essential information of their business, no fluff.

Finding inspiration in a sea of information might feel daunting at first, but we hope we made this task a little easier. If you used any of the ideas mentioned above in your designs, please share in the comment section below, I would love to see your creations!

Sign up to discover human stories that deepen your understanding of the world.

Free

Distraction-free reading. No ads.

Organize your knowledge with lists and highlights.

Tell your story. Find your audience.

Membership

Read member-only stories

Support writers you read most

Earn money for your writing

Listen to audio narrations

Read offline with the Medium app

Bootcamp
Bootcamp

Published in Bootcamp

From idea to product, one lesson at a time. To submit your story: https://tinyurl.com/bootspub1

Volosciuc Eugen
Volosciuc Eugen

Written by Volosciuc Eugen

Solving corner-case dev issues and sharing their fixes with the world.

No responses yet

Write a response