Articles

20 Best New Sites, June 2022

,

This month’s collection of the best new sites is a mixed bag. Positivity remains from last month’s edition, and what we’re seeing is designers being far more ambitious for the experiences they create.

We have a couple of sites helping to alleviate the damage of war, some unusual approaches to topics that are normally very dour, and some excellent portfolios to be jealous of. Enjoy!

Sarah Fatmi

Characterful illustration and desktop sideways scrolling make this portfolio site for illustrator Sarah Fatmi stand out.

Vestiaire Impact Report

Green is the new black, and fashion resale platform Vestiaire presents its green credentials in an informative and engaging way.

Houseplant

Houseplant is a collection of cannabis-related products designed by Seth Rogen and Evan Goldberg; this site is a lot classier than the average headshop.

FreshCut BarberShop

The site for FreshCut BarberShop is modern, bold, and gets its message across clearly, even if the user doesn’t read French.

Feed The 300

Feed the 300 is an appeal in aid of the animals in Ukraine’s zoos. It is very simple in concept and design, but endearing animated line drawings give it character.

Honeymoon Chicken

Luscious photography combined with surprisingly delicate illustrations makes Honeymoon Chicken very inviting.

Patachou Inc

Patachou Inc operates a group of eateries and the site does a good job of conveying both the very different individual brand identities of each establishment, and the common ethic behind all of them.

Living With OCD

Many design studios do showcase projects, and Living With OCD by designedbyla is one of the more publicly beneficial, and well-executed, examples around.

Aro

Aro is a product with a very simple concept — basically, a box to put away a phone, that also charges it — but this website does a great job of increasing the product’s desirability.

Kim Kniepp

The navigation on this site for Kim Kniepp’s design studio feels very interconnected, an effect heightened by the overlapping masonry grid.

Triniti

There is a calming, reassuring quality to the color used here for Pan-Baltic law firm Triniti. The perpetual motion style hero video adds a confident, soothing touch too.

Herezie

Creative agency Herezie uses saturation and gradual color changes to pleasing effect in this confident, assured website.

MetalColor

The color choices in this site for MetalColor, and how they are used, succeed in evoking what results the company could achieve without focusing on the less glamorous parts of the process.

Gras

Architecture and design studio Gras goes for a clean feel with an irregular grid layout and carefully curated images. The blog sidebar works well too.

Vendredi Society

Dark green and bright yellow make a strong statement in this portfolio site for brand strategists Vendredi Society.

HUB

HUB describes itself as a progressive property developer and this site does a great job of leaving behind the corporate image usually associated with property developers.

Nowhere Bakery

Nowhere Bakery makes vegan, paleo, gluten-free cookies, which don’t sound all that appealing on paper. This site manages to make them seem both really tasty and healthy.

Apotheke zur Triumphpforte

The botanical illustration style images on Apotheke zur Triumphpforte’s site help create an approachable brand identity while adding visual interest.

B!POD

A good balance of images, animation, and illustration combine to create an impactful presence for B!pod’s first product, a food vacuum storage system.

The New Exhibition

The New Exhibition is a showcase platform for Ukrainian creatives — type designers, illustrators, graphic designers, photographers, and others — whose ability to get work has been affected by war.

Source

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

Source de l’article sur Webdesignerdepot

/par

20 Best New Sites, May 2022

,

Sometimes it’s easy to feel like the world is going to pieces all around us, especially when we’re doom scrolling Twitter between news alerts every few minutes. But if we step back a little, things may not seem so bad.

On the web, we see companies and individuals taking a positive stand, making changes, and carrying on despite challenging circumstances. So in this month’s collection, we celebrate confidence and accentuate the positive, as the song says. Enjoy!

Plastic Bionic

The ‘change view’ option is well used in this portfolio site for Plasticbionic design studio. The grid view is especially pleasing.

Fabricca

Creative agency Fabricca has gone for a simple look, with some appealing illustrations and custom icons.

Normand

The color scheme and display font choice (Knockout) make a strong statement here for law firm Normand.

Dumpling Delivery

We all need some bored-on-a-slow-friday-afternoon distraction from time to time, and Mailchimp delivers the goods here.

OTR

OTR is a mental health service for young people aged 11-25. The site does a great job of feeling approachable and friendly to younger users while not being condescending, cutesy, or childish.

neueMeta

Good use of block color adds extra depth to this otherwise brutalist portfolio site for neueMeta design studio.

Vitra Chair Finder

This interactive questionnaire helps the customer identify the best chair for their needs. The animation is done well here, and a page of swirling Vitra chairs is a lovely thing to see.

Chia Studios

A good balance here of serious and fun in Chia Studio’s portfolio site, professional but friendly.

Sagmeister 123

The concept behind this limited clothing range designed by Stefan Sagmeister is that, taking the long-term view, the world is actually getting better. As such, the Sagmeister 123 site has an overall feeling of quiet positivity. And a koala.

RecPak

RecPak is a meal replacement shake designed for taking during outdoor activities. The site has an active, dynamic feel that works well to convey a sense of rugged outdoor adventure.

Alicia Moore

This site for Alicia Moore clothing brand oozes style and sophistication with soft colors and beautiful fashion photography.

Think Packaging

Think Packaging’s website has a bright, bold, fun feel. Case studies are well presented visually but keep text to a minimum.

BP&O

Brand design and packaging blog BP&O has added extended content for subscribers, and their new site is a pleasure to browse.

The Future Factory

The Future Factory is a business lead generation agency, which doesn’t sound, well, a bit dull. But, some funky animation and slightly quirky type certainly do not convey dullness.

Polybion

Polybion’s new website has a spacious feel with a rich color scheme adding a sense of confidence and brand maturity.

The Empathy Experiment

The Empathy Experiment is an interactive ‘game’ from digital agency media.monks that examines empathy and inclusivity in the workplace while at the same time showcasing some technical skills.

Belle Epoque

The opening scroll on Belle Epoque’s site is really pleasing, and the random floating shapes are intriguing.

Richard Ekwonye

Richard Ekwonye’s portfolio site is clean and straightforward. Skills are on display, but without intruding on the content.

SND

SND has created UI sound kits. The site is as simple as it could possibly be, and yet it is impossible not to investigate all the sounds and start imagining where you could use them.

KMZ Industries

Regular readers will know how much we like technical/industrial-made-interesting sites, and this one for KMZ grain storage systems is a perfect example.

Source

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

Source de l’article sur Webdesignerdepot

/par

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

Overcoming Blank Page Paralysis

,

Whether you’re new to the job or are an experienced designer, the anxiety of a new project can sometimes – often unexpectedly – cause us to freeze in our tracks. This creative paralysis sees us staring at a blank page, unable to come up with ideas, and the knowledge that time is slowly ticking away.

We’ve all been there. So we thought it would be helpful to share our tips and tricks for overcoming the tyranny of the blank page and help you get back to doing great work.

The first thing to know is that you are not alone; blank page syndrome has a basis in science, with a clearly identifiable set of symptoms that consistently occur together. 

The first thing to know is that you are not alone; blank page syndrome has a basis in science

It starts when you become stressed. Stress causes your brain to produce hormones that slow down neural functions, which only serves to increase the feelings of inadequacy over a lack of creative spark – and fuel anxiety. Understandably, this causes a spiral as your mind seems to get emptier and the blank page more threatening.

But don’t fear! Because there are ways to move past blank page paralysis and get back to productivity. 

Just Relax

Once you’re in a negative spiral, it’s notoriously difficult to get out of. The best solution is to avoid the spiral entirely – by starting in the right frame of mind. This means setting up a calm work environment before you even sit down. 

Do your best to avoid major distractions – such as young children who need your attention or colleagues who like to play music that vexes your soul. We’re not saying that you need a sound-proofed home office – the kitchen table might be fine – but schedule your work time for when the kids are at school or with a minder, or work from home if the office is likely to be noisy. A pair of noise-canceling headphones can be handy, too.

Avoid Distractions

Seemingly small things can also get in the way of your work. Chat and email notifications are the digital equivalents of a person calling your name from across a room. Try to avoid or silence anything that stops you getting into the creative mindset, even if you just mute things for a few hours. It’ll help you mentally separate your creative workspace from everything else.

all of those notifications will still be there when you resurface

Ultimately, you need to create a mood that you subconsciously associate with being productive. But even when the space around you is perfect, it can still take a while to get into the zone. Brains don’t just flip into creativity at the flick of a switch, so be kind to yourself. And remember – all of those notifications will still be there when you resurface later in the day. 

Do a Warm-Up

Studies have shown that a blank page is particularly stressful because it makes the task in front of you feel bigger than it really is. Gazing at an empty page is like seeing the whole project stretching out before you. The stress comes from the feeling of having to fill the whole journey, all the way from A to Z.

So don’t start with A! Instead, begin with a warm-up. Just as dancers always start with a series of exercises to warm up their muscles, creative designers can benefit from something similar. You could start by talking things through with colleagues or sketch some ideas using pen and paper, before opening your design app. 

Alternatively, you could start by planning your content hierarchy. You don’t need all the final words – but it can be helpful to work out how many headings you’re going to have, where images will sit, and whether your copy will be in paragraphs or lists. 

By doing this, you’ll have elements to place and a rough idea of their relative importance. It’s easy to get overawed by the importance of actual content – so start by getting a grip on the type, density, and length of content. 

Take Inspiration

The world around us is filled with inspiration and according to an icon designer Yannick Lung:

It helps to observe things in the real world and play around with them.

It can also help to borrow an idea. Obviously, we never condone copying someone’s work, but using existing work as a reference or jumping-off-point can help. Think of it as putting your own twist on an existing idea.

“I sometimes find it useful to reverse engineer a good example of the sort of thing I’m trying to write (and this works for design too). I usually break down a successful example into its constituent parts and swap them out for things more relevant to the project at hand, then refine from there,” says Harvey, one of Sketch’s brand storytellers.

Let Templates Take the Strain

Instead of putting pressure on yourself to instantly start designing, begin by creating templates or wireframes. This isn’t an avoidance tactic. Spending time creating an outline template saves time in the long run – plus, doing practical work that doesn’t need lots of detail will act as a warm-up. It might even help you catch potential issues in your designs earlier. 

Be Collaborative and Welcome Early Feedback

In general, people don’t work well in isolation – so collaborating with colleagues is a great way to get design ideas flowing. At the start of a project, reach out to your colleagues to let them know what you’re going to be working on and set up a session to collaborate on ideas and ask for direct input.

Never wait until the end of a project to ask for feedback. Involving your colleagues in the process early helps counter blank page paralysis and involving stakeholders can help you manage expectations. Aim to get regular and consistent feedback rather than waiting for it – which could cause a delay in your project. 

And of course, you should always choose a design software that enables real-time collaboration so that everyone working on a project can avoid version conflicts.

Avoid Burnout

When work isn’t physical, it can be hard to judge how much it takes out of us

When work isn’t physical, it can be hard to judge how much it takes out of us. If you’re suffering from blank page paralysis, it’s probably a sign that you’re starting to get burnt out. Try setting an alarm on the other side of the room so you have to get up to turn it off regularly – or just scheduling some time into your day to take a break, stretch, or even take a walk. Stepping away from your screen is good for your brain and your body.

In the end, the most important thing to remember when it comes to blank page syndrome is that you have to be kind to yourself. Nobody can be productive 100% of the time – we’re only human, after all. What matters is that you do whatever you need to get your creativity flowing.

 

Featured image via Pexels.

Source

The post Overcoming Blank Page Paralysis 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

Exciting New Tools For Designers, March 2022

,

We’re going to have some fun this month. There are so many new tools and resources out there for designers that make life easier, and others are simply enjoyable.

Here’s what is new for designers this month …

Polka Dot Generator

Polka Dot Generator is exactly what you think. Adjust colors, dot size, shadow, and fuzziness, and then export the CSS for use in your projects. This could make for fun effects or backgrounds.

Design Memes

Design Memes is just a lot of fun. It’s a collection of memes based on design culture updated daily. It’s a little silly and a little reflective. Yes, it’s completely ok to laugh at yourself.

Pppointed

Pppointed is an SVG arrow-making tool that helps you create cool pointers without a lot of effort. Just pick a color, shape, and style, and you are ready to go. Save your custom arrows as SVG files or copy the code and use them on the web whenever you want to point at things visually.

Open Source Color System

Open Source Color System is a set of palettes that include carefully picked colors to help you overcome interface challenges. For example, it is one of the only color tools out there that includes palettes for light and dark modes. It’s also designed with accessibility in mind to help you create a complete and usable system.

Cowsay

Cowsay is a nifty little web interface of the same name made with Svelte and HTML Canvas. Play with it and then copy your art as ASCII or an image.

Minze

Minze is a simple JavaScript framework for native web components. It’s tiny and fast, modern, shareable, framework agnostic, and uses TypeScript to scale your component library. Plus, you can get started with it right away.

Tally

Tally is a simple – and free – online form builder. You can use it without coding, and it works like a document file, so there’s no learning curve. You can create unlimited forms, integrate with other tools, set logic, collect payments, and more. There’s a pro version as well if you need even more features.

Hue.Tools

Hue.Tools is another color tool to help you maximize effort when creating palettes. Generate a color you like, see specs and values in all the different color spaces, inspiration from design sites, and colors that work with it. It’s fun and functional.

Sturdy

Sturdy is a low overhead code collaboration platform for fast-moving teams. With Sturdy, you work in the open with your team. Discover and interact with draft code as it is written. Those team drafts are like live pull requests (Figma or Google Docs) but using your local editor.

Mage

Mage is a tool that transforms your data into predictions. Build, train, and deploy predictive models in minutes with no AI experience required. This is a premium tool, but you can try it for free.

Huemint

Huemint is a machine-learning-based color scheme generator for websites, graphics, and branding. There are many options to play with, and you can generate some pretty interesting combinations that ordinarily you might not think of.

CSSUI

CSSUI is another tool you’ll love because it includes pure CSS interactive components without any JavaScript. It’s easy to customize, uses standard HTML, is easy for all levels to use, is tiny and fast, and supports pretty much all modern browsers. It’s an open-source tool that you can download and use immediately.

UI Icons Line – Free

UI Icons Line – Free is a set of 1,000 free vectors for use in your projects. Who doesn’t need a robust set of icons?

Skill Icons

Skill Icons is a set of icons to help you showcase your design and development skills on your resume or GitHub. They all look great and match.

Ambient Design

Ambient Design is a mobile app design market where you can get mobile UI kits for Figma. Purchase kits separately, or buy quarterly or yearly plans to access all current and future UI kits.

TextFrame

TextFrame lets you create animated tutorials for your users to get the help they need. It integrates directly with WordPress or any other website with just a couple of lines of code and includes plenty of customizable options to make it easy for you to help others understand how to use the website. The tool is free for one site and just a few bucks per month for additional sites.

Booqsi

Booqsi is a fun new social media network for book lovers. The platform is still in beta and lets you save and share books, create shelves for reading, and doesn’t force a connection to Amazon. It’s just all about the books. And there’s a bonus: every link from the site goes back to bookshop.org to help you find and support local bookstores.

Stylo

Stylo is an open-source WYSIWYG interactive editor for JavaScript. It is made to bring great user experience and interactivity to the web, for everyone, with no dependencies. It has an interactive design, is customizable, and is future-proof.

Tutorial: How to Favicon in 2022

How to Favicon in 2022 is an excellent lesson on the five icon files every website needs (plus one JSON file). If you are creating more than that, this is a must-read.

Tutorial: Creating Generative SVG Grids

Creating Generative SVG Grids is an in-depth, step-by-step tutorial for anyone who wants to create a more artistic SVG. It uses a handful of tools, including SVG.js, Generative Utils, TinyColor, and GSAP.

Fromage

Fromage is a new and beautiful premium typeface family from Adam Ladd. It includes 14 styles with an interesting serif and alternative sans option. The high-contrast design is great for a variety of projects.

HD Colton

HD Colton is a premium super sans serif typeface with a whopping 91 styles and family package options. It would make a bold statement as a display option.

Source

The post Exciting New Tools For Designers, March 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par

Competition: Win One of Four Free Online Passes to MUXL

,

The fourth edition of MUXL (Mobile UX London) conference kicks off on the 21st of March, and you could win one of four free passes to the five-day digital event.

Running from the 21st of March to 25th, MUXL is a digital festival of UX and design, entirely online, meaning you can attend remotely from anywhere in the world.

The digital festival is themed around design systems, human-centered design, service designing the future, and UX psychology. MUXL features talks and live panels Q&A Monday – Wednesday, interactive workshops taking place on Thursday and Friday, with global networking opportunities throughout.

Speakers include senior UX researchers, managers, design strategists, and designers at companies including Google, IBM, Microsoft, Disney, and more…

MUXL is an excellent opportunity for UX designers of all levels to improve their skillset, make connections, and find inspiration.

Tickets are available now, but we have four Festival Passes to give away, and all you have to do to be in with a chance of winning is make sure you’re signed up for our weekly newsletter before the 14th of March. And don’t worry if you’re already a subscriber, you’ll be automatically entered into the draw.

We’ll select four winners at random on the 14th of March. Good luck!

 

Featured image via Pexels.

Source

The post Competition: Win One of Four Free Online Passes to MUXL 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