What Is Web Design Psychology?

We all know that psychology is a powerful tool. When used correctly, it can influence and persuade people to take action. In the world of web design, this is extremely important.

If you want to create an effective website that converts visitors into customers, you need to leverage web design psychology. Keep reading to find out more.

What Is Web Design Psychology?

Your website design shouldn’t just make your website pretty. It should impress your visitors, hold their attention, and lead them to action.

That’s where web design psychology comes in. Each color, typeface, and space has a psychological significance, helping people connect to your website. These elements trigger subconscious reactions, which you must leverage to get that desired action.

It takes seconds for people to decide whether your website has all the choices and information you need. Web design psychology helps you, the designer, understand these subconscious processes and how to harness them.

The Benefits of Using Psychology in Web Design

The primary benefit of leveraging psychology in web design is talking to people in their language. It’s also talking in your language and finding common ground. That’s how you can build trust.

You want to use familiar colors and patterns, elements that make you stand out but also connect to people. You need visitors to understand what your website is about and where they can get more info quickly. Then, you have to push the right triggers. Comic Sans, for example, is a superb trigger, and we’ll discuss it below. Color, space, and lines also create a specific impact on how people perceive your website.

More importantly, all these elements set the tone for visitors’ engagement with your website.

How to Use Psychology in Web Design

Now you understand why knowing the basics of human psychology is essential in web design. Let’s see how you can leverage it!

1. Arrangement

Gestalt psychology shows how these elements below influence your visitors:

Similarity — people perceive similar objects as the same or at least part of the same concept.
Proximity — things close to each other are perceived as part of the same group.
Continuity — you want your visitor’s gaze to move naturally from one element to another.
Closure — an object that’s not entirely closed is still perceived as a whole because people’s brains will always fill in the gaps.
Figure and ground — people simplify images into the main objects they’re looking at (the figure) and the other elements (background).

The Target Jobs website is an excellent example here because:

Similar objects are grouped: notice how the first three images show happy young people in diverse professional environments. This placement suggests that Target can help anyone find their dream job.
These pictures are placed near specific keywords: the young people laughing are placed right next to the CTA “Explore opportunities.” Thus, Target Jobs is associated with your happiness and your future chances.
The colors, font, and spaces enable a smooth transition: users are directed to keep scrolling down, going from one section of the webpage to the next. Also, notice how each section has its own theme, centered on Target Jobs’ benefits.
The contrasting colors (orange, white, purple, etc.) leverage the figure-and-ground technique: therefore, focusing on one section makes the others become part of the background. The benefit here is that your attention isn’t split into a million pieces; you can focus on one thing at a time and understand what Target Jobs is trying to tell you.

2. Shapes

Each shape has a different subconscious association:

Triangles and squares represent professionalism, strength, and power.
Circles, ovals, and ellipses symbolize relationships, love, and unity.
Horizontal lines give a sensation of calm and community.
Vertical lines represent strength and action.

Just look at the AT&T website. Everything showcases community and tranquility, from the round logo to the horizontal lines delimiting each section.

But this website is anything but dull. Notice how each CTA button (“learn more,” “enroll now”) is followed by a tiny arrow. This shape uses a square angle split into two acute angles by the arrow’s body. As such, although small, the arrow suggests action and strength. Besides, the sections are arranged in squares, again a symbol of decision and power.

3. Space

No matter what industry your business is part of, space is essential in web design. Don’t clutter your web pages even if your natural impulse is squeezing in as much information as possible.

Use plenty of white space and try to have a minimalistic approach. Identify the unique selling point on each page and help people focus on that.

Check out the DOGUE webpage. White spaces separate each essential element, so each section is presented clearly. The first thing you notice is the title and the image with the happy dogs. Then, your gaze moves to the slogan on the right-hand side. After that, you notice the sections below that huge “Dogue.” The next part of the website highlights the company’s services (e.g., groom, dine, play, etc.). Notice how each service is represented through a quick, easy-to-get keyword. Besides, the images depict these keywords perfectly. Even better, these images have whitish-grey backgrounds that blend with the white spaces between them. So although the website is more crowded than others, you won’t perceive it as messy or unclear.

SendInBlue, an email marketing service, uses a similar white space approach to their design, and it works great because website visitors can find what they want with much more ease, and it generally looks much cleaner.

4. Color

The right colors can attract attention, maintain interest and even lead to action. Besides, color increases brand recognition by 80%.

Here’s the bare minimum you have to consider:

Your purpose — what do you want visitors to do when they land on your page? For example, if you want visitors to fill out a form, you might want to use a color that stands out and is easy to see. Although blue is the safest choice because it’s most liked, red elicits more action.
Your audience — cultures have different associations with color. For example, in the Western world, white represents purity. However, white is associated with death and mourning in Asia.
The mood you want to create — do you want your website to be professional? Relaxing and calming? Exciting and energetic? How do you want your brand to be perceived?

The Moat front page is a fantastic example of color:

The purple and orange create a delicious contrast that points visitors in the right direction. Notice how each CTA is orange — an action-eliciting color.
Purple suggests calmness, bravery, and wisdom. It’s an excellent hue for your background because it’s so stabilizing.

Lending Bee Singapore uses color and white space to showcase user-generated content on its webpage:

Another excellent example of combining different colors to build trust is Identity Guard’s website, which provides identity theft protection services. As you can see on the website, they use a minimalistic white color combined with green, which is the official color at Trustpilot (one of the most popular review directories). This color selection helps to highlight the veracity of reviews along with the mention that these reviews are taken from Trustpilot.

5. Typefaces

A good web design is like a good outfit: it should be eye-catching but not too over the top.

The same is true of typefaces.

While a website should use various typefaces to add interest, it’s essential to use them in moderation. Too many different typefaces can be overwhelming and make your site look cluttered.

Instead, focus on using a few critical typefaces throughout your site, and use variations (like bold or italics) to add visual interest. For example, you might want to use a serif typeface for your headlines and a sans serif typeface for your body text.

Beyond simply looking good, fonts can also be used to guide users towards taking specific actions. For example, Sans-serif fonts like Arial or Helvetica are generally considered to be more readable online, making them a good choice for body text. On the other hand, scripts and decorative fonts are better suited for headlines or calls to action, as they help draw attention to essential elements on the page.

Marvel’s Captain Marvel page looks like something a 10-year-old would have designed in the 1990s. This web page is horrible from the glitters, gifs, crowded space, and the abominable Comic Sans typeface.

And that’s the point; avoiding plot-spoilers, Captain Marvel is linked to the 90s, and the retro look is part of that message. The moral of the webpage is that sometimes you have to be brave and break the rules if you want to convey a certain feeling to your audience. Marvel manages to do that with its simple design that acts as a time machine into the long-long-loooong past nineties.

Wrap Up

If you want to keep your website visitors’ attention, maintain interest and lead to action, it’s essential to use the design principles above. By leveraging space, typefaces, arrangement, shapes, and colors in your web design, you can create a website that is both visually appealing and effective at getting your message across.

However, these principles are just guidelines. You should stay brave and use your intuition. Remember that the point of web design is speaking to your audience using their language.

The post Psychology in Web Design: How to Use it Right first appeared on Webdesigner Depot.

20 avril 2022/par Service comm.

Case Study: Redesigning Todoist for Android

Todoist is a to-do list app that 25 million people rely on every day to keep their lives organized. As part of the Doist design team’s goals for 2021, we aimed to redesign the Todoist Android app to take advantage of the latest Google Material Design guidelines.

In this post, we cover the design decisions and processes behind redesigning the Todoist Android app for Material Design. We explore the Design and Android team’s collaboration practices that brought the app update to life, which resulted in winning the Material Design Award 2021 in the large screen category. Let’s get started!

Opportunity

When we started the project, our design implementation on Android was ready for a major overhaul. The last milestone redesign on Android was initiated after the release of the first Material Design guidelines in 2016. Since then the team successfully worked on continuous improvements to the Android app, but we saw the opportunity to improve Todoist on Android on a more holistic level.

We set out to clean up instances of older UI components, colors, and text styles and update them with the latest Material Design components. We observed that some interactions and navigational patterns had become inconsistent with what users were expecting on newer Android devices and were eager to modernize this experience. With new hardware and software changes in mind, we set out to make the experience on larger phones and tablets even better, so Todoist could take full advantage of the latest generation of devices. Material 2 and 3 provided an incredible new framework to rethink the current app experience. With this in mind, we set out to challenge what a modern Android app should look like and innovate on top of the default user experience.

Solution

The team set itself the goal of redesigning our Todoist Android app and aspiring to make it the best-designed productivity app on Android. The project was ambitious and scheduled to take several months to complete. We set ourselves the following targets while working on the project:

Review the current implementation and older design specs.
Study the latest Material Design Guidelines and assess what is relevant for our project.
Research great Material Design apps and case studies and learn from their execution.
Define the new Todoist Android app design language and document the changes.
Design and development work together to assess the proposed solution and implementation.
Test an early version of the new app internally to gather feedback and make adjustments.
Invite beta testers to the new app to gather feedback and make adjustments.
Refine the app and address core issues before launching to the public.

Review

The project was kicked off by reviewing the current Todoist Android app implementation, noting down what areas needed to be fixed and what was up to date. While reviewing, we took screenshots of the app implementation for reference. This way we could easily see the current state of the app and compare it to the new design proposals that would be created. Once the review process was finalized, we had a comprehensive overview of the current state of the app and the layout, component, and styling changes we wanted to make.

Study

We continued the project by studying the latest Material Design Guidelines, assessing the components and practices that were most relevant to Todoist.

When the project kicked off in February 2021, Material 2 was the most recent version of their design system. Since Material 2 had already been released for quite some time, we anticipated that design changes to Material would be announced soon at the Google I/O event in May 2021. Rather than wait, because we expected the changes to be iterative, we pushed ahead with our work.

We identified 25 components and UI patterns that we wanted to change across the app. The changes included buttons, forms, menus, sheets, navigation drawer, app bar, system bars, text and color styles, and more. We started by creating a table view in a Dropbox Paper document with the component changes and references links to Google’s Material Design Guidelines.

This components list was a starting point for discussion to plan the scope and complexity of the changes. Close async discussions between the design and development team in Twist and Dropbox Paper comments helped us make decisions about scope and complexity early on and set a solid foundation for the project.

Research

In the initial Material Design study, we also researched inspiring Material Design apps, Material studies, Play Store apps, and Google Workspace apps to learn from their execution.

We started out by studying the Material Design Award Winners 2020 and tested out the products that were showcased. The showcased winners struck a good balance between implementing the Material Design Guidelines while maintaining their own product’s brand within the system. This balance between Google’s guidelines and the Todoist brand was also key for us to get right and so we strived to find this mix across the work we created and implemented in the project.

Along with the MDA winners, we researched the Material Studies that Google produced to showcase what apps could look like with branding and Material Design guidelines applied. It was a great reference to see how far components could be customized while maintaining the core platform principles. The Reply case study in particular offered valuable insight to us as its content type and layout came closest to Todoist. It showcased how components like the app bar, navigation drawer, and large screen layouts worked while being customized.

We continued our research by searching the Google Play store for inspiring app examples. Google Tasks, Press, Periodic Table, and Kayak stood out to us as the level of polish and quality of the apps were on par with the experience we were aspiring to create.

Sometime later in the project when Material You was released (more on that later), we stumbled upon the Google Workspace apps blog post which previewed Material 3 changes that Google was introducing to their own products. It offered a great glimpse at what was to come before the Material 3 Design Guidelines were officially released. This post sparked new internal discussions and further design explorations that we considered for future Todoist Android updates.

Design Spec

As we started to define the new Todoist Android app design language and document the changes, we opted to create a design framework, focusing on creating components rather than designing every screen in the app. This allowed us to consistently apply the design system in the app. We did so by using the previously defined component list that we created during the review and study process.

Core screens from different areas of the app were chosen to demonstrate how the components could be applied. We chose to mock up the Todoist project view, navigation drawer menu, project view edit screen, settings, and project detail view, among others. These screens gave us a good overview of how buttons, forms, drawers, lists, and other components would work together and in different states; selected, pressed, disabled, etc.

During the project, we were transitioning our Doist design system to Figma and started creating our first components in the new Doist Product Android Library. We started by using some components from the Material Design UI kit – Components library from the official Google Figma resource file and added them to our Doist design system. We then continued to build up the Product Android Library file with our Todoist-specific components such as task list & board views, detail views, sheets, colors, typography, etc.

We continued by documenting color and typography changes that were based on the Material Design guidelines. The design team opted to implement a new Design Token framework that would share the same values between our design system and the development implementation. The development team would output the values they had in the current implementation and the design team would analyze which values were needed and which could be merged, changed, or deleted. This informed the new Design Token color and typography system which we then documented and discussed with the team to implement. Later in the project, we were happy to see a similar token system introduced by Material 3 in the latest guidelines which validated our thinking and principles behind the new design system.

The design documentation expanded to hold other edge-case mockups that could sit alongside the design system. We documented different responsive screen experiences between phones and tablets against the previous implementation. Additional sections were created to document the motion that should be used for certain components and screens by referencing existing Material Design guidelines examples or prototyping custom motion in Principle and After Effects. The design spec also touched on haptic feedback that should appear on touch targets, how dark mode should work across the new components, documenting Todoist themes within the new design language, and more.

Design Implementation

At Doist, the benefit of the squad is that cross-team collaboration is built into the make-up of the team. Designers, developers, support, and product managers work together in a squad to deliver the project. This close collaboration from the start is key to bridging the gap between scope, estimations, design, development, and delivery. The squad discussed their findings on a daily basis and came up with the best plan of action together.

Designers started by creating components in Figma and shared them with developers in Dropbox Paper. We used screenshots to document the current implementation next to the new designs and linked to the default Google Material Design components. This allowed the team to compare all references in one place. Developers shared their feedback, adjustments would be brainstormed together as the designs were iterated.

Designers on the project would share their work in progress on a weekly basis with the rest of the design team in a design review Twist thread. Here details about the designs were discussed, alternatives mocked up and bigger picture plans made. Design reviews brought up topics like FAB (Floating Action Button) placement, theme options, accent color usage on components, consistency with other platforms, navigation options, and shadow elevation. After thorough discussions and alternative mockups were presented, the design team aimed to find the right balance between Material Design and Todoist brand guidelines. The development team, also part of the design reviews, gave their feedback on the solution and raised technical complexities early on.

Eventually, the design was stabilized and consistencies updated across components and mockups. The design spec was kept up to date so the development team could always review the latest designs in Figma.

Testing

As soon as the development process started, the Android team provided early screenshots and videos in Twist threads while they were implementing the design spec. This practice allowed us to review the app implementation early and often. Designers could review the development work and share feedback in Twist, which resulted in getting the implementation to a high quality. Alongside Twist discussions, the team set up a Todoist project to track ongoing issues and fix bugs. Designers logged new issues, developers would solve them and share the new implementation for designers to review.

When the team had the first stable version of the Android app, we shared it internally at Doist to get more insight and feedback. Other Doisters could access the redesign via a feature flag that could be turned on in the app settings and test the new version for however long they wanted. The feature flag system allowed people to give us early feedback on the design decisions we made and report bugs. Feedback was submitted by the wider team through a dedicated Twist thread and designers and developers could discuss how best to address the feedback during the active project implementation.

After we refined the app implementation further and addressed early feedback we opened up the app update to our beta users. Here users had access to the new Android redesign and were able to give us feedback. Our support team gathered feedback and shared it with us in a dedicated Twist thread. The squad aimed to analyze every comment and looked for patterns where we could make tweaks and improvements to the user experience.

As part of these tweaks, we made changes to how the bottom bar and navigation drawer worked. Some users reported frustrations with the way the new bottom navigation and menu drawer worked. In its first implementation, the drawer was half raised when opened and had to be swiped up to be raised again to see the full content list. This was an issue for some users as it was slower to get to the content below the list. So we decided to fully raise the drawer by default when opening. We also made it easier to open the navigation drawer by sliding up from the bottom app bar. This was a small shortcut but it enabled users to get to their content faster.

Material You

While we were in the testing phase and about to wrap up the project, Google unveiled Material You, and sometime later the Material 3 Guidelines were published. With the newly announced resources, we went back to study the latest guidelines and references we could find to see where the Todoist Android app redesign fits in and which adjustments we might need to make now or in the future.

Dynamic Color was a big new feature that was announced as part of the Material You update. As Todoist supports many different themes the Material You Dynamic Color feature seemed like a good fit for our product. We decided to prioritize this feature and implement Dynamic Color light and dark themes as part of our Todoist theme settings options.

To implement Dynamic Color, the development team started off by creating a demo prototype that utilized the Dynamic Color system and showcased how we could select from a range of color choices that the system defined based on the wallpaper choice. From there, we tried to incorporate system behavior in our design mockups. We designed a range of different color mockups and components to see which ones could fit with which components. We then came up with a color system that worked for the Todoist app and the new themes. These new Dynamic Color themes would sit alongside our current theme options in the Todoist app settings. From here users could choose between Dynamic Color Light and Dark themes.

Along with Dynamic Color, the team also created a customizable bottom app bar, allowing users to set up the app in a way that’s most convenient to their workflow. The location of the Dynamic Add Button can be changed to the center, left, or right corner of the screen. The order of the Menu, Search, and Notification buttons can be rearranged to best fit the ergonomics of the user’s dominant (left or right) hand and optimize their navigation patterns.

Launch

As critical beta feedback was addressed and stability tweaks were made, the squad felt ready to release the new Todoist Android app to the public. The team logged the issues that could not immediately be addressed for future reviews and updates.

The design and marketing team readied the launch by creating What’s New banner artwork and copy that are displayed within the app when launching the update. The Doist marketing team also created release notes and shared the app update announcements on our social channels. The brand and product design team worked together to create custom image assets and copy that summarised the project work in a simple and beautiful way.

What’s Next: Material 3

After a successful launch of the redesigned Todoist for Android app, Google contacted Doist to announce that Todoist was selected as the Material Design Award 2021 winner in the Large Screen category. The team was excited to be recognized for their hard work and it felt like we achieved the goal we had set out to accomplish.

Internally, designers and developers continued to study and discuss the Material 3 updates. The design team started exploring mockups and design changes inspired by Material 3 and Google’s Workspace app updates. Some of our current Todoist explorations include changing the FAB styling, updating the app bar, further removing elevation shadows, and more. Here is a preview of what a future Todoist update could look like.

We hope these insights into Doist’s design process and collaboration practices have sparked your interest. Thank you for reading and stay tuned for future design updates!

Takeaways

Study the Material guidelines, Material Design winners, Material studies, and Google Workspace apps to make informed design decisions when designing your next product or app update.
Evaluate which Material Design components and practices are right for you and implement them into your product.
Carefully balance the Material Design guidelines with your brand guidelines to create a unique and consistent experience between your product and the platform it lives on.
Collaborate with your Android developers early and often to ship app updates efficiently and increase the design implementation quality.
Use design components and build a design system along with practical mockups to create an efficient design spec.
Consider how the latest Android features fit into your product and which have the most impact on your users before deciding to implement them.
Test and review builds with your internal team and external beta users to get valuable feedback and make adjustments before releasing them to the public.
Create announcement artwork to showcase your latest app or feature update along with a clear description to share in-app and on social media.

The post Case Study: Redesigning Todoist for Android first appeared on Webdesigner Depot.

Actualités, Méthodes et organisation des process IT

13 avril 2022/par Service comm.

Creating Your Own Schema With the Adobe Document Generation Word Add-in

When Document Generation API launched a few months ago, we included a Microsoft Word add-in to make it simpler for folks to design their Word templates for use within the API. To use the add-in, you needed to provide data in JSON format, either pasted in or uploaded via an existing file:

This worked perfectly fine if you had your data ready to go, but that wouldn’t always be possible, especially if you’re starting a new project and need to start prototyping quickly. Luckily, our latest update adds a few features to simplify this. Let’s take a quick look at what’s changed. Note — for folks who’ve already installed the Word add-in, it should update automatically for you. Suppose you haven’t installed this add-in yet; head over to our documentation for instructions on how to do it.

Source de l’article sur DZONE

11 avril 2022/par Service comm.

Exciting New Tools For Designers, April 2022

Bored with the same old design tools? There are plenty of new toys to experiment with, from fun divots to functional design tools that could become your new go-to’s.

Here’s what is new for designers this month…

Kosmo

Kosmo is a new project management and invoicing system designed just for freelancers. Designers and developers will love it because the interface is sleek and modern. The tool lets you send invoices, track time, manage projects, send proposals and contracts, and manage billing. You can customize everything from your brand to colors so that your invoices reflect your business style. The platform has a free option as well, making it easy to have the tools you need to run your business. (Plus, there’s a very affordable premium plan if you want more features.)

STUDIO

STUDIO lets designers layout and publish responsive websites, including the ability to connect to backend data, all with a low learning-curve GUI and no coding knowledge prerequisites. You can publish to a free URL with free hosting on the cloud. The free version also includes forms. STUDIO also has premium plans if you like the tool for websites of all sizes and bandwidth needs.

NFT.js

NFT.JS allows you to deploy an ERC721 contract that can perform all the required functions without writing a single line of code. Interact with the contract by calling functions and sending transactions to the contract with a couple of lines of NFT.JS. Provide the input file into the metadata object, and NFT.JS uploads all the files provided in the metadata to IPFS as well as uploads the metadata.json file to IPFS and mints the NFT.

Color Morph

Color Morph is a fun little tool to help you generate mesh gradients in SVG format, or generate CSS, that you can snag and use in projects. The patterns are trendy and fun to use.

Scripts Organizer

Scripts Organizer is an advanced code editor for WordPress. This premium tool helps you make workflow scripts work for you with scheduling, advanced functionality, live previews, safe mode, SCSS partials, code injections, import and export, and more.

Texture

Texture is a fun web project that creates generative art that you can use for backgrounds or pretty much anything else. Preview the textures, pull the JavaScript or CSS or even edit and continue to play with them on CodePen.

Avvvatars

Avvvatars are a set of unique placeholder avatars that are free. The tool is easy to use, includes 40 colors, is accessible and lightweight, comes with 60 shapes, and is customizable. You can grab it on GitHub or as a Figma file.

Epic Ruler

Epic Ruler is a premium design utility tool that measures distance, dimensions, position, pick colors, test contrast, and align on-screen elements anywhere on your screen. You can also create alignments, and it comes with a great color picker that helps you pinpoint hues down to the pixel.

Jotform Apps

Jotform Apps is a new set of app tools from the company you may know for form-building tools. The free no-code app builder lets you add forms, links, widgets, and branding to one fully customized app that can be downloaded onto any smartphone, tablet, or computer. Get started with a template to jumpstart projects.

Spruce

Spruce is an open-source, lightweight CSS design system that’s built on Sass. The tool, which is in beta, is designed to help you start with a solid foundation for projects. It includes structure and code, typography, tables, and buttons.

Yaade

Yaade is an open-source, self-hosted, collaborative API development environment. It’s made for those who want self-hosting in security – if you don’t know the password, there’s no way in! You can import OpenAPI v3 files, there’s data import and export, and a dark mode default.

Agnostic UI

Agnostic UI is one stylesheet that works with multiple frameworks. The user interface components work in React, Vue 3, Svelte, and Angular. It includes semantic and accessible HTML with unprocessed CSS so you can code on the platform to get ahead of web standards.

Turbulent Buttons

Turbulent Buttons is a button-and-hover animation that goes the extra mile. This is a fun button and animation that is anything but boring.

Never Install

Never Install is a cloud platform that allows you to run any application from the browser without installing it on your device. It is an alternative to traditional desktop application usage and enables people to stream applications over the web. The developers are working on a next-generation cloud platform to bring any GUI application regardless of the operating system, device, and system requirements to the browser. The tool is free to use.

Photoinsight

Photoinsight is a tool (free and paid) to manage digital assets, including photos, videos, and 3D elements, in one place. You can search, filter, and group views based on your preferences. Plus, there are tools such as batch renaming and statistics and trends to help you manage files.

Formspector

Formspector answers that nagging question – are my forms working? Use the tool to set automated tests that will notify you if anything stops working, from newsletter signups to contact forms to support requests.

Wikifox.js

Wikifox.js is a lightweight, powerful, and restful JavaScript library that connects to the Wikipedia API. This library can be used to get content from Wikipedia.

Lightning Builder

Lightning Builder is a free browser-based drag and drop website builder. You can design a mockup in minutes so that you can show developers or writers what you are thinking when you are planning a new design or website project. Use it to ease communication for teams with new project builds.

Waaard

Waaard is a tiny tool with a lot of practical applications. Use it to create a protected link or file that only people you want to access it can open. With plenty of verification methods, you’ll know your links are safe.

Doodle Ipsum

Doodle Ipsum is the lorem ipsum of illustrations. Customize doodles, grab the code, and use them on web prototypes, landing pages, or no-code tools.

FF Din Stencil

FF Din Stencil is a fun display typeface for just the right application with a distinct style. It comes in a variety of weights and styles and is part of a greater FF Din family.

Fontanella

Fontanella is a typeface designed by Coto Mendoza, which emerged from calligraphy and manual drawing exploring the skeleton and classic proportions of Roman capital letters. It has an easy-to-read style with interesting sans serif characters.

Sarlotte

Sarlotte is a statuesque typeface with long tails, swashes, and flourishes. From the type designer: It seduces your eyes with its curves yet still manages to maintain its classy serenity, it’s perfect for branding, logos, invitations, and more.

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

11 avril 2022/par Service comm.

5 Best Newsletter Platforms for Startups in 2022

If you don’t keep in touch with your customer base, it can become easy for them to drift away. Newsletters are an affordable and effective way to check in with your audience occasionally.

However, you will need to craft well-designed newsletters to have the desired impact. Your newsletters should include engaging content, including images and written content. They should look highly professional and aesthetically appealing, so people are encouraged to read them. Another thing to consider is the method you want to send the newsletters. Picking the right platform can save you time and energy, especially if you have a large readership.

The good news is that there are a variety of available platforms that can help you make great-looking emails. These services can also make it easier for you to send newsletters.

Let’s take a look at some of the best newsletter platforms available:

1. HubSpot

This is a name that needs no introduction among digital marketers. HubSpot offers several powerful marketing platforms with valuable tools and features to help any marketing campaign succeed.

HubSpot’s email marketing tool includes easy drag-and-drop tools that make it simple even for novices to write killer newsletters.

When you choose HubSpot’s email marketing tool, you will also have access to its powerful customer relationship management (CRM) platform. HubSpot’s CRM platform includes various email automation tools like follow-up email tools and helps you personalize your newsletters.

HubSpot’s marketing tool includes a free plan that provides access to some of the platform’s powerful email marketing features. The free plan limits users to sending 2,000 emails/month, and paid plans start from $50/month.

2. Mailchimp

Here’s another name that is well known among marketers – particularly concentrated marketers that focus on email campaigns. Mailchimp uses a drag-and-drop email editor that helps just about anybody create professional-looking newsletters and emails.

Mailchimp also has A/B testing tools to help you fine-tune your campaigns and cross-device tools that ensure your newsletters look great on any platform.

The platform offers a selection of newsletter templates to help you get started and make it easy to manage your contact list. The platform allows you to automatically resend newsletters using different subject lines if the recipient didn’t open previous emails.

Mailchimp offers a free plan that manages up to 2,000 contacts and sends up to 12,000 emails/month with limited access to other features. Paid plans start at just $11/month per 500 contacts with access to more services. Other plans range from $17/month per 500 users to $299/month per 500 users, increasing access to Mailchimp’s tools.

3. AWeber

AWeber is a popular choice because it is so easy to use. It’s another platform that uses drag-and-drop design technology that requires no coding knowledge. The software allows users to add carousels for a truly professional look.

The platform also includes tools that simplify list management and segmentation. AWeber features 6,000 royalty-free stock photos, and it can be integrated with other platforms, including WordPress.

Some people might find that AWeber isn’t as advanced as other options and doesn’t have some of the features they need. However, the platform is ideal for smaller companies and people just getting started with newsletter software applications.

AWeber offers a free plan that lets you add up to 500 contacts. Paid plans start from $16.15/month, and other pricing plans are available to users who need to manage more contacts.

4. Sendinblue

With an expansive template gallery and efficient drag-and-drop design technology, Sendinblue is another platform that helps people create professional, aesthetically pleasing newsletters. It lets users select display conditions that determine which content recipients see.

The software offers a range of features that help automate sending numerous newsletters, including the ability to send according to the recipients’ time zones. It also provides analytical tools to show how well your newsletters are performing.

Sendinblue offers a free plan that allows you to send up to 300 emails/day. Paid plans start from $25/month for the Lite plan and $65/month for the Premium plan with 20,000 emails/month. Each tier gives you access to more features, and prices increase if you want to send more emails.

5. GetResponse

GetResponse has been around for longer than most other newsletter options, so they’ve had plenty of time to get it right. With the platform’s fluid design features, it’s easy to create impressive newsletters and emails that look professional.

Other features from GetResponse include segmentation and lead scoring features, autoresponders, and automation workflows. In addition, you can have your newsletters sent at optimal times and take advantage of A/B testing tools.

The platform’s free plan lets you manage up to 500 contacts with unlimited newsletters.

GetResponse also provides a Basic plan from $12.30/month, a Plus plan from $40.18/month, and a Professional plan from $81.18/month, each of which lets you have up to 1,000 contacts. Each plan gives access to more features than the other, and you can pay more to manage more contacts.

Start Sending Professional Newsletters Today

Choosing the best newsletter software for you depends on various factors. These factors include which tools you need from the software, your technical ability, and how much you can afford to spend.

As with any product, it’s a good idea to shop around before making any decisions. Most platforms offer free plans, allowing you to try them out first without paying a penny. If you need more advanced features or hope to scale up at some point in the future, it’s probably best to look at platforms that can do more for you.

Featured image via Pexels.

The post 5 Best Newsletter Platforms for Startups in 2022 first appeared on Webdesigner Depot.

6 avril 2022/par Service comm.

PureNFT Disrupts the NFT Market

Combining minimalist aesthetics with the ongoing trend for digital art, PureNFT is an awesome new app that lets anyone break into the lucrative NFT market.

The app aims to lower the bar for prospective NFT creators by creating a minimal artwork from a single-pixel captured anywhere on your viewport. You can mint your NFT directly in the app — the process of recording your artwork on the blockchain — and list it for free on PureNFT’s dedicated marketplace.

Using PureNFT’s ArtPicker tool, hover the tool over any part of your screen, click a pixel to generate your NFT, and then click the “Mint Now” button to mint it. The app will upscale the pixel to a solid-color artwork with an ultra-high resolution of 5,000 x 5,000px. On the pro plan, PureNFT will automatically generate a 250 x 250px thumbnail to ensure your artwork isn’t pirated.

One of the best features of PureNFT is that you don’t need any drawing ability to break into the exciting NFT trend. Just point your mouse at a pixel and click, and the app will generate a pure high-resolution version of the pixel for you.

Unlike most marketplaces that favor Ethereum, PureNFT is powered by the Solana blockchain, which is far more energy-efficient, and, consequently, environmentally friendly. Despite this, PureNFT’s tokens are platform-agnostic, which means you can mint them on the native platform and then transfer them to popular marketplaces like OpenSea and Rarible.

The potential for NFTs created with PureNFT is limitless. You can literally click any pixel, mint it as an NFT, and wait for the money to start rolling in.

NFTs are a hugely popular way of monetizing artwork, but they are limited in scope; you can only sell one unique NFT of the Mona Lisa, and even then, you have to be the Louvre to do it. But with PureNFT, anyone can visit Wikipedia and open an image of the Mona Lisa that is 7,479 x 11,146px. That translates to 83.3 million potential NFTs; if each pixel sells for an average of $1,000, you might make enough to buy the actual Mona Lisa!

Minting an NFT on PureNFT currently costs 1 SOL (approximately $125 at the time of writing). The first NFT minted by PureNFT — an azure pixel from an unknown screen grab — has an asking price of 375 SOL (approximately $46,875 at the time of writing), but not all PureNFT users have been so lucky, with some early beta users complaining of returns as low as 300%. Nonetheless, the potential for substantial financial gains is evident.

According to Brendan Lewes, co-founder and CTO of PureNFT, the team is interested in introducing AI-powered automation in the near future: Imagine an automated tool searching for popular images, breaking them down into pixels, minting them, and selling them for you, while you live your life. NFT mining could be the next big area of crypto.

However, automation isn’t likely to come anytime soon, according to Lewes:

For now, we’re focussed on maintaining a stable platform. But…we’re super excited about the journey we’re on, and [co-founder Max Schriebport ] and I can’t wait to see where it take us.

PureNFT is currently in beta on macOS, Windows, and iOS, with an Android version on the way. There’s a free plan that allows you to preview up to 5 NFTs, and pro plans start at $399/month.

The post PureNFT Disrupts the NFT Market first appeared on Webdesigner Depot.

1 avril 2022/par Service comm.

15 Best New Fonts, April 2022

This month’s collection of the best new fonts is headed in a lighter and quirkier direction than previous months. What’s more, font foundries seem to be getting more creative with their designs as many of these fonts come with alternative stylistic sets, giving you more control over the resulting typeface.

If you’re looking for some fun new fonts to spice up your web designs with, start here:

1. Beauty Rose

Beauty Rose is a whimsical script font that can add a touch of romance and warmth to header text and hero images. It would also look great when promoting holidays and events like Mother’s Day, Valentine’s Day, and weddings.

2. Black Sharp

Black Sharp is a bold display font that works equally well for website logos as it does for physical products (e.g., signage, packaging, book covers, etc.). What’s especially neat about this font is how it transforms when you change its texture. It takes on a very different tone with a grainy look instead of a shiny one, for instance.

3. Goat & Qalvigo

Goat & Qalvigo is a classic serif font with a modern twist. While many of the examples provided by the type designer show off the funky side of the font, thanks to the additional ligatures and alternative styles, you can always use the regular character sets. Either way, you’ll have a classy new font to use all over your website.

4. Happy Comic

Happy Comic is a font filled with personality. Looking at it makes me think of a goofy cartoon character or maybe even an older Adam Sandler movie. This would be a good font for branding lighthearted and humorous brands or publications.

5. Helsa Display

Helsa Display is a slim and compact serif. While serifs usually work pretty well for paragraph text, this one belongs in headlines and sub-headlines because of how thin the characters are. It also has a bit of a dark side (see the examples at the link to see what I mean), so reserve this font for boundary-pushing brands and personalities.

6. Lab Antiqua Variable

Lab Antiqua is a font that took years to create. The most recent release for this font family is called Lab Antiqua Variable. Like other variable fonts, Lab Antiqua will effortlessly transition through a range of font sizes without losing the characteristics that make this serif font so unique.

7. Monomorium

Monomorium is a monospaced typeface with open apertures and a flowing style. In addition, this quirky font comes with additional ligatures, stylistic alternates, parentheses, and more, depending on how fun or buttoned-up you want it to look.

8. Neumond

Neumond is a serif font that pushes the boundaries of legibility. This font gives you the ability to equip the characters with razor-sharp lines, overlap the letters, and push them towards extreme angles. If you have a brand that’s challenging the norm, a font like this that does the same will go really well with it.

9. Pratico Slab UI

Pratico Slab UI is a slab serif font that would add strength and character to the text of a website. You can also experiment with the weight and size if you’re looking for a not-so-boring but highly legible header font.

10. PT Nature

PT Nature is an exciting collection of script fonts. While they all technically belong to the PT Nature family, each font is modeled after different people’s handwriting. So this font family could be really useful if you use a lot of script fonts in your work. Or if you want to make one site and brand look like it has multiple personalities.

11. Rosehot Typeface

Rosehot Typeface is a pretty font that straddles the line between serif and sans serif. With its elegant curves, unexpected twists, and additional angles, this font would beautifully elevate designs for high-end retailers, fashionistas, and others with luxury offerings or services.

12. Shorai Sans

Shorai Sans is a sans serif font inspired by both calligraphic brushstrokes as well as geometric outlines. You can use it to style Latin text as well as Japanese. The font’s creators suggest pairing it with Avenir Next for greater harmony in your designs.

13. Shoutyperson

Shoutyperson is a bold all-caps font. Because of the grungy, stenciled style of the font, it’s not really applicable for many projects. That said, Shoutyperson would be an effective font choice for military, ammunition companies, or brands or personalities associated with a strict, regimented lifestyle (like personal trainers).

14. Simple Farmhouse

Simple Farmhouse is a basic handwriting font that’s highly legible. It resembles the style of writing you’d use to jot down notes on a whiteboard or in a notebook, so it would work well for brands that want to convey a casual and low-key vibe.

15. Sweet Pancakes

Sweet Pancakes is a fun font with full-bodied characters. Most of the examples provided frame the font against food, so this could be used on restaurant websites or food blogs. However, that’s not to say it couldn’t be used elsewhere. It’s a lighthearted and easy-to-read font, so it could just as well be used to style websites and branding for companies and personalities with a bubbly personality and/or positive mission.

The post 15 Best New Fonts, April 2022 first appeared on Webdesigner Depot.

28 mars 2022/par Service comm.

How to Build a Strong Brand Reputation

Most of us are concerned about our public image, right? It matters a lot how people see and think of us. Export the same sentiment to a brand instead of a person. That’s what brand reputation is all about!

Yes, it’s that simple – the public’s perception of a brand constitutes its brand reputation. And since the internet plays a significant role in public perception nowadays, a brand’s online reputation essentially drives brand perception.

If we come at it from a slightly different angle, it’s the sum of all ideas and emotions a customer or client associates with a brand while interacting with it at any stage. It includes everything, from what kind of customer services they get when purchasing goods or services to after-sales services the company provides. Reputation management is usually done via social media, emails, and online chats.

(Remember, you shouldn’t confine brand reputation only to a brand’s customers or end-users. It includes all stakeholders’ opinions of a brand. It can be anyone from customers to retailers and shippers to manufacturers.)

In short, brand reputation is the most vital intangible asset for any organization striving to make it big in today’s cutthroat market.

What’s The Importance Of A Strong Brand Reputation For Today’s Businesses?

It wouldn’t be wrong to say that nothing affects every stage of the marketing and sales funnel, like a brand’s reputation. Whether it’s awareness, interest, evaluation, commitment, sales, or reputation, a strong brand reputation will only supplement it.

Recent research reveals that about 94% of consumers say that their likelihood of frequenting a business increases if it has positive reviews. Conversely, 92% say that their chance of patronizing a business decreases if it has negative reviews.

Now, let’s look at various factors that make working on your brand reputation important.

Market Trust

Strengthening brand reputation earns your business the trust factor, making your brand a more viable choice for existing and prospective customers. It helps them place their faith in you, believing that your brand is here to thrive and fulfill any promises it makes.

Moreover, it’s a fact that people prefer buying goods and services from a brand that enjoys a solid reputation, especially if people in their social circle use its products.

Higher Sales

You can’t be far from the truth if you believe brand reputation only yields intangible business gains. It lends you tangible improvements as well, most importantly, in the form of higher sales volume, which translates as higher profits.

All this can’t be achieved without the push from a strong brand reputation, helping the brand carve a niche for itself amongst tough competition.

Customer Loyalty

When a brand succeeds in earning a higher trust level and a positive reputation, the customers are more likely to remain loyal. And, will continue to buy products and services from it, refuting various incentives by the competition, such as discount packages & low prices.

Customer loyalty also leads a brand to a host of other fringe benefits, i.e., demanding a premium price after some time.

Competitive Edge

One thing is for sure, the level of competition in the market is always going to soar higher and higher. And it’s almost impossible for a business to make its way through it without a competitive edge. That’s where a positive brand reputation can make a business’s life easier.

Having the edge over the competition means your potential for catching new customers increases exponentially, helping your brand claim more of the market share.

Word of Mouth

Happy customers remain one of the most significant assets of a brand, especially in this digital era. They serve as brand ambassadors, and if they’re happy and satisfied, they’ll pass the word on, advocating for the brand for free.

It not only leads to increased brand awareness in the market, but it also paves the way for a business to improve its sales and profit margins over time.

What Are The Best Strategies For Managing Your Brand’s Reputation Online?

We’ll keep our focus on the ones proven to be the most effective, starting with:

Staying Ahead of The Curve

Being proactive is among the primary requisites for today’s brand managers. They should be thinking ahead of their competitors and the target audience. While branding online, the margin of error is relatively low, and any slipup can lead to a ripple effect in nullifying the brand’s positive image.

The best way to cope with such a situation is to embrace the mistake quickly and be upbeat enough to resolve the issue immediately rather than have a wait-and-see attitude.

Be Specific About The Deliverables

Social media has played a phenomenal role in educating today’s customers, making them very intelligent and demanding at the same time. It has opened up infinite mediums and channels to get alternatives for almost everything.

That’s why brands need to be very specific in delivery time and after-sales services to avoid earning themselves a bad name in the market. Most experts recommend the “under promise and over deliver” approach to avoid disappointing your customers.

Establish Yourself as An Authority

If you have complete faith in your offerings as a business, knowing that you’re the best in the market, you better be loud and clear about it. It will help you catch immediate attention from your target audience, increasing your brand awareness and your potential to bag more sales and revenue.

Let’s talk about the quality of the product as an example. If you believe that the quality of your product is the unique selling prospect, you must let people know about it. Flaunt this factor with full force, vigor, and authority.

It will help you establish your brand in the market as an authority, and your target market will start looking up to you for the best and the latest on it.

Be Consistent and Assertive

As they say, consistency is the key. If you do it right, your brand reputation will go beyond the lifespan of your brand. People will relate to your brand positively even after your business shuts down.

However, this demands the next level of consistency from your business. You have to make sure you deliver your best in all aspects of branding your business, from the quality of the products and services to the level of customer service you offer.

It doesn’t work well if you outperform your competition by miles for the first time and then step back from delivering those high service standards. You roll your sleeves up and get to compete yourself if you believe you’re outdoing your competition so well.

Deliver on Your Promises

You cannot overstate the significance of delivering on your promises if you want to make the most of your brand reputation. Nothing brands your business better than a bunch of happy and satisfied customers.

And, delivering on your promises consistently is the least of what you need to do to win over your customers to the level they turn into your unofficial brand ambassadors.

Value Feedback

It would be best if you realign your thinking this way.

Who are you producing your products/services for? Your clients/customers, of course!

What if it’s not working well for them?

Redo your product/service to the requirements and likings of your customers. Otherwise, your business will earn you nothing but a bad name in the market.

You have to realize the importance of listening to your customers, gathering customers’ opinions about what’s not working for them and what areas they would like to see improved.

Learn to accept and respect your customers’ grievances, praises, issues, tips, or any feedback they give you about your product or service.

You’ll upscale your brand’s reputation considerably if you start doing this.

How Can Influencer Marketing Help You Grow Your Brand’s Reach

Influencer marketing is the concept of branding your business through influential people and opinion leaders in the industry rather than engaging your business directly in doing so. They also brand indirectly, setting a practical example rather than advocating verbally for it.

Research reveals that 94% of marketers using influencer marketing find it highly effective, potentially increasing the ROI 11% times higher than conventional marketing.

Brands that indulge in influencer marketing associate themselves with influential personalities resonating with their message, driving it across their target market in a manner that a large number of people develop an affiliation toward it.

Influencer campaigns help brands tap into an existing community comprising their influencer’s dedicated followers, compelling them to tilt toward a brand they use. Most of us have observed how renowned YouTubers, Tiktokers, and bloggers proactively advertise different brands to their followers.

The increased penetration of a rapidly growing number of social media platforms also helps the influencers garner a solid following and significantly impact the communities that follow them.

They are like a part of the family for their followers, who value their opinion and try to imitate them in what they do and how they do it.

Conclusion

With the competition getting steeper every passing day, earning the trust and business of your target market is becoming a challenging task for most companies. It makes branding even more imperative.

Make a great customer experience your top priority, also keeping a focus on the customer and employee retention and customer feedback to establish yourself as a customer-centric brand.

Though it might take some time, it will surely help you grab your target market’s attention and respect in the long run. Once you achieve that, you’ll see sales and profits soaring accordingly.

Featured image via Pexels.

The post How to Build a Strong Brand Reputation first appeared on Webdesigner Depot.