Articles

3 Essential Design Trends, December 2022

,

As we head into the final month of 2022, plenty of new ideas and website design trends are still emerging. The evolution throughout the year has been exciting and designed to help website designers and developers create greater engagement and interactivity while pushing the envelope. These trends are no exception.

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

1. Video Game Inspiration

That space where reality and virtual reality merge is popular for website design. Trending are design elements and themes with a pseudo-video game style that looks interactive, somewhat real, and much imagined.

These websites can have a variety of looks and themes but have a few key elements in common:

  • Plenty of animation
  • Interactive elements, real or perceived
  • Fast motion that puts the user in the scene
  • ”Unreal elements” such as the bat-skull for Mythical Games
  • Dark color schemes
  • Often lack traditional navigation or calls to action so that the “game” is the whole screen
  • Leading text or design elements to help you move through interactions

Each of these examples takes a similar but different approach with their video-game-inspired design styles.

Adidas uses a three-dimensional trio of people in flight to get you interested in jobs at their animation studio. The point of view makes you feel part of the action, but traditional design elements, such as navigation, help you know what to do next.

Mutant Stand looks like an old-school video game and moves between a home screen with navigational elements to more of an in-game experience. The motion creates an interactive feel even before you dive into the design.

Mythical Games is an actual gaming website design, so you would expect video game inspiration here. Interestingly, this site takes the most subtle approach, although the design elements of fantasy are strong here.

2. Difficult Typography

Sometimes website design trends can be tough to explain. That’s the case with this one, where designers are experimenting with very difficult typography styles. What’s difficult about the text in these projects is readability.

Difficult typography is somewhat subjective but is emphasized by designs that have a lot of words. The reading challenge extends to mobile design, particularly when these fonts are smaller and can present even greater readability issues.

There are a lot of different styles and combinations of typefaces that can cause readability challenges. Some of the most common for website design include:

  • Condensed or thin typefaces
  • Unusual character styles or strokes
  • Modern or thick serifs
  • Old world styles
  • Scripts or cursive styles

All of this, though, is somewhat in the eye of the beholder. While these examples all present some reading challenges, the designs are still interesting and visually sound. Whether to make these font choices is a personal choice, but you should pay attention to your audience base and website analytics to make sure it works for you.

Here’s where you probably see a lot of this trend outside of website design. Pay attention to the typefaces used for World Cup broadcasts. Difficult typefaces are paired for all on-screen text elements.

Kakeru Yagou uses an interesting modern serif with a bit of a tilted style. As a logotype, the typography works pretty well. It is when there’s a lot to read that the challenge comes into play.

Abymes Numerique uses a condensed typeface in an all-caps style. Either of these options alone might create less of a readability concern than when paired.

Think Dance uses an incredibly interesting but difficult typeface for the two keywords on its website. They do an excellent job by using only two words and pairing them with easy-to-read options everywhere else. But it still takes a minute to think about and comprehend the words, so you can argue the effectiveness of the font choice.

3. Avatars

Already popular on social media platforms such as Snapchat and Facebook, avatars are having a pretty big moment in website design as well. The big difference is that website avatars aren’t just cartoon heads, they can include full-body designs and animated effects.

Avatars can have an extremely personal look and feel, such as when they are used for portfolio websites or be more character-oriented. Both are an excellent way to use faces and incorporate somewhat of a personal element when you don’t have the right photography for the job or want a greater element of whimsy in the design.

Simona Nikolova uses an oversized avatar for her portfolio site. She pairs it with her name to create a connection with users, and the style shows her creativity as well. An avatar is a good way to “show yourself” in a portfolio without the privacy concerns that might come with an actual photo.

Byte Trading uses “Lego-style” avatars to get you interested enough to “enter” the website. Each avatar moves and changes clothing to get you ready to enter the website for the crypto marketplace. Avatars are a popular option for crypto and NFT websites.

Pomelo Paradigm uses three-dimensional avatars to create scenes throughout its website. These created characters help explain what the company does and interactions people should have with the design. They have very human looks, and you almost don’t miss that they aren’t actual photographs.

Conclusion

As we head into a new year, what website design trends are you most excited for? Do you plan to try new things with projects in the new year? Hopefully, these trends give you some ideas and jumpstart that inspiration heading into 2023.

Source

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

Source de l’article sur Webdesignerdepot

/par

Download Free Xmas Illustrations Today

,

Tis (almost) the season to be jolly, and with Christmas Day just one month away, it’s high time to start putting together your Winter holiday promotions.

Today, we want to share some incredible free Xmas illustrations. There are several greetings card-style designs that are just perfect for sending to customers as part of an email campaign. You’ll also find dozens of Christmas-themed items that can be combined to create your own seasonal illustrations for websites, emails, and print promotions.

It’s never too late to spread some goodwill by wishing your contacts the compliments of the season. So download these illustrations for free and get started today.

You may use these illustrations for personal and commercial purposes. You MUST add a link to our site www.webdesignerdepot.com wherever you use these illustrations online. If you use them for print, you must clearly credit us somewhere in your product with written text crediting our website www.webdesignerdepot.com. If you can’t or don’t want to add a link to our site, please contact us for a special commercial license that doesn’t require any kind of linking or attribution. Licensing fees start at only $15, but may be more expensive on certain situations. Please reach out for more details. These files cannot be distributed in any shape or form on their own.

Download the WDD Xmas illustrations for free.

Source

The post Download Free Xmas Illustrations Today first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par

They’Re Live! 10 Great Black Friday 2022 Deals for Designers and Agencies

,

Looking to save big and make your web design job easier at the same?

This carefully picked list includes top-tier quality items that have already been used by hundreds of thousands of people like you.

From WordPress themes, plugins, web apps, website builders, and illustrations, this list has everything for everyone.

Check all these 10 excellent deals for designers below:

1. Amelia

Amelia is a WordPress booking plugin that saves businesses time and money from the beginning by replacing their manual or semi-automated appointment and event booking operations with a fully automated one.

Amelia is easy to set up and use. Fitness centers, consulting organizations, training institutions, beauty salons and spas, photographers, medical centers, and other businesses that rely heavily on client and customer appointment or event bookings will profit from using it.

  • Clients can go online to make appointments 24/7, change or cancel appointments, and make payments. They can also purchase tickets for events and add special requirements.
  • Amelia automatically sends notifications, reminders, and follow-ups by SMS, WhatsApp, and email (reducing no-shows while keeping clients aware of upcoming special sessions or events).
  • Amelia also manages group appointments, packages of appointments, employees’ schedules, special days, and days offs.
  • All the above can be managed at one or multiple locations from a single dashboard.

Amelia integrates with Google Calendar, Google Meet, Zoom, and Outlook Calendar. Click on the banner to learn more about what this amazing application could do for your business.

2. wpDataTables

Creating an informative table or chart for your website can be pretty labor-intensive.

  • You may have to work with and organize copious amounts of data.
  • You need to avoid compromising your website’s design at the expense of getting the tables or charts you want.
  • Your tables and charts may need to be responsive, editable, informative, and readable.

wpDataTables plugin does all the above for you and more. It is packed with powerful table and chart-building features that include –

  • 4 chart-building engines: Google Charts, Chart.js, Apex Charts, and Highcharts
  • The ability to accept data from multiple database sources and in numerous standard formats
  • The ability to highlight critical data, or color code data using Conditional Formatting
  • A wealth of powerful data filtering and sorting features
  • Live data from Google spreadsheets or JSON API

wpDataTables integrates seamlessly with Avada, Divi, Elementor, Gutenberg, and WPBakery. Click on the banner to learn even more about this popular WordPress plugin.

3. Trafft

To automate a booking operation, you might need one tool to book appointments, one to accept payments, another to manage employee schedules, and so on. Of course, if your business provides services at multiple locations, then you would multiply the number of tools times the number of locations, and you’ll be good to go.

Or, you could go with Trafft, a single tool with which you can manage all of the above, at multiple locations, all from a single platform.

  • Clients can book appointments online 24/7.
  • They can make payments online using PayPal, Stripe, Mollie, or Authorize .net.
  • Trafft sends reminders and notifications automatically via email or SMS.
  • Trafft integrates smoothly with Google Calendar, Google Meet, Outlook, and Zoom.

Click on the banner to learn about all of Trafft’s booking capabilities. You’ll be impressed.

4. WordLift

WordLift helps your website speak the language of Google. This way, your content will be discovered by users, giving you more organic traffic and helping your business website achieve excellent rankings.

  • WordLift uses AI to transform unstructured content into structured data that search engines can understand.
  • WordLift creates a knowledge graph, automates SEO tasks, and analyzes search intent.

Other features include automatic schema markup, content recommendation widgets, WooCommerce, and Image SEO, all designed to improve user engagement.

5. Total WordPress Theme

Three words summarize Total: flexible, easy, and complete. This aptly named WordPress theme is WooCommerce compatible and has everything you need to create one-of-a-kind sites.

  • Total puts excellent selections of demos, templates, and postcards at your fingertips.
  • The popular Slider Revolution plugin is included, as is Total’s flexible drag-and-drop page builder.

The 50% Black Friday discount is automatically applied when you order.

6. TheGem – Creative Multi-Purpose & WooCommerce Theme

TheGem – the versatile WordPress website builder – offers unlimited customizations, plenty of design & marketing focused features, an extended library of pre-built designs, and the fastest loading times: 

  • You have ready access to a rich selection of 400+ pre-built websites in outstanding design quality 
  • It enables you to build every part of your website right away in Elementor or WPBakery: headers & footers, WooCommerce pages, blogs, mega menus, popups, and much more.
  • You’ll love the 5-star user support, just as have 60,000 others.

TheGem can be yours at a 40% Black Friday discount.

7. Mobirise Website Builder Software

The best offline website builder for 2022 is free to use. That is in itself a great bargain. Mobirise’s team has sweetened the pot by offering a 33% Black Friday discount for their All-in-One Kit with its 175 premium themes and extensions.

  • Mobirise is strictly drag-and-drop and features huge selections of blocks, templates, icons, and images.
  • Your site is yours to host anywhere you want

More than 2 million sites have already been created using Mobirise.

8. Embed Instagram Feed

Instagram offers a terrific way to promote your business’s products or services. Its focus on visual communication makes it an extremely effective marketing tool.

  • It takes but three simple steps to embed Instagram into your website.
  • A variety of display options are available.
  • Your feed will be fully responsive and compatible with mobile devices.

An Instagram feed is yours at a 33% Black Friday discount.

9. Getillustrations Web and App Illustrations Bundle

 

Getillustrations is loaded with trendy illustrations you can pick and choose from, download once, and use forever.

  • Selecting one or more of the 13,000 different illustrations in over 100 categories can definitely add spice to your web designs.
  • Illustrations come in PNG, SVG, Ai, Figma, and Sketch formats and Getillustrations adds new ones every week.

Use the EliteDesigners25 code to get your 25% Black Friday discount.

10. Rey Theme

Rey is an innovative WooCommerce theme that is loaded with WooCommerce-friendly features and is easy to set up and use.

  • Key WooCommerce features include filtering, search, templating, and navigation.
  • Rey’s smart search helps site visitors find exactly what they want
  • Quickview and Ajax search is also available

Headers are customized for eCommerce, and visitors will appreciate Rey’s helpful cart, wish list, and checkout features.

Black Friday is not far off. Before you know it, many producers of WordPress themes, tools, and services will be offering tempting discounts.

Even if you come across a deal that appeals to you, it doesn’t hurt to look around to see if you can find a better one.

Keep in mind that the quality of a product or service is more important than its reduced price. It’s always best to pick and choose carefully. So, we’ve put together this list of the best Black Friday deals for 2022 to help you do just that.

 

[- This is a sponsored post on behalf of BAW media -]

Source

The post They’Re Live! 10 Great Black Friday 2022 Deals for Designers and Agencies first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par

A Deep Dive Into Distributed Tracing

,

This is an article from DZone’s 2022 Performance and Site Reliability Trend Report.

For more:

Read the Report

Distributed tracing, as the name suggests, is a method of tracking requests as it flows through distributed applications. Along with logs and metrics, distributed tracing makes up the three pillars of observability. While all three signals are important to determine the health of the overall system, distributed tracing has seen significant growth and adoption in recent years. 

Source de l’article sur DZONE

/par

NoSQL Migration Essentials

,

Need help with your NoSQL migration? Look no further than our « NoSQL Migration Essentials » Refcard. We walk through the primary steps for moving out of a relational database, plus important design principles to understand and consider in your migration process.

Readers will review key concepts that range from denormalizing and modeling data to defining access patterns, designing primary keys and indexes, and creating an entity relationship diagram — all demonstrated with a simple site application example. As a bonus, readers can use the included JSON structure at the end to interact with a NoSQL playground.
Source de l’article sur DZONE

/par

How to Sell on Pinterest Without a Website

,

You don’t need an online shop to sell on Pinterest, but owning one can give you the upper hand.

The only problem is that managing an eCommerce store is expensive.

On the other hand, selling on Pinterest has a low entry barrier. So it’s an excellent place to start even if you can’t afford a website.

Plus, Pinterest has many engaged users who are happy to buy your product, craft or offer. This is the only social media network where the most significant users hold the most disposable income in America.

This guide shows you how to sell to these top spenders on Pinterest, whether you own a website or not.

What Pinterest Brings to the Table

Pinterest is not just a visual discovery engine. The social network brings more to the table.

With 433 million monthly active users and over one billion web visits in August 2022, the platform offers businesses new opportunities to reach highly engaged audiences.

Data Source: SimilarWeb

Also, data shows that about 38% of pinners have a college education, whereas Snapchat is 20%, Twitter is 32%, and Reddit stands at 15%, offering you access to a sophisticated market.

The social network enables about two billion monthly searches.

The company’s data revealed that 97% of the searches are unbranded, providing a level playing ground for all competing brands. However, for context, 42% of Google search queries are with branded keywords, meaning many searchers already have a brand in mind before searching.

Also, 80% of pinners said they discovered new products or brands on Pinterest, and 85% buy things they’ve seen from brands. Additionally, pinners are 55% more likely to buy a product after seeing a visual on Pinterest compared to other platforms.

The platform is not all talk and no action.

For instance, nearly nine in ten weekly pinners make buying decisions on Pinterest, and 50% of users have bought after seeing a Promoted Pin.

Pinterest might not be as popular and imposing as Facebook, Twitter, YouTube, LinkedIn, and TikTok, but the user engagement shows the platform can hold its ground against some perennial favorites.

Its numbers are impressive, making Pinterest too good to pass up.

Selling On Pinterest Without a Website

You can sell on Pinterest without a website.

It’s an excellent option for affiliate marketers. A Pinterest business account will work best since it lets you monitor analytics and run ads. You might also need a Facebook page and a Medium account to further your marketing.

When you’re ready, here’s how to start selling on Pinterest without a website.

Organize Your Products into Boards

Pinterest Board is a collection of pins.

It lets you stay organized. You can create different boards to categorize your products. For example, having boards for televisions, sound systems, video players, and other products in your catalog will make sense if you deal in electronics. You can further classify the boards into sections, like LG, Samsung, and Sony.

Boards make it easy for shoppers to find your products.

To create one, log in to your profile and click the Saved tab.

Click the + icon to reveal a drop-down menu, then select Board from the options.

Enter the product category in the name field to create the Board.

Open the newly created Board, click the ellipsis icon (the three horizontal dots), then the Edit board option to type a befitting description for the Board.

Use the Organize option to create and organize the pins into sections.

 

Publish Your Products as Pins

Create visually engaging pins to display your products.

One exciting thing about Pinterest is that you can create unlimited pins for the same product using different visuals, titles, and descriptions. And the more pins you create, the greater your chances of increasing your visibility and CTR.

The mistake most brands make is creating a single pin for a product and leaving the rest to fate.

But it doesn’t work that way.

As a visual discovery engine, you’ll need to create a lot of pins to stand out and hold your ground on Pinterest. It also lets you cover most of the keywords pinners use to discover products on the platform, stretching your visibility further.

To create pins, head to your profile and select Create Pin from the Create drop-down to begin.

On the next page, select the Board you wish to have the Pin on from the drop-down, then enter the Pin’s title. Of course. Use the keywords people are likely to search for to target Pinterest searchers.

You can see in this Pin that Cicinia, an online retailer of bridal dresses and accessories, uses searchable keywords in the title. But the Pin doesn’t have a description. Don’t make the same mistake.

Write a compelling description to entice users to click your link.

You can search your keywords on Google to see what other brands have as their descriptions if you don’t know what to write. Then, add a discount code to the description if you have any. It supports up to 500 characters, so make the most of it.

Finally, upload your visuals, add your alt text describing the visual you uploaded, then include the destination link, in this case, your affiliate link, and publish the Pin.

Repeat this step for the rest of your products.

Promote Pins on Pinterest

Pinterest comes with a built-in ad manager.

With this tool, you can promote your pins to the perfect audience. It lets you target people based on demographics like age, gender, and location. You may also run campaigns based on their interests or search terms.

Additionally, Pinterest allows advertisers to upload their customer lists for custom targeting. However, it works best for sellers that own a website.

Running ads means you don’t have to compete with the over 240 billion pins for attention. Instead, promoted pins put you on the spot and in front of the right people.

Dimniko, an online advertising agency, helped a client sell over 22,500 products with Pinterest ad campaigns, generating up to 11-times ROAS.

The brand pivoted to Pinterest after experiencing slow sales from other channels. According to them, the client spent around $15,000 daily on Facebook ads, generating $3 million monthly in Shopify; that’s $6 for every $1 spent on ads.

But with Pinterest, they generated $1.29 million with $116,000—$11.12 per $1.

Dimniko advised Pinterest advertisers to kill assets that didn’t meet the KPI in the first seven days and scale the budget of the top performers by 20% every two to three days.

They admitted that half of their sales were due to their retargeting strategy and suggested that new advertisers should start with their existing buyers and ‘actalikes.’

Go Beyond Pinterest

Several opportunities exist for you outside Pinterest.

Depending solely on the channel to reach prospects is a considerable risk. The platform only controls about 450 million of the estimated 4.7 billion global social media users, so there are always more people to reach.

You can do this organically by publicly sharing your pins or boards using trending and relevant Twitter and TikTok hashtags. Also, brands like Bergdorf Goodman use Facebook to promote their pins.

Like them, you can post your pins’ links as updates on your Facebook page.

Promote the post to reach more people.

Blog on Medium

Nearly 43% of global internet-enabled persons use ad blockers, meaning there’s little future for intrusive marketing.

So, content marketing is a no-brainer.

It lets you reach prospects through organic search when they are most likely to purchase. Also, creating consistent, valuable, and engaging content helps you answer customers’ questions, build trust, and influence buying decisions.

Studies found that content marketing generates three times more leads than traditional marketing channels. Also, brands that create content have a six times higher conversion rate than non-adopters.

Thankfully, you don’t need a website for content marketing with Medium. It’s a free and intuitive online publishing platform that lets anyone create, share and discover content.

Sign up on the platform. Research keywords and create quality content with them. You can repurpose the article into a video with tools like Lumen5.com and share it on YouTube.

Selling On Pinterest With a Website

A website puts your Pinterest marketing on steroids.

At least you won’t have to upload your products manually. Instead, the platform can automatically pull your products from your online store to Pinterest and update your catalog regularly. It also lets you retarget non-converters and upsell existing buyers, improving conversion and customer lifetime value.

Follow these steps to connect your website to Pinterest and sell on the platform.

Set Up Your Online Store

Create an online store if you don’t have one yet.

Pinterest currently supports Shopify and WooCommerce stores and online shops that can integrate with the following:

  • Lengow
  • ChannelAdvisor
  • GoDataFeed
  • Feedonomics
  • Products

Next, add the website to your Pinterest business account to claim ownership. Verifying your site allows you to access analytics for the pins you publish from your website and pins other users created from your site and get a verified merchant tag.

You can claim your website by adding a DNS TXT record to your domain host, uploading an HTML file to your website’s web server, or adding an HTML tag to your website code.

Add Your Product Catalog

Upload your catalogs to start selling on the platform.

Catalogs are a feed ingestion tool that lets you connect your eCommerce shop to your Pinterest store. The file lists all your available products and their corresponding attributes, creating a data source for the Pinterest store.

Pinterest ingests the data source every 24 hours to create your product Pins and process up to 20 million products per account. You’ll need to contact Pinterest support if you have more than that number of products.

You can add up to 20 data sources to promote your products across different markets, languages, and currencies. However, uploading your data sources to Pinterest is only available in selected countries. If you’re eligible, the steps here can get you started. 

Alternatively, you may use third-party integrations like Shopify’s Pinterest app and Pinterest for WooCommerce plugin to get your products on Pinterest. Tools like Lengow, ChannelAdvisor, GoDataFeed, Feedonomics, and Productsup can also streamline your Pinterest data ingestion.

Create Rich Pins

Rich Pin is a step up for Pinterest pins.

They have extra information like price, product availability, description, and product link, providing pinners with rich shopping experiences. Rich pins encourage higher click-through rates, enabling you to sell more. They also make better ads.

With rich Pins, you don’t need to update your product Pins manually whenever the need arises. Instead, they update automatically each time you change your product titles, description, price, or availability.

Another fantastic thing is that rich Pins require only a one-time, easy setup. Pinterest will convert all your product Pins to rich Pins if you enable the feature for your account, and new Pins will appear as rich Pins.

Shopify natively supports Pinterest product-rich Pins, so it doesn’t require manual setup. Open any product page, copy the link and append .oembed to the URL, then validate with the Pinterest Rich Pins Validator.

If your store runs on WooCommerce, install the Yoast SEO plugin and enable Open Graph in the plugin setting. Next, copy any of your product URLs and validate. It’s that easy.

However, you’ll have to roll up your sleeves for custom sites.

It requires you to manually add rich metadata to the header of all your product pages. Pinterest supports Schema.org properties. Use any product schema generator like Merkel Schema Markup Generator to generate the JSON-LD code for each product page.

 Next, use Google Tag Manager to add the code to the page’s HTML.

To begin, log in to your account and select Add a new tag under the “New Tag” section.

Choose a name for your tag, then select Custom HTML as the tag type.

Scroll down to Triggering to choose a trigger, then click the + icon.

Name your trigger and select Page View as the trigger type. Next, choose Some Page Views under the “This trigger fires on” section.

Specify your trigger condition, save and then publish your tag.

Repeat the steps for all your product pages, then validate any URLs to apply for rich Pins.

Stay Organized With Product Groups

Product groups help you manage your inventory.

It also lets you promote a product category instead of individual Pins. You can create a product group manually or leave that for Pinterest to handle if you use Shopify. The app can automatically sync your Shopify collections to create relevant Pinterest product groups.

The auto-created product groups include All Products, Top Sellers, Back In Stock, Best Deals, New Arrivals, and Most Popular.

You can add others manually if you need different product groups like brand, custom label, product type, category, or gender. First, ensure the fields exist in your data source and name the products based on your chosen filters.

Follow these steps to create a product group:

  • First, log in to your Pinterest business account from your desktop.
  • Click Ads on the top menu and select Catalogs.
  • Select View product groups, then Create product group.
  • Apply filters to select the products for the group
  • Go to the next page and enter a name for the product group.

Prompt With Shopping Ads

A website lets you take your Pinterest ad campaigns to a new level.

For instance, you can retarget non-converting shoppers to recover lost sales or upsell active buyers to improve their lifetime value. You may also create an act alike (equivalent to Facebook’s lookalike) audience to reach your ideal prospects, eliminating guesses from your targeting.

However, the first is to install the Pinterest tracking tag.

It’s a code snippet that lets Pinterest track your store visitors and their actions while on your site. The code helps you measure your campaign performance, optimize your conversion, build a targeting audience and become a verified merchant.

To install the tag, log in to your Pinterest ads account, click the Ads tab on the top menu, select conversion from the drop-down, and follow the rest of the instructions to complete the process.

Create your audience and run shopping and personalized collections ads to promote your products. Also, launch dynamic retargeting campaigns to upsell buyers and retarget shoppers that abandoned their carts. Run these campaigns concurrently for the best results. This resource can guide you in setting up high-converting Pinterest ads.

Also, don’t forget to promote your store outside Pinterest for maximum reach.

Wrapping It Up

So you don’t need to own a website to sell on Pinterest.

With just an affiliate link, you can get started on the platform. That might even change soon. The social network is piloting a feature that lets shoppers checkout and pay for items on Pinterest so that they don’t have to leave the app to complete their purchases.

The in-app checkout will probably redefine social commerce in the coming years, and getting onboard Pinterest and setting up your stores now means you’ll always be ready for the mad rush.

Thankfully, the tips in this article can get you started.

 

Featured image by rawpixel.com on Freepik

Source

The post How to Sell on Pinterest Without a Website first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par

20 Best New Websites, November 2022

,

Every month we put together this collection of the best new websites we’ve seen appear on the web in the previous four weeks.

In this month’s collection, you’ll find lots of daring interactions, some inventive portfolio sites, florescent yellow colors, and even some old-school mouse trails. Enjoy!

Joshua’s World

Joshua’s World is a fantastic animated site. Grab and drag to tilt and rotate the island and watch the little cyclist power past important links to milestones in his creative career.

Vana

Vana is a new service aiming to help you take control of your data. Its site is modern and lively and uses some great retro-illustrations to bring its features to life.

Velocity Nitro 2

This slick site has some incredible 3D renders for the Puma Velocity Nitro 2 running shoe. The scrollable animation guides you through each feature in a thrillingly engaging fashion.

Norwegian Soda Co.

The Norwegian Soda Co. uses beautifully shot photographs to capture the zest of its products. It’s an excellent example of how a one-page site can be rich and engaging.

Anytype

Anytype is a collaborative platform pitching itself to creative thinkers. It uses a lovely gradient animation to create a sense of power and technological evolution.

Dash

Dash claims to be almost the best tech company, and its modest site does a great job of expelling the tedium from HR. Plus, it has an old-school mouse trail!

Sileon

Sileon is a site packed with clever details. For example, the hover effect on text links is pleasingly minimal, and the photography shot through distortion is a simple but effective technique.

Karina Sirqueira

Karina Sirqueira’s portfolio is a joy to browse through. The morphing shapes add interest to a collection of case studies that are engaging and beautifully presented.

Hotel Santa Caterina

This beautiful website for the Hotel Santa Caterina on the Amalfi Coast captures the light and wonder of the region with a muted color palette and stunning photography.

La Lulu

La Lulu is a Columbian-American singer, dancer, and musician. Her site uses color to disrupt a fairly standard layout and infuse it with amazonian, psychotropic, South American vibes.

International Magic

International Magic is a design agency that boasts some impressive clients, from Maison Margiela to Nike. Its scroll-to-browse portfolio is a masterful example of selling design.

OAD

OAD uses color expertly to convey contrasting temperatures. At this time of year, who doesn’t want a pullover crafted to withstand the Norwegian weather?

También

También is a creative agency specializing in organizations that positively impact the world. Its scrolling collage of client projects is one of the best examples of this type of portfolio.

Dragonfly

If you were designing a website to be used in a 90s film about the internet, you’d create Dragonfly’s site. It’s packed with glitches, code references, and awesome pixelated imagery.

Elva

There’s a lot of distortion entering the design lexicon at the moment, and one of the best examples is Elva’s portfolio site, which uses it to enliven its black-and-white site.

Sussex Taps

Sussex Taps uses multiple full-screen video clips to sell its carbon-neutral tapware range, but it’s the horizontal scrolling product videos that really make this site stand out.

Angello Torres

Angello Torres’ portfolio is packed with daring typography that breaks pretty much all the rules and yet still manages to work somehow to convey energy and creativity.

Repeat

Repeat is an excellent service for upselling customers with repeat orders. It uses simple illustrations to represent generic products with an attention-grabbing yellow for interactions.

High Five Strategies

High Five Strategies eschew the formality of most business pitches to deliver a positive message with bold colors and typography that makes you feel ready to move forward.

Delight

Delight Snowparks employs a questionable lilac color, but its fantastic imagery and video framing more than makes up for that. Plus, there’s another super-old-school mouse trail!

Source

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

Source de l’article sur Webdesignerdepot

/par

3 Essential Design Trends, November 2022

,

Color and depth are key themes this month as we look at what design trends are happening across websites. Red is the primary color of choice, and you can see it almost everywhere; the new thing is that it’s being used in backgrounds and as more than an accent color. Additionally, 3D elements and depth of field are making significant impressions.

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

1. Red Backgrounds

Red is the color of power, passion, and attention, but until recently, it wasn’t the go-to choice for website backgrounds. Now trending is red as a background color.

These designs are bold and in-your-face with bright color, an almost brash feel in some cases, and a lot of impact.

But it works.

In the projects below, red is a powerful tool to help convey the message of the website design. The color demands that you engage with the design to see what’s happening and the content therein, and in the case of Pentel, it’s part of the brand color.

Arze uses a bold red background with a smaller inset of contrasting color to show items on the site. It’s an interesting and quite bold choice. The red background carries through the scroll as well. This is a use of color that verges on off-putting but still gets the point across and helps show products thanks to a lot of contrast.

Russia Invaded Ukraine is a perfect use of red as a color that invokes feelings of passion with content to explain the conflict. Red can be a charged color; here, that’s precisely the intent.

Pentel uses a red background that’s a little softer than the previous examples. Here, red is a brand color, and they use the background to help draw attention to items and elements on the site. The red carries below the scroll as well to keep the theme moving.

 

 

2. 3D Icons and Graphics

Three-dimensional elements seem to keep ebbing and flowing with designers. We see a lot of 3D in projects, and then it seems to vanish again. It’s like we haven’t really figured out how to use it well or in a way that works with the content of various designs.

Admittedly, 3D icons, graphics, and illustrations can be difficult to create and use. Often they look a bit light and don’t go with all kinds of content. Therefore, they don’t get used that often.

Each of these projects takes a different approach:
Admilk goes all in with a series of 3D animations featuring the brand name. They are fun, light, and a bit unexpected. The graphics include objects that look like balloons, milk and cereal, and grass with flowers. (Click through to see each one.)

Refokus uses three-dimensional objects that move on a scroll to create directional flow and visual interest in a space where there’s not much else in terms of art. The objects stick with the aesthetic on the scroll and create an interesting element that carries you through the design without overwhelming you with tricks.

Junni is one of those website designs that goes all in with 3D. This illustrated bubble style of graphics is beginning to be a 3D trend in itself as a style that’s being used more and more with icons and even emojis. It has a light feel, and the animation almost makes it seem silly and somewhat childish.

 

 

3. Long Focal Depth

It’s been a while since a true photography or videography trend made this roundup, but there are so many instance of this image/video style in projects it can’t be ignored. Long focal depth is almost everywhere, from travel sites to architecture to e-commerce.

Long focal depth or depth of field allows the image to show a lot of space in an image in a way that’s sharp and viewable. Depth of field, in photography terms, is the distance between the closest and farthest objects in an image that are acceptably sharp.

In this trend, each website features a strong image with plenty of depth of field. The image can be still or moving, and the image is the thing that really draws you into the design.

What’s great about this trend is that you can see a lot of a scene and even feel like you are part of it. It’s an engaging visual concept that can work for a variety of purposes.

Interest Media uses a video reel that slowly zooms even further out. The image is lovely, and with the text overlay is easy to read and understand. It almost feels like you are walking backward on the bridge in the video.

Bloomingdales uses an immersive video with plenty of depth and virtual reality elements to create an immersive shopping experience. It makes you feel like you are in the store via the website and encourages shopping. It’s a fun way for the retailer to showcase its 150th anniversary.

 

Arredamento Design uses a photo with a wide focal area to provide interior design inspiration. Note the crisp lines and ease of which you find yourself engaging with the image, or even imagining a room like the one pictured. The effect used in the design, with a zoom on scroll, pulls the user into the image even more. Depth here keeps the motion and zoom from being too much and almost allows you to see more and feel even closer to objects that are further away in the image.

 

 

Conclusion

There are two trends here that tend to cross over into one another: The color red is everywhere and having a major emergence this fall as a dominant hue and depth, and three-dimensional focus is everywhere.

Both are highly usable design elements that can be incorporated easily, making them even more likely to continue to gain prominence in projects.

Source

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

Source de l’article sur Webdesignerdepot

/par