Articles

20 Best New Sites, April 2022

,

This month’s collection of the best new sites released in the previous four weeks might seem like a mixed bag, but if you look carefully you’ll see distinct themes emerging. Full-page images and videos are back with a vengeance, and designers are embracing large-scale 20th century-inspired typography from Art Nouveau to ’80s corporate.

Here are the sites that grabbed us this month. Enjoy!

I Killed a Cactus

I Killed a Cactus is a beautifully rendered 3D site that guides the less-horticulturally inclined of us in the best ways to care for our houseplants.

Aris Hotel

After a couple of years in which travel has been restricted, we’re itching to get moving again, and this elegant site for Aris Hotel is steering us in the direction of Crete.

Emergence Magazine

With excellent writing and great photography, Emergence Magazine is dedicated to stories that intertwine ecology and spirituality. Its bold typography epitomizes its ethos.

Milton Textiles

Milton is a textiles manufacturer with an eye for design. Its site showcases its art-inspired collection with big, bold, colorful photography.

Brutally Human

Brutally Human is the one-page portfolio/pitch of designer Stanley Vaganov. He has an impressive client list, and his site exudes the confidence that comes with that.

MAAP

MAAP uses a billowing flag to grab your attention as soon as you land on the site. The whole site is clean, efficient, and cool; exactly what you’d expect from a cycling apparel company.

Diabla

Outdoor furniture is typically presented as minimal and sophisticated. Diabla throws surrealism into the mix by introducing brand colors to its large-scale photography.

Steffie de Leeuw

The site for designer and artist Steffie de Leeuw features large typography that appears to be woven through layers of intricate illustration.

Garden Eight

What could be better than Garden Eight’s gaggle of 3D-rendered cartoon creatures floating around a page, twisting and transforming into new shapes?

Circus Shanghai

The site for Circus Shanghai uses a rich mid-century illustration to reference both the solar system and the Chinese flag; it’s an arresting combination.

Moooi

Ever inventive, the new micro-site for Moooi asks you to defy gravity with an engaging scroll through collages based on its product range.

Josephmark

More full-page motion, this time for design studio Josephmark. The site blends rich colors with a brutalist layout and minimalist typography to create its own identity.

Tony G

We love the infinite scroll on the homepage for creative agency Tony G. It’s a great way to add a slideshow to your homepage without the flaws of slideshows.

Estudio Piedras

This site for furniture design studio Estudio Piedras uses bold lettering mixed with product shots. The straightforward site is punchy and mimics the solidity of the materials used.

The Fleur

The Fleur is a botanical encyclopedia of fictional flowers that Ondre Jzunka has created as NFTs on the Ethereum blockchain.

Gloutir

Gloutir is the site for a “subscription-based workhorse design and development studio” that breaks all the rules of typography, and yet somehow it works.

Sophias

The rich blue and bright cream of the site for Sophias urban bistro and city garden echoes the welcoming real-world interiors and ties the brand together.

Lucalem

Lucalem is the portfolio site of designer and developer Lucas De Melo. A little more fun than the typical freelancer’s site, it features a disturbingly phallic character.

Soft Power

Soft Power is a creative design studio with an eye-popping list of international clients. Its advertising-style site uses a trendy glitch effect expertly.

Aather

Pastel colors and subtle textures evoke a calm mood, ideal for candle company Aather. It’s challenging to visually present smell, but this site does it well.

Source

The post 20 Best New Sites, April 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par

3 Essential Design Trends, March 2022

,

This month all of our web design trends have a common theme – imagery. Whether it’s seasonal or just coincidence, there’s a shift in the styles and types of images on many designs right now. One thing that might push these design trends is a relaxation of COVID-spurred rules worldwide or even fatigue from the pandemic.

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

1. Little Images Everywhere

The jury is still out on whether we love or hate this design trend – tiny images (and videos) everywhere.

The thing that’s nice is there is a lot to see and interact with. The thing that’s challenging is that these designs can feel a bit unbalanced and all over the place.

Most of these designs feature four or more images or videos at a time. That can be a lot for a user to digest when we are accustomed to having just one thing to look at in the hero area.

Those four or more images then include all of the other user interface elements that you would expect on the page – navigation, large headline, secondary text, scroll, or engagement interaction. It can be a lot to decipher.

Tokyu Garden City does it with a mix of still and moving images with sliders and other animations. The images are always changing and moving, and there’s constantly something new to look at with movement at the top and bottom of the screen.

Buro Jantzen takes the tiny image idea to an extreme with ten images on the homepage. And every one is smaller than a postage stamp. There is a cool effect that happens with each image though. On hover, the small image pops into the large black box at a size where you can really see the photo.

Oliver Guy uses a combination of video images on his website, which makes perfect sense for his industry of drone photography. There’s some interesting hover animation happening that allows you to see additional video clips without leaving the homepage. The contrast of small video on the white background makes this design easy to understand.

 

 

2. Big Detail Photography

Photographic details in all their glory. Images and elements that are so in your face that you can see every detail. That’s majorly trending in website design.

Big detail photography and videography is one of those image trends that can be so visually interesting that you can’t look away. It has other benefits, too, such as facilitating decision-making for e-commerce or helping someone better understand what an item is or the overall messaging.

Each of these examples shows something larger than life-size.

Karak creates ceramic tiles. The primary background image is so big and with such detail that it almost only serves as texture for the design. But it is paired with a smaller image and video that pull everything together for a complete understanding. The big detail image is beautiful and exciting and provides an extra layer of information.

Wuillemin Fleuristes features an off-balanced hero image with a large floral detail. What’s interesting about this design choice for a detail image is that it is the only image on the screen and partially obscured by a tinted box and text element. The overall design draws the eye but may leave the user wanting to see a little more of the image.

Horage pushes its watch in your face with motion in a video that zooms the product closer and closer into view. The combination of detailed video with very little text is a bold choice for e-commerce and might work because this item is still in the preorder phase. Detailed imaging is designed to help create a desire for the product.

 

 

3. Big Faces are Back

After two years of not having that many faces in design projects, designers are going big and bold and showing people again.

One of the reasons we haven’t seen as many faces in design projects is because there was concern over how to show people – masked or maskless, alone or in crowds – and it caused more concern than was worth just going another way.

But projects with big faces are back in a major way. And it’s refreshing to make virtual eye contact again.

There are plenty of ways to do it, as outlined in each of these examples.

Glassbox Media uses a full-screen oversized video on the homepage. You can see the subject’s eyes and feel engaged with the person on the screen. She seems happy, and the size and scale of the face make you feel almost like you are in a room with her, ready to have a conversation.

Reamarie uses smaller still images with tight crops to bring you into the faces on the screen. There are more, bigger faces throughout the scroll as well so that the user feels connected to the people and product. Even if an image isn’t super large, a tight crop can make it feel bigger and create the same level of engagement as something that has more size on the screen.

Recruit Holdings Co. uses a trio of people together, happy and smiling, to establish a connection with website visitors. The entire design features similar images throughout and makes you feel like you want to be a part of what they are offering. Note that the people are close together and without masks; that’s a culture shift we are starting to see in a lot of imagery.

 

 

Conclusion

Photography, videography, and image trends can be driving factors for website design projects. The types of images selected can set the tone for projects, relate to brand identity, and help engage users.

Source

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

Source de l’article sur Webdesignerdepot

/par

3 Essential Design Trends, January 2022

,

Happy New Year, fabulous new website design trends!

This month’s design trends are a collection of the somewhat unexpected – from NFT website design to large text to illustrations; you won’t see a single photo or video here. Here’s what’s trending in design this month.

NFT Websites

This website design trend has more to do with the greater trends in digital marketplaces and commerce but has value in the design space as well. NFT websites are popping up everywhere.

Marketplaces for non-fungible tokens use modern design effects to draw users in and help them make purchases and view available images. If you haven’t delved into the world of NFTs, they are data units – often in the form of gifs – stored on a blockchain digital ledger. You can buy, sell, and trade these digital nuggets on various marketplaces.

The designs of NFTs could be explained as a trend of their own. Here, we’re focusing on the look and feel of the websites surrounding them. While some designs are relatively primitive, the best marketplaces have a full e-commerce feel with easy-to-use interfaces and a modern design.

Each of these three NFT marketplaces does it a little differently.

Styllar puts a focus on NFT avatars with a minimal aesthetic that gives plenty of room to individual NFTs. Sit on the website too long, though, and hundreds of options begin to cover the screen. Each visual element has a small text element to match that explains each image. It feels like a modern e-commerce experience that instills trust with users because of clean visual patterns. The site itself is just a gateway to a more traditional marketplace, but the calls to action are large, clear, and easy to follow.

OpenSea treats the NFT marketplace more like an art gallery with card-style buttons to look at different elements and images. Everything about the website design is tailored for the mobile user and quick browsing with large areas to click in the card format and easy-to-read headers that help you find your way through the NFT space, whether you want to buy, create, or sell. The site also does one more thing that’s not as common with e-commerce – it explains how to get started in this new digital territory with plenty of resources.

Rarible has an almost social media feel with lots of small blocks showing different NFTs. Digestible content in a grid-based design helps you navigate from images to rankings to what’s trending in NFTs. This site design is set up for high interaction and engagement, also featuring card-style elements and the ability to favorite items before bidding.

The key commonality with NFT website designs is that they are made for mobile users. These sites look good on desktops, but they are highly focused on a mobile, instant gratification user.

 

 

 

Text-Based Hero Headers

A trend in website design from 2021 is bleeding into 2022 with a lot of popularity: Hero headers that are mostly text. These designs have background texture and color, but for the most part, they don’t have a lot of other visuals.

These designs often rely on powerful language or messaging to help get user engagement. A secondary theme is the use of bright colors to help add focus and attention to the typography.

Font choices seem to be fairly neutral, with a lot of thicker sans serifs for the main headline and something a little lighter for secondary text options.
WeTransfer uses a smaller text block with multiple lines to create weight. The off-center placement draws the eye and is interesting even with the neutral background. Stacking elements create a nice focal area that encourages reading.

Halborn Blockchain Security goes with a less traditional font option and flips the color to the text to enhance the visual display. This design also uses an off-center, asymmetrical approach to create focus on the text element. The dark counterweight on the screen is an excellent guide to draw you back to the main hero headline.

FWD goes with giant oversized text elements to create a strong visual focus with this design. Other than the faint animation of the arrows next to “Here’s what they said,” everything is still and static. The color and blocky depth of the background help draw the eye through the text and to clickable elements so that you know what to do next.

 

 

Intricate Illustrations

Another trending design element is the use of intricate illustrations on homepages. These highly detailed images can tell a visual story, help add meaning to messaging, or serve as a remarkable visual element when you don’t have a photo or video.

The great thing about this trend is that the only limitation is your imagination.

Once you find someone to create the illustration (if you can’t do it yourself), the world is open to interpretation.

We are seeing three major themes within this trend, as showcased in the examples.

Multi-layer illustrations with hints of animation, such as the one from Highvibe Network. This illustration used lots of colors, layers, unexpected elements within outlines, and a little animation to pull it all together. The effect is rather stunning and provides a lot of interest for the user.

Realistic, painting-style illustrations, such as the one from Healthline, bring the content to life without real people or images. This technique is especially nice for industries where you may want to anonymize people in images. (Perfect for a healthcare website design because you don’t know if the illustrations are of real people or not.)

Detailed geo shapes and lines, such as the design from Radio Meuh Circus Festival. With great color and lines that draw the eye, this design can keep you looking and finding new depth for a long time. Color also helps draw you into the striking imagery.

 

 

Conclusion

What’s nice about all these design trends is that they have flexible elements that you can use and replicate across industries and projects. The common factor is that they lack traditional dominant imagery, which works exceptionally well.

These trends are likely a result of the worldwide pandemic as well. With less social contact, creating without conducting photo or video shoots is an ideal situation. Good luck trying some of these trending design elements on your own.

Source

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

Source de l’article sur Webdesignerdepot

/par

3 Essential Design Trends, December 2021

,

The year might be coming to an end, but plenty of design trends are still beginning to emerge. It’ll be interesting to see how many of these website design elements remain popular into the new year. From vintage elements to circles to happier feelings, there’s a lot to play with here.

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

Old-School Print Inspired

Vintage design elements seem to circle back in new iterations at a pretty frequent pace. This time website designers are finding inspiration from old-school print design.

These projects mimic the look of old newspapers and magazines with styles that look like news or advertising content. One of the most exciting takeaways might be color, with beige backgrounds that almost seem like aged paper.

Note the font choices, scale, and imagery as well. All of these things have an old-school feel that’s modern enough to help encourage interaction.

Each of these designs keeps visitors engaged with trendy effects that pair with the vintage aesthetic so that while there’s an old-school look, the overall design is modern and fresh.

The portfolio of Niccolo Miranda feels like a “WAR” day on the front page of a major newspaper, but with modern touches – computer illustrations, animated images, and button-style icons.

Enfant Sauvage Music takes on the feel of an old-style newspaper or magazine ad with a single color design and grainy imagery. An oversized funky pointer on hover and side navigation keeps the design interesting.

Kalso uses a giant timeline with typography and effects that mimic the era on the screen. Animation and motion keep the design with the times and on-trend.

Center-Screen Circles

Circles seem to be a website design trend that just never goes out of style – it only evolves.

The newest iteration includes center-screen circles. And you can use them in all kinds of different ways. The nice thing about a circle is the shape is innately harmonious and can pull a design together and make everything feel together and unified.

They can be an excellent container for text or other elements or serve as a button.

Circles work with almost any overall design pattern, in any color, and with virtually any type of image or video. The shape is practically perfect! (That’s why it’s a trend that never really gets old.)

Each of these examples uses a center-screen circle in a slightly different way.

Aflote uses a center circle as part of its overall branding effort and to help draw the eye from the split-screen images to the center arrow, encouraging users to scroll to the next bit of content. Color helps here, and the circle is a container for brand and some other content with a nice layer on top of the images.

One Ocean Science uses one of the oldest circles we know – the globe – as a dominant art element that rotates in the center of the screen. The layer on top – the exact text in multiple languages – gets extra attention thanks to the center placement. The design also uses a top left corner circle for branding and a bottom right corner circle as a CTA, helping create a visual flow through the design from top to center to bottom to click.

To Be Love uses a fantastic animated set of concentric circles to pull together the name of the event and draw interest to the CTAs. The circle is just the right size in a sea of black sky to draw the eye to the content in the middle of the screen.

Lighter, Happier Designs

After a couple of years of pandemic life and a world that’s just been a little less than cheery, website designers include lighter, happier elements to projects. This might just be the design trend we all need right now.

This effect can be designed in several ways, including color, imagery, animation, scale, and even typography. It’s hard to pinpoint what makes a design lighter and happier until you see it, but when you do, you’ll know it. (It might just be that little grin at the corner of your mouth when you see it.)

Meanpug uses fun, animated illustrations as a load screen with a full-text homepage (you’ll have to click through to see it). Between color and animation, you can’t help but feel good looking at the design. What might be most interesting is that the website is for a marketing agency that works with law firms. (Probably not what you expected at all.)

Happy smiling faces are hard not to feel good about. Even the devil emoji seems somewhat joyful. Add in big, bold typography and the yellow smiley, and the world just feels a little less dark.

Oatly uses lots of small elements in a cartoon-style aesthetic that is light and interesting. In addition to fun fonts and animation, all of the words on the website also contribute to a feeling of ease and happiness. It’s a solid strategy for sales; make people feel good about what they are thinking of buying to help propel them toward a purchase.

 

Conclusion

One of the most exciting things that we’ve seen with design trends in the past year is how world events – from the pandemic to isolation to working remotely – have impacted design projects as a whole.

We’ve seen fewer faces, more illustrations and typography, and an overall shift in feeling to some of the lighter, happier design elements featured here. Cheers to 2022!

Source

The post 3 Essential Design Trends, December 2021 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par

20 Best New Websites, November 2021

,

Welcome to this month’s round up of what has caught our eye on the web. As it’s November we’re going to help chase those winter blues away with some color.

Color does so much of the heavy lifting in visual design. It can create a mood, reinforce a brand identity, establish a hierarchy, differentiate sections, highlight type or reduce it; color even makes a statement by its absence.

Good use of color isn’t just about getting the most appropriate color scheme for the subject, it’s also about how much color to use, and where to use it. In this collection we’ve included a range of use examples from bright and full of color, to restrained with subtle tones. Enjoy!

Toboggang

There’s a pleasing UPA cartoon feel to the colors and type in this compact portfolio site.

On

On digital technology studio keep things simple with a black on light blue, and infinite scrolling.

re_

A pleasing mix of reds, greens, pinks, and golds liven up a simple grid layout for re_ package free grocery store.

LA Art Box

This site for LA Art Box makes great use of horizontal scrolling and animated transitions.

JYZ Design

Strong color and geometric shapes create a vibrant feel for JYZ Design’s company site.

Hyperframe

Hyperframe’s site takes on board the ‘show, don’t tell’ theory by cleverly using on scroll animation to demonstrate its product’s major selling point.

Rebecca Atwood

Rebecca Atwood’s site combines product shots with a color scheme that reflects the aesthetic of her designs.

Natural Paint Co.

For any paint company, displaying the available colors is a central function of their site. Natural Paint Co. do a really nice job of this with an interactive picker that changes the background color of the window.

Piaule Catskill

Beautiful photography and minimal text do a great job of selling the experience of Piaule Catskill cabins, and the horizontal scrolling on desktop adds extra focus. I found myself looking up flights to New York…

Rose Delights

There is a vintage, hand made quality to the mix of video and photographs on Rose’s home page, that creates a sense of warmth. The transparent mail list sign up is nicely non-invasive.

Voila

This site for Voila instant coffee creates a modern feel with fresh pastel colors balanced by a grounding dark blue.

Chiwawa

Wrestling masks, skeletons and lots of tone on tone color makes this a lively and appealing site for Chiwawa cantina.

HI(NY)

Keeping the rest of the design elements minimal here allows the movement of content areas not become cluttered and fussy feeling.

Think Tank Team

The divided square motif on the Think Tank Team homepage is a nice visual metaphor for building blocks coming together to create a whole.

Just Egg

Lots of yellow, and food close ups in the what part of Just Egg’s site is bold and confident. But the how section with its scrolling animation is the really good bit.

Moooi Paper Play

Although not a standalone site, this is a very pleasing animation centred around a particular product from Moooi.

Maersk Upside

Logistics giant Maersk have added a more user-friendly and visually engaging section to their corporate site, with use cases and real case studies.

Sol’ace

The color palette for Sol’ace furniture is has been carefully chosen to reflect the idea of luxury and natural materials.

Terra

A good mixture of standalone product shots and styled photographs works well here. The navigation options–shop by type, material or collection–have been well thought out too.

Thanxiety

And finally, for our readers in the US, Thanxiety is a carefully chosen collection of conversation topics to help avoid any uncomfortable silences, or family rows, around the dinner table at Thanksgiving. (And maybe the rest of us could use it on other holidays…)

Source

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

Source de l’article sur Webdesignerdepot

/par

3 Essential Design Trends, November 2021

,

As the year begins to wind down, there are still plenty of new and evolving website design trends going strong. Much of what you’ll see this month carries over from things we’ve been seeing all year but with fresh touches.

From peek-a-boo designs with neat animated elements to vertical bars to brutalist blocks, there are a lot of highly usable trends to work with.

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

Peek-a-Boo with Animation

Designers have been experimenting with cut-out and layering elements with animation for some time, which has evolved into full peek-a-boo styles with a lot of visual interest.

How each design comes together is a little different. Some have the animation in the back, others in the front, and some include text as part of the style. There’s almost no set of actual rules to how to make this design trend work.

Each of the examples below does it somewhat differently with varying degrees of success. The commonality here is that it is almost one of those visuals that you either see and love or hate.

Jatco Insurance is the most stunning example here, with a bold color choice and a peek-a-book element inside the oversized “J.” The overall effect is soothing and interesting and naturally draws the user across the screen from the top left to the background video layer. The small tagline, “Individual attention you deserve,” is perfectly placed.

Liron Moran Interiors takes a different approach with the peek-a-boo concept with the letters peeking out from behind an image. The animation is restricted to a hover and scroll effect that adds a liquid element to the image as well as changes to the image and color background. The challenge here is in readability. More of the words show on wider screens, but is it enough?

Melon Fashion also layers text and animated effects for a neat peek-a-book style that almost seems cut out from the background. The overall look appears to have three layers: background video, middle layer for the yellow color block, and text on top. The opacity of text elements with the peeking video is interesting and well pulled together without sacrificing too much readability.

Vertical Bars

Vertical color bars are a design element that keeps popping up in different ways. Designers can use it as a standalone element or container for content, such as navigation or other click actions.

Vertical elements are helpful because they can help create a more consistent and unified user experience from desktop to mobile screens. This shape can also be somewhat disruptive because you don’t see it featured that often. (Although with this style trending that might become less true over time.)

New Classrooms uses a vertical color bar on the left to help you move through the design. The color actually changes as each slide progresses on the homepage.

Serving uses multiple vertical bars as links to different content entry points. Clickability is emphasized with a change from a red overlay to a full-color image. The navigation is also tucked inside a white bar on the left side of the screen with a hamburger menu therein.

TechnoAlpin goes with a skinny vertical navigation menu on the right side of the screen. The icons with menu elements make navigation highly visual and intuitive. The color, which significantly contrasts with the rest of the design, also helps.

Brutalist Blocks

Not many people thought brutalism would stick around when it started trending. Elements of brutalism keep sneaking in, though, although they are much less stark and harsh than some of those original trending website designs.

This version of brutalism focuses on block elements that contain images or text and often click to other pages in the design. The blocks themselves are essentially the buttons that help you navigate to additional content.

The critical question about this design technique is whether this click action is intuitive enough. Will users interact without buttons?

The answer likely depends on your audience base, but if you opt for a style like this, it is essential to keep a close eye on analytics to ensure that users know and understand how to engage.

Milli Agency might be the most intuitive example of the brutalist blocks trend. The homepage is essentially a giant navigation menu. Each block changes from white to yellow on hover and expands, further encouraging clicks.

Sick Agency uses brutalist blocks with experimental typefaces and bold color for an in-your-face design. You can’t help but look at all the different things happening here. The biggest question might be, where should you focus and click next? The cursor provides some visual cues, but it’s not quite as intuitive as you might want it to be.

Mawo mixes brutalist blocks with a big blue cursor to help users click through the design to see more clothing options. Even the images here have a rather stark feel, which isn’t typical for e-commerce. Every block element above the scroll on the homepage includes a click action from the navigation blocks across the top to the “Shop Women” and “Shop Men” images. Further, the blue cursor dot helps show where users can click, and text buttons change to blue on hover as well.

Conclusion

Most of the examples here show trends as homepage elements, but you aren’t limited to that application. Try some of these techniques on landing pages or interior pages that you want to add a little something special to.

This can be an excellent way to test the design and see if your users like the style and know-how to interact with it. If it works, then you can extend the aesthetic to more of the design.

Source

The post 3 Essential Design Trends, November 2021 first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

/par

20 Best New Sites, October 2021

,

We’re well on our way to Hallowe’en already, and it’s time for another collection of websites that have caught our eye.

It’s a mixed bag of candy this month, but nothing that should make you scream with fright. Enjoy!

Tether

This single-page site for forthcoming cycle safety system Tether uses a balanced combination of hero video and illustration to explain its features.

Wayfinder 

Wayfinder is a game about our connection to nature that uses generative code, artificial intelligence, machine learning, and data mining to create a new experience each time it is played.

Beechhouse

Beechhouse has a clean, airy feel, with subtle scrolling animation. For a tattoo studio, the overall feel is refreshingly light, without a rose-filled skull to be seen.

edenspiekermann_ 

This is how you do a portfolio site with absolute confidence.

Forward Festival 

Forward Festival is a series of creative conferences run by Forward Creatives design agency. This is an excellent example of a classic magazine site with enough individuality to pull the user in and keep them engaged.

Danmarks Motionsuge 

Denmark’s Exercise Week focuses on a national campaign (in Denmark) to get Danish people to be more active. A fresh color scheme, offset grid, and strong photography all create a dynamic feel. And it is somehow reassuring to the rest of us that even the second happiest population in the world needs to exercise more.

Franco Maria Ricci 

Because we have come to expect load times to be almost nothing, loading screens are not something too many sites bother with. However, this site for publisher Franco Maria Ricci is a pleasing exception.

Pierre Yovanovitch 

Stylishly curated portfolio and catalog site for interior and furniture designer Pierre Yovanovitch.

Gir

Silicone spatulas are probably not the first subject most of us fantasize about designing a site for, but that’s what makes this site for Gir extra good. The ‘add to cart’ footer widget on individual product pages is done well, making sure a buy button is always present but without being over pushy.

Gastronomical 

Bright, bold, and in your face, this site for Gastronomical pancake and waffle mix is about as far from Betty Crocker as it could get, bringing ‘cool’ to home baking.

FC XV

Marking 15 years of Dutch fashion brand Fabienne Chapot, this microsite makes a feature of the illustration style used by the brand for its prints.

Websmith Studio

This is a good, simple portfolio site with good use of color to highlight, and the background noise effect adds subtle interest. Good name too.

Van Gogh Museum

This is definitely one of the better museum websites around. The use of color creates warmth without detracting from the sense of space. The ability to search the collection visually is a welcome feature.

Chérie Healey 

Life coach Chérie Healey’s site manages to stay on the right side of positive and uplifting without tipping over into hippy meme territory.

Kalso 

To mark the launch of the new Earth Shoes website, this microsite traces the history of the original Kalso Earth shoes, starting with their inventor Anne Kalsø herself.

The Order of the Good Death 

The Order of the Good Death is aimed at changing attitudes around a subject that most of us find extremely difficult, in a way that is informative and at the same time appealing. The tone of the content is as essential here as the visual style.

Air Company 

The use of split-screen works well here for Air Company, to show now and future, along with some great photography and video.

Wild Fi 

Wild Fi design agency’s site manages to be colorful but clean at the same time. Bold type and a balance between black on white and white on black make an impact.

Firefly 

This site for Firefly digital design agency has some great little details, notably a glow around the cursor.

StudioBand 

Dark neutral colors provide a calm, muted background for video and photography of work in StudioBand’s portfolio site redesign.

Source

The post 20 Best New Sites, October 2021 first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

/par

3 Essential Design Trends, September 2021

,

Do you ever get bored with design projects? Feel like you keep designing the same things on repeat?

This collection of trends – from fun angles to illustrations where you wouldn’t expect them to cool three-dimensional concepts – is sure to help you think a little more out of the box. It might be just the right inspiration to cure some of that design boredom.

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

1. Angles for Attention

Working with angles is a fun technique because you can essentially point website visitors to what you want them to see on the screen.

Angles can be aggressive and have an obvious visual goal. They can also have an easier feel without so much direct intent. This trend can look a lot of different ways, making it a versatile option for designers.

Each of the three examples here takes a different approach to angles.

Bake Inc. uses various angles with imagery and whitespace to draw the eye past the visual elements to the brand name at the bottom of the screen. If you click through to the design, you’ll see that there isn’t just one angle-image design, but it’s a collection of changing images and angles that work beautifully in concert.

Instabase uses a collection of animated geometric shapes as the main visual element on the screen. Note the directional pull of the triangle in the bottom left of the group of shapes. It helps lead the user to the “Request a Demo” call to action on the other side of the screen.

Readymag’s Custom Cursor is one of those aggressive angles. The giant cursor is what the design is about, but because of the size and shape of the object, users are directed to the word “cursor” as well. That adds extra emphasis to what the design is about. With the combination and the oversized element and giant angle that are so in your face, you can’t help but get a quick understanding of what the design is about.

 

 

2. Unexpected Illustrations

This might be the most fun we’ve seen with a website design trend in a while – projects and companies are using illustrations in some of the most unexpected places.

The design surprise happens when an industry that you don’t expect uses this type of imagery. A simple illustration takes the design to another level, or illustrations mix with other elements to paint a whimsical overall scene. Those are the things you can find with each of these three examples.

Krivitzky is a website for a business law firm. This is not at all the type of website where you’d expect illustrations (including a dragon). While the design is fun to interact with, it’s hard to say if it works. If you needed representation, would this appeal to you? In terms of legal websites, this is a total disruptor and forces your attention. That could be a good thing.

Studio Mesmer is one of those simply understated designs that’s almost perfect. The stark black background makes the simple illustration that much more striking. The eye also has a nice hover animation effect for an added surprise.

Kenn & Kitt mixes an illustration with real imagery to paint a more whimsical scene. What’s nice about the illustrated elements of the website design is that it helps connect the website to the product packaging, which uses illustrations while feeling “real” with the photo of a dog. It’s a bright and sunny combination of photos and illustrations that feels whimsical but has the right vibe for the product category.

 

 

3. 3D Depth

The three-dimensional website design trend keeps ebbing and flowing. And right now, it is flowing with full-screen 3D elements for maximum depth that makes you feel like you can almost dive into the screen.

While most of these designs use illustration with animation to create the 3D scene, you don’t have to abide by this example. The goal is to create something that looks and feels immersive so that users will want to take part in the experience.

The Match Maker has an 80s gamer vibe where you can feel yourself going down the tunnel on the screen. Additional hover animations move the screen, even more to help you get into the game.


Hafele Discoveries uses a wide-angle style animation with back and forth motion. The fish-eye style of the design adds an element of depth, which is further magnified by the foreground box with text and call to action elements. The design concept is attention-getting, but the motion can be a little dizzying if you leave it on the screen too long.

FiveT Hydrogen takes a more “traditional” approach to a three-dimensional website design with an illustration/animation that includes elements of depth. This is magnified on the scroll action of the design with shadows and layers and a variety of elements – real and illustrated – that make you feel like part of what’s happening on the screen. It’s an immersive learning experience about clean hydrogen that almost forces users to keep scrolling. The 3D effect is what takes it to another level.

 

 

Conclusion

Not every design trend is right for every project. Take a good look at what you are trying to accomplish and match it with a design concept.

If you want to try one of these trends, but they are a little too out there, experiment with a small area of the design or a landing page first. That’s a good place to test ideas and conversion rates to see if the design technique will work for your audience.

Source

The post 3 Essential Design Trends, September 2021 first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

/par