Articles

15 Inspiring Alternatives to Dribbble & Behance

,

Web design is often stagnant because designers look at the same work and follow the same trends. Unfortunately, algorithms promote work that is liked, and designers produce content to get likes, which leads to a self-feeding cycle.

We’ve been talking about the dribbblization of design for years, but Behance is just as guilty of promoting and encouraging homogenous design.

It’s not that Dribbble and Behance don’t have value; they are both excellent resources for designers. But they’re victims of their own success, and it’s healthier for them, designers, and the industry if we broaden our sources of design inspiration.

And so, today, we’re presenting this list of the best places to find design inspiration for web designers that aren’t Dribbble or Behance. (OK, you can check them out too, if you really want to!)

Awwwards

Awwwards is the top site for web design inspiration. The best agencies in the world post here, and a ‘Site of the Day’ award is a coveted accolade. So if you’re looking for design inspiration, this should be your first stop.

Admire The Web

Admire The Web is an excellent collection of curated sites. It’s more selective than sites like Awwwards, so you don’t have to dig through so much to find the best web design.

One Page Love

One Page Love is one of the best resources for designers seeking inspiring new ideas. It’s devoted to one-pagers, which means it leans towards apps, tech start-ups, and smaller independent projects.

Godly

Godly is another excellent collection of web design inspiration. Godley uses animated thumbnails, so you can get a sense of a site before you look at it in detail. As such, it’s perfect for animated landing pages.

Hoverstat.es

Hoverstat.es is a collection of curated websites that often finds little gems other sites miss. Unlike most roundups, it doesn’t go into much detail on each site, and new sites are infrequent, but it’s always worth a browse.

Siteinspire

Siteinspire is one of the most established design inspiration sites. The collection is carefully divided into different styles; if you find your own site listed, you can add your contact details.

Land-book

Land-book is a curated collection of the best sites on the web. The site does a great job of presenting screenshots clearly, and the similar sites feature is great for browsing a particular mood.

Savee

Savee is a fantastic site for browsing all kinds of design inspiration. It’s like Pinterest for designers as it leans towards art direction and photography. It’s easy to scan for mood boards.

UIJar

UIJar is a nicely designed collection of hand-picked websites. Unlike most other sites on this list, UIJar also features a collection of branding that’s great for identity designers.

Brutalist Websites

Brutalist Websites is the perfect inspiration site if you’re a fan of the Brutalist design trend. There are plenty of designs that show why Brutalism is so popular right now, but the site itself is probably short-lived.

Minimal Gallery

Minimal Gallery is a collection of sites that embrace minimalism. Like Brutalist Websites, the quality of the collection is very high, but the site’s lifespan is probably short-lived thanks to being tied to one trend.

Ello

Ello is a platform for showcasing excellent design work. It’s solid on illustration and artwork. There’s also a great deal of photography on show. You’ll also find regular opportunities tied to creative briefs.

DeviantArt

DeviantArt is still the largest, and arguably the best, showcase for illustration, with dozens of styles from Anime to classicism. It’s easy to lose a few hours browsing DeviantArt.

Figma Community

Figma Community is a collection of the best work from the Figma community. But you don’t need to be a Figma user to grab some inspiration from the UI work on show.

Lapa

Lapa is a collection of 5000+ landing pages. The collection is headhunted from around the web, so if you only have time to check out one site, Lapa could be a good choice.

Source

The post 15 Inspiring Alternatives to Dribbble & Behance first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par

20 Best New Websites, July 2022

,

Welcome to our guide to the best new websites this month. If subtle, minimal sites are your thing, either look away now or prepare to have your preconceptions challenged because this month, we are going maximalist.

Lots of elements fill up the screen, lots of color, lots of big fonts, lots of illustration, and plenty of in-your-face personality. This is a tricky style to get right: if elements are not chosen and placed well, the result is simply annoying clutter. If done well, the result can be impactful and memorable.

[And Happy Independence Day to all of our American readers!]

screenagers & the incredible machine

screenagers & the incredible machine’s site puts illustration front and center, creating a look that evokes various mystic ideas. It sounds strange, but it works.

Anna Jóna

This prelaunch teaser site for Anna Jóna café and cinema has an elegant yet modern feel.

Hardpops

This site for Hardpops (alcoholic) ice pops takes its cue from the product flavors, and the bright, fruity colors give it a real zing.

Daniel Spatzek

Daniel Spatzek’s portfolio site takes the rules-are-made-to-be-broken approach. The result has attitude and a nice touch of humor.

Ander Agency

Plenty of color, large type, and illustration make a bold statement for Ander Agency’s single-page site.

Pretty Damn Quick

Colorful illustration on this site for Pretty Damn Quick’s Shopify app creates an impression of friendliness about the company and ease of use of the product itself.

Know Your Beetle

Know Your Beetle is a showcase page for Kaploom creative studio. Color and type combinations make a big impact.

WTFFF

While many of the sites featured here have a sense of fun about them, WTFFF tackles a somber subject: online sexual abuse and harassment. Artwork and audio create an immersive experience in which five young people share their experiences with the aim of helping others.

BelArosa Chalet

Full-screen illustrations with a hint of vintage style create an ideal impression of what future guests can expect from the currently under construction BelArosa Chalet.

Paradam

The color scheme on the Paradam site is on the pastel end of the scale, but there is still lots going on to entrance the eye.

Tilton Group

The scrolling color panels on the Tilton Group site are a thing to behold.

Fresco

Fresco uses a standard layout design, but the colors and quarter-circles instantly lift it.

Museum of Pink Art

Museum of Pink Art is an immersive experience celebrating the color pink. Undoubtedly worth a virtual wander around.

Icons by Menu

OK, this somewhat more minimalist site slipped through the net, but Icons by Menu is so pleasing to look at and use that we had to include it.

GlareDB

With an illustration that could be ideally at home on an Arthur C. Clarke book jacket and that rich, deep red background, this site for Glare DB is a world away from what might be expected.

Alex Beige

While the overall style and accent illustrations are pleasing on Alex Beige’s site, the Our Team section is guaranteed to raise a smile and stick in the user’s mind.

Snickerdoodle

Careful spacing means busy elements (like on scroll animated illustrations) don’t become overwhelming on the Snickerdoodle site.

Grisly’s Cosmic Black

The site for Grisly’s Cosmic Black is fun, bright, and joyful. Plus, it’s nice to see an alcohol site going a bit further than the usual ‘drink responsibly’ and actually providing helpful links.

The Perennial

Not just floorplans and (lots of) images, but virtual walkthroughs too. The Perennial doesn’t feel like a standard office building.

Source

The post 20 Best New Websites, July 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par

3 Essential Design Trends, July 2022

,

There are a lot of dark, retro vibes trending in website design right now. Although there are still some light projects popping up – including a pastel trend below – a lot of what we are seeing has a quite moody feel.

Here’s what’s trending in design this month.

Pastel Color Palettes

Let’s start with the trend with a lighter feel – pastel color palettes. While much of the web is trending toward dark aesthetics, there’s a segment that’s going in the exact opposite direction. Those sites feature soft, pastel color palettes that serve as a balance to all the super dark websites out there.

One thing about this website design trend is that it jumps out because of the stark contrast with all of the dark color palettes out there.

Each of these designs seems to use a pastel color palette as the basis for a background. A blur effect is paired with the colors to use pastels in a way that has a natural feel without appearing too feminine or light.

Robust uses blue and earth tones for a pastel background that feels modern and strong when paired with the hard-edged headline font.

Atmos uses a light pastel theme that takes you through the clouds with blues, and pinks, and purples. The pastel color scheme works well with the content which is airline-themed and makes you feel like you are flying through the sky. The colors are also soft enough to provide an easy reading experience.

Klezma is another design with the same pastel background with graduated color. The peach tones are fairly neutral and give plenty of room to the content.

Fonts with a Distinct Retro Look

Every one of these websites uses a typeface with a similar look and feel. This retro headline style is trending in a major way.

The best way to use this design element is for short words. This typeface design isn’t meant for a lot of words or when readability is a high priority.

This style is all about creating a specific kind of vibe for your website. The typefaces in this trend have a quite retro look and feel with an almost 1960s or ’70s feel to them. The rest of the design mimics this feel as well with colors and surrounding elements that contribute to the overall look.

A couple of common elements here include the use of all capitals font sets and letterforms that include odd shapes and lines.

Sretks not only uses a retro typeface but bends and twists it a bit too to add to the old-school feel. The background color helps add to the groovy vibe.

Barge 166 uses a retro typeface with the same design feel as the other examples but with a sharper, more serif-style edge. It’s easier to read but still carries a retro look and feel. Use a typeface similar to this if you want to capture that retro font style for a trending look while maintaining as much readability as possible. This option works best for multiple lines of words in a large size.

Picky Joe uses a retro typeface with rounded letters and a bit of a tilt to the characters to create a distinct feel. This is definitely a style that has to be used sparingly but can be a fun option, depending on the content of your website design.

Dark “Product” Sites

Dark mode design is probably the biggest design trend of 2022. Everywhere you look, websites are using dark color palettes and styles. Designers are creating more projects with a dark/light toggle so users can control their experience.

This visual concept is carried over to website designs that feature products as well. This is one of the last places the dark aesthetic had not touched. It’s been a bit of an unwritten rule that product images should be on white or light backgrounds to help make them easy to see and inspect digitally.

This design trend bucks that idea and features products on dark backgrounds – some with so little contrast that you almost have a hard time seeing the products. (Maybe these brands are banking on the idea that you already know them or are selling a lifestyle product.)

HQBC sells bike accessories such as glasses and helmets and the site has a sleek look and feel. You know it is cool from the second you land on it. The question though – is there enough visual information with the dark background to help you make a purchase? This design probably works because it only encourages you to find a physical location to make a purchase rather than buy online.

Doggystyle Shop also banks on the idea of you knowing the shopping experience or brand when you arrive. What the design does do though is put products on white backgrounds after you have clicked through far enough to make a commitment to buy. This helps you see the product well one final time before making a purchase. (The challenge is that it is three to four clicks in for the most part.)

FirstFit uses the design trend in a way that’s similar to the first example. They are showing a product, but not actually trying to convert sales on the website. Other links take you to more product information and content – using a lighter background and color scheme – and the dark background with the product serves mostly as a highly visual landing page that will help entice users to learn more. When it comes to dark mode and products, this seems to be the best option for most website designs.

Conclusion

The state of the world around us and our emotions can play hard into websites and other design projects. Some of the darker elements that are popular now may be a reflection of that or it could be more of a lean into dark mode schemes.

Either way, the web has a pretty dark feel right now.

Source

The post 3 Essential Design Trends, July 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par

20 Best New Websites, February 2022

,

Welcome to the latest edition of our top 20 sites of the month. In this February’s collection, the overall feel is lighthearted and optimistic, as we are seeing the positivity of a new year persisting across the web.

There is a continued inclination towards warmth and personableness and away from a more corporate, impersonal feel. We see this most in the color palettes used and in the use of illustrations as accents to add character and charm. Of course, as always, type plays a big part too. Enjoy!

Woset

Woset has a simple aesthetic and features a charming illustration style on this site for its creative toys. The interactive ‘play’ section is a nice touch.

Graza

This site for Graza olive oil has a fun feel, with comic style illustration and bright splashes of color while making a serious sales pitch.

KeepGrading 

KeepGrading is a post-production color studio. Their portfolio site showcases a lot of work but keeps it well organized and pleasing to navigate.

Englobe

By using soft colors and slightly rounded type, Englobe has managed to portray a warm, friendly, and human aspect with this website, despite being a huge company.

Filtro

Filtro’s design is about as basic as it gets, and yet it has a certain charm to it.

Behold

Behold is a wildlife camera that is currently in development. This landing page does an excellent job of creating interest with just enough information.

Akua

Some rather sweet illustration work creates a good balance with technical information on this site for Akua kelp burgers.

National Museum of Mexican Art

A color scheme of warm, earthy tones and a carefully thought-out type pairing create an inviting presence for the National Museum of Mexican Art.

Ubac

This site for Ubac trainers feels clean and modern with some nice and mostly functional, scroll-activated animation.

Funny Water

The background gradient is really nicely done on Funny Water’s otherwise very minimal site.

DA

DA is a strategic branding, design, and advertising studio, and this site is a good, polished example of a site for such an agency. What stands out is the clever menu text.

Phil’s Finest

Phil’s Finest makes good use of color, oversized type, and occasional illustration mixed in among the well-styled photography.

Vaayu 

Grey and black are enlivened by neon yellow in Vaayu’s minimalist, single-page presentation.

Emi Ozaki

Artist and illustrator Emi Ozaki has created a stylized phone interface for her portfolio site, which showcases her illustration aesthetic.

Engineered Floors 

The home page scrolling is the centerpiece of Engineered Floors’ site, and it works especially well on mobile.

Hartzler Dairy

Hartzler Dairy goes for a nostalgic feel to match the company’s classic mid-20th century style branding.

Chubby Snacks

Chubby Snacks is PB&J in your pocket; it sells itself! Having said that, the site is pretty appealing in its own right.

Branded

Market research company Branded goes down the flat design road for this site, which could feel a little dated but actually works quite nicely here.

SOS Foods 

SOS Foods is an excellent example of a responsible/sustainable goods site, with a design aesthetic aimed at the ethical consumer.

Crystal Construction Engineering

Some nice use of masonry-style layout and overlapping elements create space, but also a pleasing flow in this site for Crystal Construction Engineering.

Source

The post 20 Best New Websites, February 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par

20 Best New Websites, January 2022

,

So here we are, in a brand spanking new year—time for looking forward with fresh ideas and renewed hope for the year ahead. We are kicking off 2022 with a mixed bag and, we hope, something for everyone.

Whether you’re looking for inspiration to update your site or a fresh approach to work for a new client or want to spend a little while browsing around some corners of the internet you might not usually, welcome to the first collection of the year. Enjoy!

Justice Reskill 

Justice Reskill offers a learning platform and support for people who have been through the justice system. Information is presented clearly in a positive, uplifting tone, emphasized by a bright color scheme and friendly type.

TBD Post 

TBD Post’s site is fuss-free, clean, and pleasant to navigate. Work is well presented, in an organized way, with just the right amount of supplementary information.

Speedy 

Speedy is an online business bank, and this is a pretty standard, slick fin-tech site for the most part. The added extra is that the five versions of the site–with the same content in each–have different color accents based on the flag of the specific country listed.

Nuka 

This site for Nuka eternal stationery is a beautifully simple single page. The use of handwritten type in places adds an intimacy while emphasizing the nature of the products.

Omono 

This site for online business management app Omono presents a lot of information clearly, and with a calmness projected by the use of blues and greys and subtle animation.

Pienso 

A combination of bold type, a slightly tweaked red, green, and blue color scheme, and on-scroll animations makes this site for Pienso pop.

Maison Margiela 

Maison Margiela fully embraces the digital alternative to a live catwalk with this blend of single video and edited clips.

Marie O’Shepherd 

This portfolio site for book designer and art director Marie O’Shepherd takes a minimal approach and allows the work to take center stage.

Angry Ventures

Angry Ventures add personality and humor to their site to draw the user in and entertain, while their actual portfolio is only available on request.

Chapter One 

Chapter One’s site has light and dark theme options and some engaging animated graphics.

Vesti il Futuro 

Vesti il Futuro for Mani Tese uses comic book-style interactive graphics to raise awareness of issues surrounding the environment and fast fashion.

Gazelle No.1 

Some scroll-activated video enlivens this single-page site for Gazelle’s No.1 model.

TROA 

This site for creative agency Troa is an excellent example of the effectiveness of a monochrome color scheme, and there are some pleasing transitions too.

BDCC 

BDCC’s site has a bold, slightly jumbled feel that works really well. The falling lozenge menu items are a nice feature.

Mekanism

This is a great example of a stylish website for an agency portraying itself as well-established and super polished.

Redbrick 

Redbrick’s site has a youthful, vibrant feel with colors that change to match the product branding.

Accounting Box 

This site for Accounting Box makes good use of split-screen swapping from a vertical split on desktop to a horizontal split on mobile. The animations are pleasing too.

François-Joseph Graf 

The design for François-Joseph Graf’s site does the right thing by getting out of the way to avoid competing with the rather stunning products on show.

Monsta Cats 

Monsta Cats is a site dedicated to community focussed NFTs. The site is suitably anarchic and fun to browse.

Bien Fondé 

And finally, some customizable good wishes for the year ahead from digital agency Bien Fondé.

Source

The post 20 Best New Websites, January 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par

50 Best Websites of 2021

,

2021 has been both memorable and instantly forgettable. Pop stars were freed from modern-day servitude, some people tried to overthrow democracy, and we all vacationed at home.

Despite the weirdness of the times, the web kept growing, kept changing, and kept on pushing boundaries. We saw a wealth of new sites launch or relaunch with significant updates.

Here are the 50 best sites launched on the web this year. Enjoy!

Crusta C

In April, seafood company Crusta C cleverly used the simple logomark ‘C’ to apply a cutout video effect.

Slow

Slow is a collective of creatives aiming to implement slow movement principles. Its site reflects those aims, creating a sense of calm and deliberation.

hnst

2021 saw tons of brutalist-inspired design. hnst’s take on the style works thanks to the bright red in place of the standard black.

Marram

This site for boutique hotel Marram uses a soft color palette to create an impression of soft golden light and calm.

Levitate

In July, we loved this site for running-blade brand Levitate. The site is clean and light, with a sense of inherent motion in the photography.

Niarra Travel

There’s some beautiful photography on this site for eco-conscious, bespoke travel agency Niarra Travel.

Plunt.co

The core of this site for Plúnt is a combination chooser which feels pleasingly reminiscent of an animal flipbook.

Moth Drinks

Moth makes classic cocktails in a can. The striking black and white graphics and masking effects for its holding page stunned us back in March.

Seed

Selling supplements is hard; people are understandably skeptical. So this site for Seed packs in research and scientific information and avoids the hard-sell.

Wavemaker

Another excellent portfolio site in 2021, this time for creative media agency Wavemaker. The site is uber-confident while still being playful.

Wild Souls

Wild Souls makes nut butters, tahini, and other Greek delicacies. Its site is colorful and warm, and the site typography is soft and appealing.

JUST Egg

JUST Egg produces egg-like food from plant material. The huge photography and bold typography do a great job of making a new concept appealing.

Aalto University

One of the most popular designs of 2021 was Aalto University’s site with its in-depth campus tour. The simple navigation inspired several imitators.

Wisr

Scroll interactions were big in 2021, and Wisr features a Heath Robinson-style machine that ‘runs’ as the user scrolls down the page.

Cevitxef

This site for Cevitxef ceviche restaurant in Bilbao does a great job of making us hungry. Drama is created by oversized text, heavily-styled photography, and lots of movement.

On

The best digital agencies keep their own sites simple, like this site for On digital technology studio that uses black on light blue and adds infinite scrolling.

Acayaba + Rosenberg

We found Acayaba + Rosenberg’s use of architectural photography and subtle scrolling a pleasing browsing experience.

Madre

This site for home linen company Madre uses extraordinary fine-art style still-life photography to enrich a very simple site.

Hyperframe

“Show, don’t tell” is a well-worn mantra. Hyperframe’s site implements it by demonstrating the product’s major selling point on scroll.

Gemini

This exceptional WebGL experiment was built to show what’s possible in the technology. Have a play with the car; it’s a ground-breaking demo.

Felt

In 2021, collaborative mapping tool Felt launched in private beta. Its excellent site does a great job of creating interest while doubling as a recruitment notice.

imNativ

Not every project is exciting, but this excellent site for imNativ uses macro photography to great effect to promote upholstery fabric.

Websmith Studio

Excellently named Websmith Studio uses color to highlight, and the noise effect applied to the background adds subtle interest.

Singita

High-quality photography and a terracotta-based color scheme create an inviting ambiance for Singita, an African eco-tourism and conservation brand.

Fluff

A fullscreen background behind a mobile view for desktop? It sounds like a horrible idea, but this site for cosmetics brand Fluff pulls it off.

Chiwawa

This great site for Chiwawa cantina features wrestling masks, skeletons, and tone-on-tone color to create a lively and distinctly Mexican site.

Nothing

This site for Nothing’s ear(1) earbuds is packed with confidence. Appropriately, it looks even better on mobile.

Chérie Healey

Lots of experts have tried to tell us how to live our lives in the last couple of years, but Chérie Healey’s site manages to stay on the right side of positive without slipping into clichés.

Wayfinder

Wayfinder, a game about our connection to nature using generative code, AI, machine learning, and data mining, could not have been more 2021 if it tried.

Green Angel Syndicate

Not too many investment groups are thought of as ethical, but Green Angel Syndicate specializes in funding companies fighting climate change.

Tether

As the days got darker in the Northern hemisphere, we were wowed by this site for Tether, a cycle safety system using video and illustration to explain its clever approach to bike safety.

Patricia Urquiola

Back in January, we loved the new site for Patricia Urquiola design studio, thanks to its bright, bold colors that we thought inspired confidence.

Headup

Headup’s businesslike approach is created thanks to a pleasing color palette and geometric graphics.

Redwood Empire

For Earth Day on April 22nd, Redwood Empire Whiskey created a microsite promoting a competition styled to match their bottle labels.

GT Super

The one-pager for GT Super has a certain drama in keeping with the font itself and allows you to play around with the size, weight, and style.

Planet of Lana

Due for release in 2022, Planet of Lana is a game from Wishfully Studios, and its teaser page launched back in June has kept us intrigued ever since.

The Longest Road Out

This charming site for The Longest Road Out is a travel map and journal based on the creators’ road trip around Britain, Ireland, and the outlying islands.

Made Thought

Made Thought has a bold aesthetic and approach that explains its outstanding client list.

Miti Navi

Miti Navi makes extraordinary sailing boats. We were attracted to how its site presented a luxury product in an original way.

La Nouvelle

Another powerful digital design agency site was La Nouvelle’s, which used a combination of contrasting and complementary color combinations to catch the eye.

Caleño

Caleño makes non-alcoholic distilled spirits. They relaunched their website in March with bright, joyful colors that reflect the character of the brand.

Capsul’in — Aluminium

This demo site for a coffee pod manufacturer isn’t a site as such, but it demonstrates that even in 2022, there’s room for parallax scrolling.

How Many Plants

Everyone needs a few more houseplants, and How Many Plants is a great guide to how to own and look after them. The illustration style is friendly but efficient.

How & How

One of the most approachable design agency sites of 2021 was How & How’s. It keeps things light and clean, and effective.

The Hiring Chain

Part of a campaign encouraging businesses to employ talented people with Down Syndrome, The Hiring Chain website dispels myths with clearly presented facts.

Virgile Guinard

Back in February, we couldn’t get enough of photographer Virgile Guinard’s portfolio site. Blocks of color pulled from each image hide the image allowing you to focus on one image at a time.

Studio Nanna Lagerman

Studio Nanna Lagermann’s site excels at creating a sense of space and calm. The color palette is soft and neutral. The type is large but clean and sophisticated.

GOOD Meat

Veganism is a growing trend, and one of the sites promoting it with gorgeous colors is this site for lab ‘grown’ meat.

Mama Joyce Peppa Sauce

This one-page site for Mama Joyce Peppa Sauce is big and bold. Click almost anywhere, and two bottles of sauce go into your cart.

Ebb Dunedin

The site bucks the trend for luxury hotel design and instead is styled to complement its interiors. We could have done with time at this boutique hotel in 2021, maybe next year…

Source

The post 50 Best Websites of 2021 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par

20 Best New Websites, February 2021

,

It’s February, and the spring sun is finally starting to peep through the winter clouds. While many of us are still largely restricted to our homes, the web has kept on growing.

We see a shift in attitude towards natural health, wellbeing, and sustainability, and these are now being branded less often as outliers and increasingly mainstream. We’re also seeing more and more color all the time, ranging from an emotional signifier in the background to being a functional element in its own right.

GOOD Meat

Gorgeous color in the background image and the scrolling narrative pull the user in on this site for lab ‘grown’ meat.

Hanwag 100 Years

This page celebrating 100 years of outdoor footwear company Hanweg uses a mix of illustrations and photographs to create a timeline marking the company’s highlights alongside what else was happening at the time. Any excuse to get Yoda in.

Gaffer

Gaffer describes itself as bridging the gap between football, music, fashion, and culture. The site has a glossy feel, with strong art direction and an easily navigable architecture.

Remember MLK

This rather beautifully made tribute to Martin Luther King uses some great typographic effects, and the variations, in contrast, create a layering of the different content elements.

Bonjour Agency

The home page for design agency Bonjour Paris uses sideways scrolling to give an overview of the whole site. There is a lot of content, but it doesn’t feel like waffle, and exploring the site is a pleasant experience in itself.

Wild Souls

Wild Souls is a Greek company that principally makes nut butters, tahini, and halva. The site is very colorful but warm, and the display type — Canela — has a slight softness to it that is appealing.

Nicolas Loureiro

This is a strong portfolio site for interactive and graphic designer Nicolas Loureiro. The work is front and center, and the navigation is pleasing.

Studio Nanna Lagerman

Studio Nanna Lagermann is a small interior design studio that works on private homes, public spaces, and set design. The site creates a feeling of space and calm. Colors are soft and neutral, and the type, although massive in places, is clean and sophisticated.

Aurelia Durand

Illustrator Aurelia Durand created her own typeface that she uses in her work, and it is used as the main display font here too. This site has a sense of joy about it that is hard to resist.

Archivio Mario Russo

This site documents the life and work of 20th-century Italian artist Mario Russo. The layout is thoughtful, and the text, while informative, doesn’t detract from the work being shown.

Gigantic Candy

Gigantic Candy makes vegan chocolate candy bars. The site is big, bold and lo-fi, and has a sense of fun to it.

dBodhi

dBodhi sells handcrafted furniture from Java, made from reclaimed teak and locally grown plant materials. The clean layout combined with a slight sepia tone on all the photography creates a feeling of quietness and nature.

Menu Durable

Menu Durable is a guide to creating healthier, sustainable food menus in Canadian healthcare facilities. There is a lot of information here, and it is well written and attractively presented with clear color coding.

Virgile Guinard

This is a lovely, simple portfolio site for photographer Virgile Guinard. By using blocks of color pulled from each photograph’s predominant color and only revealing each photograph on rollover, each image is allowed to stand out.

The Bold Type

This site for The Bold Type Hotel in Patra, Greece, is a boutique hotel website archetype, but it is done well. The pinky sand background color is a good choice, and the photographs are excellent.

NOR NORM

Nor Norm provide an office furniture subscription service. The site is clean with a feeling of light and space. There is a good balance between an overview of the process and details of the individual items available.

Ask Us For Ideas

At first glance, Ask Us For Ideas looks like a creative agency, but it is actually a creative broker, matching clients with agencies.

Prinoth Clean Motion

Prinoth has been making snow groomers since the 1960s, and this microsite is to mark the launch of their new hydrogen and electric versions. It is as slick and glossy as any luxury car website. And now I know what a snow groomer is.

Pschhh

Design agency Pschhh has embraced the use of circles, reflecting the sound of bubbles their name suggests.

CōLab

CōLab is a design and marketing firm. There is a great use of color and movement here, and you don’t really notice initially that there is no actual work on show.

Source

The post 20 Best New Websites, February 2021 first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

/par

50 Best Websites of 2020

2020 has been one of the most memorable years in our history. Few of us have been alive long enough to experience a more turbulent time. But throughout the year, we saw design respond to challenging events with positivity, color, and a desire to elevate those people and projects working to make the world better.

As we head into 2021, there’s no denying that 2020 has changed our outlook on life and marked a major turning point in web design trends.

Here’s a collection of the websites we loved the most this year. Enjoy!

Looks Like You Need Iceland

On Looks Like You Need Iceland, you are invited to record a scream, which will then be broadcast into the Icelandic wilderness. It’s meant as a form of therapy. The idea is that you will one day visit Iceland in person. That might still be some way off for most of us, but we could certainly use a good therapeutic scream.

Black Lives Matter

Across 2020 there were major protests around the world in support of Black Lives Matter. The movement’s website is a central hub for news, resources, and civil rights information in 38 countries.

2º Earth

2ºC Earth takes the user to 5 locations worldwide and shows what will happen there if global temperatures rise by 2ºc. Sound is used really well here to create an immersive experience, along with some beautiful photography.

Github

Along with some new features announced earlier this month, GitHub has a glossy new homepage. It has a clean feel, with some nice scrolling animation and sparing but effective use of illustration.

I Weigh Community

Political and social initiatives were big in 2020, and non-profit activism initiative I Weigh Community is the brainchild of actress Jameela Jamil. It’s devoted to radical inclusivity, communicated with bold, expressive graphics.

UNREAL

Back in January, we clicked around UNREAL’s site for hours, enjoying the sharp transitions. The Swiss agency produced a wonderfully chaotic love letter to web animation.

Delassus

Delassus grows fruit, from citrus to avocados. The Moroccan company employs a cornucopia of 3D design to make its site bold, fun, and practical.

Lynn Fisher

We loved everything about Lynn Fisher’s site back in May. The homepage illustration was awesome. It was a humorous approach to RWD that we really appreciated. The site has since changed, with tons more to explore.

Minervo

The Minervo site feels distinctly Latin, with the hot pinks and sun-blasted desaturation feeling suitably South American. We love the cropping on the custom typeface.

Babord

Norwegians have an almost mystical connection with the sea, which is evident in the site for Babord, a Norwegian seafood supplier. We loved the brand font too.

Calexo

Calexo makes THC-infused beverages, and back in April, we loved the color and positivity of the site. The animated hamburger menu was a hit too.

Moooi

Moooi’s site layers illustration with a maximal effect that makes you feel like you’re chasing a white rabbit. There are tons of great UI details here, especially the bar that reveals the product videos.

Blind Barber Anniversary

The Blind Barber celebrates 10 years of success with this microsite. A deconstructed grid and an entirely black and white design, but with color photos, create energy and a sense of joy.

Zand Harirchi Architects

Zand Harirchi is an architecture firm based in Tehran, Iran. Its site features subtle references to architecture, like the delightful thumbnails reminiscent of small windows.

WFN

The WFN (Women’s Funding Network) is an international alliance supporting women’s foundations and gender justice funders. The sophisticated color palette and clean type are both confident and feminine.

Nathan Taylor

We loved exploring Nathan Taylor’s playful site all the way back in January. The different lighting modes were a firm favorite.

Käthe Kollwitz Memorial

A tribute to the life and work of Käthe Kollwitz, an Expressionist printmaker. There’s a catalog of her work, presented alongside large type and splashy color transitions.

Emotive Feels

Emotive Feels is a design manifesto from the Emotive Brand agency that illustrates an A–Z of potential brand emotions with simple animations that we likened to a Blue Note release.

A. N Other

A.N Other’s site for perfume highlights quality ingredients, materials, simplicity, craftsmanship, and the environment; in the process, it cleverly invokes a sense of luxury.

Playtype

Danish type foundry Playtype’s site fits its name perfectly. The playful site with bright blocks of color and the occasional animation shows off some pretty nice typefaces.

Feijoo Montenegro

All-text sites are always a thrill, and back in June, we were treated to this simple one-pager by Feijoo. Details like the numerals being replaced by words are delightful.

Wavering Stripes

Although this site’s subject matter is harrowing, it is presented in a very beautiful, thoughtful manner.

The Oyster & Fish House

Sophisticated typography, the wave textures, the nostalgic feel of the photography, and even the cookie notice’s on-brand styling all show attention to detail, which gives this site its appeal.

Who Cares

Find and ‘photograph’ the endangered species to learn about them in this delightfully illustrated game.

Curbed

When Curbed came under the umbrella of New York magazine earlier this year, it got a makeover. Neon highlights and a distorted grid give an edge to the classic magazine layout.

Yolélé

The carousel of fonio (it’s a West African grain) products on Yolélé’s landing page is a good example of horizontal scrolling that works well. There are some great page transitions too.

Pantheone Audio

Pantheone Audio’s site employs elegant scrolling to enable seamless navigation of an extremely luxurious site, underpinned by a complex grid.

Aelfie

Bright color, an irregular grid, illustrations, and a display type that feels almost hand-drawn perfectly captures the aesthetic of this NY-based home furnishing brand.

Highcourt

This site for private membership leisure club Highcourt uses subtle background color changes and simple line illustrations to create a sense of calm. Black and white are softened to dark blue and ivory, and gentle animation adds interest.

Kate Jackling

Kate Jackling’s site takes a step back and allows the content to bask in the glow of attention, placing her photography at center stage.

Treaty

While there is less hustle and bustle outside than we were used to pre-pandemic, we could certainly all use some calm. Treaty’s site for CBD oils reflects that calm with a combination of video, whitespace, and botanical drawings.

Ukrainian Railroad Ladies

Ukrainian Railroad Ladies is a book of photographs of women, and some men, who work on the Ukrainian railways. The site is basic, even brutalist, but it has charm, and the photographer’s fascination with his subject comes through.

Year & Day

Year & Day is an ecommerce site that sells tableware, from glassware to ceramics. The colorful collection is designed to complement different types of food, and the site’s color scheme reflects that perfectly.

Juan Mora

Juan Mora’s ‘under construction’ holding page has probably been crafted with more care than many full-blown sites. This showcase cleverly manages to demonstrate its subject’s skills without showing a single piece of work.

Lucciano’s

Lucciano’s homepage hero video alone will have your mouth watering for some of their gelato. Much of the appeal of food is visual, and the photography here does not disappoint. Circular text boxes in ice cream colors complement the product shots nicely.

Bored Solutions

Back in April, we were already a little weary of lockdown — if only we’d known how long it would last! The amazing color blobbing of bored.solutions was the ideal distraction.

Grand Matter

Grand Matter is an artist agency representing illustrators. There is a wealth of talent on show here and a broad enough range of styles to keep the web interesting for a good while.

Dunderville

This site for Dunderville motion design studio features a paper fold detail, which adds tactility to the virtual. Some superb type and vector animations showcase an impressive portfolio.

Album Colors of the Year

Album Colors has taken the covers from 150 albums released this year and arranged them by dominant color. The hex code for each color is provided if you want to copy it.

Mammut Expedition Baikal

Mammut uses stunning photography and a strong narrative to present its Eiger Extreme outdoor clothing. Longing for the great outdoors will either be alleviated or exacerbated by this one.

808303

808303.studio is a virtual Roland TR-808 drum machine and TB 303 bass synthesizer. You can program, record, and share your very own 80s techno masterpiece.

Bliss

Humor can be hard to get right, especially when you want to be taken seriously at the same time. Here, it works, and the result is a memorable site, oozing with confidence.

Jazz Keys

Type your message into Jazz Keys, and you’ll hear it in sound. You can send the message to anyone and let them hear your words — the web lives for side-projects like this.

Érika Moreira

The fabulous, simple site for Sao Paulo-based Érika Moreira has some awesome big type and creative case studies. It’s an excellent example of a non-visual portfolio.

G.F Smith

Earlier this year, the site for leading paper supplier G.F Smith got a redesign. It is a simpler design than the previous site and keeps the visual focus on the products and the colors.

Abbotsford Convent

Abbotsford Convent is a creative arts venue in Melbourne, Australia, based in a former convent. The UI for its site blends architectural forms to acknowledge the building’s heritage.

Waka Waka

Waka Waka designs and builds wooden furniture. The mid-century typography and the noise textures transport the site to the last century’s radical graphic design. There’s some clever disruption to the typical thumbnail approach.

Cone

Sites advertising apps always seem to want to box the design into a hastily de-branded mock-up. Cone takes a daringly refreshing approach by depicting a more expansive mobile experience.

Ride Out

Amsterdam’s Ride Out bike store teases the content with an intriguingly masked video. Plus, we love the wheel-inspired spinning links.

Puddle Sound

This site is a model of minimalism. Beautiful photographs and very little text, there is nothing to distract from the product on display.

Source


Source de l’article sur Webdesignerdepot

/par

3 Essential Design Trends, November 2020

,

As we turn the corner into the final part of the year, many of the new websites and redesigns that we see during much of the rest of the year tend to slow down. Many businesses are focusing on fourth quarter and holiday sales.

With that being said, there are plenty of holiday flourishes already showing up on many websites. But there are still a few trends that don’t have a holiday theme.

Here’s what’s trending in design this month.

1. Beautiful Connectivity

Web elements that merge and flow into one another can be difficult to design but the payoff is totally worthwhile. This website design trend exemplifies connected elements in a way that’s beautiful and mesmerizing.

You can accomplish it with static elements or interactivity; the common theme is that design parts enter the space of one another and merge in ways that are seamless and visually interesting.

The thing that makes it exceptionally tricky is responsiveness. To ensure that pieces work well at all sizes when they overlap or encroach on the space of one another takes a lot of planning and testing.

Here are a few examples of projects that do it well – and each one does it in a different way.

Kirk Whayman’s website uses a floating ice cube over simple lettering. The interactivity is spot on here with hover actions that allow you to move the block with the letters refracting in an expected manner. (It would be easy to play with it all day.) But the coolest interaction happens when you “break it” (click on the cube). The elements continue to merge and interact in a new and different way.

Kikk Festival uses animations and giant scrollable illustrations and plenty of elements that overlap within the space. What’s neat is that everything on this canvas seems to touch everything else. The staircase design encourages scrolling and lettering and smaller animated elements all connect to the steps in the sky motif.

Multi Options Nursing takes a totally different approach. It uses a static split screen with a photo on the right side that merges into a round graphic element. It takes two not-s-interesting images and makes something out of them. The design carries this theme below the scroll as well and this style of image presentation carries a nice visual weight without feeling heavy.

2. Almost Brutalism

Brutalism just seems to keep coming back around. For those that love this trend, it keeps evolving as well.

The latest styles of brutalism are a little less mono but still pretty sharp with harsh lines, questionable type readability, and a lot going on in a compressed space. These projects also seem to be embracing color and alternative font choices more readily.

Fledge uses a split screen – still a dominant trend two years running – with a blue that’s almost too bright with an almost white offset color. The text is big and smooshed into the space tightly. Depending on the breakpoint, you might not even get the whole phrase on the left side. The design challenge is what are you supposed to do here? There are some hover animation cues, but they aren’t very direct.

Loeven Morcel’s design has hints of brutalism and elements of elegance. What makes this design skew toward the brutal side is use of space and typography. Like the previous example, it falls into the territory of “what should I do here” with some concerns about readability. Most of these issues are resolved on the scroll if you move beyond the homepage.

Szymon Michalczyl’s site is another that is close to brutal in style but has an element of sleekness that doesn’t quite carry it over the edge. The simple framework has that brutalist feel but the use of simple, clean fonts with plenty of space pulls it back into a more mainstream design scheme.

3. Beige Everything

Is a shade of beige the color of the year for 2020? Or is it just how we all feel?

Beige backgrounds are everywhere, making this one of those design trends that you can’t miss. The good news is that designers are playing with different shades of beige as well as warm and cool variations. Beige on its own can take on some of the color from accent hues and imagery, so that’s important to keep in mind when using this in the background.

The other variable is how saturated to make beige coloring. Most designs are using some of the more muted options while mostly playing with the levels of green and red. But darker beiges are also an option.

Simon Daufresne uses a beige that is the color that comes to mind when you think beige. It’s simple, a hint reddish, and is used with black only to maintain true color.

Discovered Wildfoods uses a more neutral feeling beige with a more green undertone (or is that color feel coming from other design elements). The neutral and natural color fits the brand and association this website is trying to create.

Aebele Interiors also uses a more traditional beige but with a bold mustard accent that makes the color feel exceptionally warm. What’s nice about this color combination is that in small sizes the mustard colored-type almost falls into the beige background, but at larger sizes seems to almost jump off the screen. It’s an interesting color juxtaposition.

Conclusion

Personally, this month’s trends are a mixed bag. I love the lines and interactivity of the beautifully connected examples. It shows that elements can cross and work together well.

On the flip side, brutalism and beige just aren’t my style. But apparently, they appeal to a lot of people based on the number of projects using these styles. What do you think? I’d love to know how you feel about these trends. Let me know on Twitter.

Source


Source de l’article sur Webdesignerdepot

/par