Top 10 Mistakes When Creating User Journey Maps

[unable to retrieve full-text content] Here are the top 10 common mistakes to watch out for when creating user journeys: 1. Not defining clear objectives Creating a user journey without a clear goal is like setting out on a trip without a destination. It’s crucial to know what you’re trying to understand or achieve with… Continue reading Top 10 Mistakes When Creating User Journey Maps

How to Create an “AI Quotes Generator” With OpenAI and JavaScript

In this tutorial, we’ll learn how to create an “AI Quotes Generator” app with JavaScript. This app will demonstrate how to fetch data from the OpenAI API and generate engaging quotes for different categories or custom moods. HTML Structure The HTML structure will consist of the following elements: A button at the top right will… Continue reading How to Create an “AI Quotes Generator” With OpenAI and JavaScript

How to Create an “AI Quotes Generator” With OpenAI and JavaScript

In this tutorial, we’ll learn how to create an “AI Quotes Generator” app with JavaScript. This app will demonstrate how to fetch data from the OpenAI API and generate engaging quotes for different categories or custom moods. HTML Structure The HTML structure will consist of the following elements: A button at the top right… Continue reading How to Create an “AI Quotes Generator” With OpenAI and JavaScript

How to Create a Beyoncé “Cowboy Carter” Ribbon in Illustrator

Cowboy Carter, also known as Act II, is the second installment of Beyoncé’s three-act project conceived during the last few years. Since all Beyoncé album covers have something to deliver visually, the latest release features an image of a saddle with a sash that says “Cowboy Carter” in a country & western font, and also… Continue reading How to Create a Beyoncé “Cowboy Carter” Ribbon in Illustrator

How to Create a Layered Text Effect in Affinity Designer

If you love all sorts of Affinity Designer warp text effects, distorted text effects, or text effects in general, then follow this tutorial and improve your skills while learning to create a retro layered text effect that’s fully editable. Affinity Designer is good at creating an editable text effect, and it might impress you too… Continue reading How to Create a Layered Text Effect in Affinity Designer

How to Create a 2D Digital Clock with HTML, CSS, and Vanilla JavaScript

Wouldn’t it be fun to create your own beautiful Digital Clock with basic web technologies? This tutorial will cover how to create a faux-3D digital Clock with HTML, CSS, and Vanilla JavaScript.  Let’s get started! HTML Structure The HTML structure will consist of a rectangular container with a time display inside. The time display will… Continue reading How to Create a 2D Digital Clock with HTML, CSS, and Vanilla JavaScript

Learn How to Build a Career as a Freelance Presentation Designer

What Is a Freelance Presentation Designer? What is a PPT designer, and what does it mean to be a freelance PowerPoint designer? Freelance presentation designers may offer their services for hire. They might also build presentation products for sale.  Many freelance PPT designers have left behind full-time presentation designer jobs. It’s common to “hang up… Continue reading Learn How to Build a Career as a Freelance Presentation Designer

Create a Rotating Text Animation Effect With CSS Variables and JavaScript

In this new tutorial, we’ll learn how to create a rotating text animation effect using CSS variables and JavaScript. Although we can certainly build a simple text-changing animation in pure CSS, we’ll put in the loop JavaScript to make things more maintainable and effective.  Basic Text Rotating Animation We’ll define a h1 element where we’ll… Continue reading Create a Rotating Text Animation Effect With CSS Variables and JavaScript

How to Create a Trendy Pixelated Effect in Photoshop

What You’ll Learn in This Photoshop Tutorial How to pixelate an image in Photoshop How to add a pixelated effect in Photoshop How to make pixel art in Photoshop How to create a pixel art oil painting effect How to make oil pixel art What You’ll Need To recreate the… Continue reading How to Create a Trendy Pixelated Effect in Photoshop

How to Create the Sonic the Hedgehog Logo in Illustrator

Learn how to make the famous Sonic the Hedgehog logo from scratch with minimal font adjustments and a few simple appearances. This Sonic text effect is easy to achieve, and you can apply this style to create other bold logos in your projects. If you don’t have the time to learn how to draw Sonic… Continue reading How to Create the Sonic the Hedgehog Logo in Illustrator

How to Create an Expanding Search Input with HTML, CSS, and JavaScript

As a designer, you can enhance the user experience of a website or mobile application by adding subtle animations to its components. One such component is a search input box. This tutorial will cover how to create an expanding search input; one which expands when a user clicks on a search icon. You’ll find this… Continue reading How to Create an Expanding Search Input with HTML, CSS, and JavaScript

Create a Currency Converter with HTML, CSS, and Vanilla JavaScript

Let’s create a fully functional currency converter application using HTML, CSS, and vanilla JavaScript. By the end of this tutorial, we will have a responsive currency app that fetches real-time data with the Exchange Rate API and presents it in a user-friendly interface. HTML Structure Our currency application will have a simple interface containing :… Continue reading Create a Currency Converter with HTML, CSS, and Vanilla JavaScript

How to Create 5 Space Effects in Photoshop

In today’s tutorial, we’ll learn how to create five different spaced-themed Photoshop effects. We’ll cover how to create a galaxy in Photoshop, as well as several different Photoshop sci-fi brushes, an alien spaceship, and an entire planet. Let’s get started!  What You’ll Learn in This Photoshop Tutorial How to create a planet in Photoshop … Continue reading How to Create 5 Space Effects in Photoshop

All the Zelda Logos & How to Create the Triforce Logo

Whether you prefer the Zelda Ocarina of Time logo, the Twilight Princess logo, or the Majora’s Mask logo, which are all unique and beautiful, this tutorial is a great opportunity to learn new techniques whilst creating your own Zelda logo, Triforce! Before jumping in, we’ll briefly learn more about this iconic game series and discuss… Continue reading All the Zelda Logos & How to Create the Triforce Logo

Using Figma variables for breakpoints

The hunt to find more use cases for local variables. At this point in 2023, almost all UX UI designers who use Figma should know about one of Figma’s biggest features of this year, local variables. Something I have continued to struggle with since its initial launch this past summer is how to actually apply… Continue reading Using Figma variables for breakpoints

How to Add Audio to PowerPoint (Free PowerPoint Template Included)

Want to get your audience to listen? Audio is a powerful attention-getter for your presentation. You can use it to share quotes, play background music, include other voices in your presentation, and more. Get this free PowerPoint template from Envato Elements to learn how to add sound to PowerPoint. (Background image from Envato Elements) The… Continue reading How to Add Audio to PowerPoint (Free PowerPoint Template Included)

How To Create a WordPress Child Theme

By building a child theme you’ll preserve all your custom styles and functions through every theme update, ensuring your site retains its unique charm. Create a child theme on your WordPress website by setting up a new directory and then adding a style.css file to hold your custom designs.  Then, with a bit of coding… Continue reading How To Create a WordPress Child Theme

How to Make a Neon Text Effect in Affinity Designer

Are you interested in a simple and editable neon text effect that you can apply to other fonts and icons, including the Beat Saber logo? Stay tuned until the end to find it! If you don’t have the time to learn how to make a neon sign text effect, you can always try Envato Elements,… Continue reading How to Make a Neon Text Effect in Affinity Designer

6 Smartphone Overhead Tripods for Perfect Top-Down Videos

If you’re into food blogging or product photography, capturing the perfect shot often means shooting from above. Overhead photography brings focus to your subject by eliminating extra dimensions. But, snapping those perfect 90-degree overhead shots isn’t always straightforward, especially when using a smartphone. To nail those top-down photos, you need a reliable overhead tripod. While… Continue reading 6 Smartphone Overhead Tripods for Perfect Top-Down Videos

Name/Role/Value – Whose Role Is It Anyway?

Welcome to the next edition of my Design Strategy blog series. Today, I’m sharing a client story with the hope that y’all will focus on thinking about WHY you should do things differently so that your program can rapidly mature and scale quickly. I will once again skip the “how-to” article formula and dry laundry… Continue reading Name/Role/Value – Whose Role Is It Anyway?

Create growth experiments to persuade teams to invest in user-requested features

How to persuade teams to invest in new features requested by users Kai Wong · Follow Published in UX Collective · 7 min read · 10 hours ago — Share Art by midjourney I learned to appreciate Growth Experiments when I convinced my team to finally build a new feature users constantly requested. In an… Continue reading Create growth experiments to persuade teams to invest in user-requested features

2 Ways to Create and Display Footer Widgets in WordPress

Here’s our initial static demo that we’re going to convert into a WordPress theme (the colors have been changed for the WordPress version): Make a Plan For this demonstration, we’ll create a new simple custom WordPress theme (Playground). Its file structure will look like this: The theme structure We’ll host it on a GitHub… Continue reading 2 Ways to Create and Display Footer Widgets in WordPress

How to Create a Multilingual Website: A Step-by-Step Guide

The importance of multilingualism on the web can’t be overstated. As businesses aim to reach wider audiences across the globe, having a website that speaks the language of your visitors isn’t just nice-to-have anymore—it’s a necessity. For that reason we’ve created this guide to walk you through the process of creating your own multilingual website,… Continue reading How to Create a Multilingual Website: A Step-by-Step Guide