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

The GenAI Compass: a UX framework to design generative AI experiences

[unable to retrieve full-text content] Patterns for implementing human-centric design thinking and UX to GenAI Generative AI is reshaping the landscape of design, ushering us into an era where deeply individualized user experiences become the norm. Personalization reaches beyond the tailored, transcending into the realm of the deeply individualized, fostering one-on-one connections at scale — true hyper-personalization. I’m… Continue reading The GenAI Compass: a UX framework to design generative AI experiences

On-Scroll Expanding Image Animation within Typography

An animation experiment where we expand an image within some typographic element on scroll. Today I’d like to share a little effect with you that got inspired by this video of a billboard ad: A video expands and pushes some text away. I thought this would be fun to experiment with and try out different… Continue reading On-Scroll Expanding Image Animation within Typography

Best Shopify Themes for Selling Trending eCommerce Products

What Types of Products To Sell When it comes to selling products through a Shopify store, choosing the right type of products is crucial for success. Thre are plenty of products that you can sell successfully. However, not all products have the same potential for profitability and popularity. To help you navigate this landscape, we’ve… Continue reading Best Shopify Themes for Selling Trending eCommerce Products

How to Make a Wind Effect in Photoshop

Today we will be looking at how to make a wind effect in Photoshop. This technique is quick, easy, and uses a better alternative to the traditional Motion Blur filter. It’s a great Photoshop weather effect to have in your back pocket, so let’s get started! If you enjoy video content, then don’t miss this… Continue reading How to Make a Wind Effect in Photoshop

Unleashing the power of Pixar’s storytelling in product design

The struggle is real, we simply can’t escape companies constantly bombarding us with digital experiences everywhere on the internet via websites and apps on our phones, watches, computers, VR headsets — download this! sign up here! join for free! At last count, there are approximately 1.13 billion websites and 9 million mobile apps in existence! Credit: Gaurav There… Continue reading Unleashing the power of Pixar’s storytelling in product design

Market Yourself as a Creative Professional: Do’s & Don’ts of How to Market Yourself (2024)

People market ideas, food, movies, clothing, and even websites. Why not market yourself? As a creative professional, you’ve got skills, abilities, strengths, personality, and plenty of upsides. Make sure they’re known. In this post, I’ll dive into how to market yourself as a creative professional. How to market yourself in 2024 (Image: Envato Elements) But… Continue reading Market Yourself as a Creative Professional: Do’s & Don’ts of How to Market Yourself (2024)

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 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 Align Column Rows with CSS Subgrid — SitePoint

In this quick tip, we’ll look at how to use the subgrid feature of CSS Grid to align the content of boxes that sit side by side. Note: before delving into subgrid, it’s important to understand the basics of Grid layout. If you’re new to Grid, or you need a refresher, check out our beginner’s… Continue reading How to Align Column Rows with CSS Subgrid — SitePoint

How to Align Column Rows with CSS Subgrid — SitePoint

In this quick tip, we’ll look at how to use the subgrid feature of CSS Grid to align the content of boxes that sit side by side. Note: before delving into subgrid, it’s important to understand the basics of Grid layout. If you’re new to Grid, or you need a refresher, check out our beginner’s… Continue reading How to Align Column Rows with CSS Subgrid — SitePoint

T-Shirt Design Trends for 2024

Wondering what T-shirt designs are trending in 2024? There are three big trends happening, and they all have one thing in common: maximalism! After a decade or more of minimalism ruling all aspects of design, we’re entering a new era of indulgent maximalism. More is more, and more is better right now. Let’s look at… Continue reading T-Shirt Design Trends for 2024

Published
Categorized as Tutorials

How to Plan Your First Successful Website

Development By Simon Sterne 3 days ago Planning a new website can be exciting and — if you’re anything like me — a little daunting. Whether you’re an experienced freelancer, a team of hardened developers, or a small business owner, a well-structured plan is critical for success. In this post, I’ll give you the benefit… Continue reading How to Plan Your First Successful Website

10 New AI Tools to Increase Your Creativity in 2024

Curious about how AI can enhance your creative process while navigating its potential pitfalls? Wondering which AI design tools are making waves in 2024?  There are many great creative AI tools that you can use in your projects today. AI design tools have quickly become a staple for artists and designers. These generative AI tools harness… Continue reading 10 New AI Tools to Increase Your Creativity in 2024

12 Figma tips to work more efficiently

We all know Figma makes regular updates to their features that can be new and awesome, like previewing typography, or it can be a modification that may change an established workflow, like the infamous local variables. So as someone who uses Figma almost every work day, minus some meeting-heavy days, learning to apply new features… Continue reading 12 Figma tips to work more efficiently

How to Retrieve the IDs, Titles, and URLs of the Core WordPress/WooCommerce Pages

As WordPress developers, many times we want to grab different info (ID, title, URL) for standard WordPress/WooCommerce pages like the Blog and My Account pages. Surprisingly, all this useful stuff is stored in the *_options table, and we can access it using the get_option() function. There’s also the wp_load_alloptions() that we can use to print… Continue reading How to Retrieve the IDs, Titles, and URLs of the Core WordPress/WooCommerce Pages

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

Creating an Interactive 3D Bulge Text Effect with React Three Fiber

In this tutorial, we’ll explore how to generate a engaging bulge effect on text using React Three Fiber. For the past few weeks, I’ve been experimenting with mixing 3D and 2D to create compelling effects. Today, I’ll guide you through replicating this bulge effect on text. To streamline the process and maintain a structured approach… Continue reading Creating an Interactive 3D Bulge Text Effect with React Three Fiber

The power of beauty in communicating complex ideas

Can we defend pursuing beauty when communicating science or innovation? When creating visuals to explain complex ideas, cutting edge innovations or new scientific research we often focus on the images’ ability to carry information. But data visualization, infographics or even schematics have a hidden power we rarely discuss: beauty. Obviously not all images are beautiful. As… Continue reading The power of beauty in communicating complex ideas

40+ Best Signature Fonts | Envato Tuts+

Looking for a good signature font? Check out this list of authentic signature fonts from Envato Elements. For one low monthly fee, this subscription-based marketplace offers tons of fonts, logos, graphic templates, add-ons, and more. Best Signature Fonts From Envato Elements 1. Hagia Cursive Signature Font (TTF, OTF) When you need a cool signature font… Continue reading 40+ Best Signature Fonts | Envato Tuts+

Published
Categorized as Tutorials

Why UI designers should understand Flexbox and CSS Grid

CSS for UI Designer Or bye bye, 12-column grid layout Most designers are familiar with responsive design, a column-based layout approach with fixed breakpoints to cover all screen sizes. However, we can move beyond the rigid structure with modern CSS layouts, crafting flexible and dynamic designs that seamlessly adjust to different screen sizes. Designers and developers having different… Continue reading Why UI designers should understand Flexbox and CSS Grid