How to Create a Wicked Movie Inspired Logo

Tutorial Assets You’ll need the following resources in order to complete this project: 1. How to Make a New Photoshop Document Launch Photoshop and go to File > New to open a blank document. Type Wicked movie logo as the name of your file, set the dimensions shown, and then select Pixels as the Units… Continue reading How to Create a Wicked Movie Inspired Logo

A Quick Guide to UI Patterns for Form Controls

Let’s talk about those little boxes, buttons, and dropdowns that we encounter all over the web: form controls or input fields. From signing up to a newsletter to completing an online purchase, these elements are the unsung heroes of user interaction. In this article, we’re diving into the world of form controls from a UX… Continue reading A Quick Guide to UI Patterns for Form Controls

UX vs. UI: Guide to Distinguishing User Experience and User Interface Design

Well, they certainly sound like they’re all about the same thing. When you design the user interface, surely what you are dealing with is user experience. Is it that simple? Or are there significant differences between the two? What consequences would such a difference have for design? Will there be any more questions in this… Continue reading UX vs. UI: Guide to Distinguishing User Experience and User Interface Design

Published
Categorized as UX Tagged ,

 15 Awesome Tools & Resources for Designers and Agencies for 2024

Have you been searching for the best web design tools to suit your needs involve only to find that each “promising” tool or resource you come across turns out to be little different from one or more of its competitors? Do the results of your efforts leave you with a feeling of déjà vu, a… Continue reading  15 Awesome Tools & Resources for Designers and Agencies for 2024

Diary Studies: Understanding Long-Term User Behavior and Experiences

Summary:  Participants log daily activities as they occur to give contextual insights about real-time user behaviors and needs. Defining Diary Studies A diary study is a qualitative user research method used to collect insights about user behaviors, activities, and experiences over time and in context. During a diary study, participants report their interactions and experiences… Continue reading Diary Studies: Understanding Long-Term User Behavior and Experiences

Basics of Unmoderated Usability Testing

This article will introduce you to the basics of Unmoderated Usability Testing. We will explain why you should conduct such testing, how to prepare tasks, or how to recruit the right participants. You are currently reading one of our 101s. This blog introduces you to the basics of Unmoderated Usability Testing. If you… Continue reading Basics of Unmoderated Usability Testing

Modernizing LOTO — Prioritizing User Requirements with the Kano Model

[unable to retrieve full-text content] I worked on this project for nearly 2 years at my previous workplace, and although I can’t dive deep into the technical details due to NDAs, the process itself was an incredible learning journey for me. And that’s what we will be focusing on, the journey not the destination. In… Continue reading Modernizing LOTO — Prioritizing User Requirements with the Kano Model

How this year’s hair trends translate to the state of content design

[unable to retrieve full-text content] Wispy bangs and that little bit of extra texture in your content design org Still from the song ‘Hair’ from the musical ‘Hair’, 1979 Hair has always been big for me. Not just because my favorite movie is the musical movie ‘Hair’ from 1979 but also because I’ve always considered my usually… Continue reading How this year’s hair trends translate to the state of content design

Deque adds IntelliJ and WebStorm plugins to axe DevTools Linter

We’ve just tripled our Integrated Development Environment (IDE) support! In addition to a VS Code extension, Deque now offers axe DevTools Linter as a plugin for paid IntelliJ IDEA and WebStorm editions. A quick refresher on axe DevTools Linter Axe DevTools Linter is a powerful tool for your software development team. We provide a mini-linting-toolbox… Continue reading Deque adds IntelliJ and WebStorm plugins to axe DevTools Linter

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

Best Streetwear Shopify Themes for Fashion Stores

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Staff Pick Ap Suppre Ideal for street style fashion. Includes homepage demos, header styles, product pages, and multiple inner pages. Enhanced mobile shopping experience. Staff Pick Colorblock Colorful, attractive theme for a vibrant street fashion wear website. Atypical typography and customizable blocks of color to create trendy… Continue reading Best Streetwear Shopify Themes for Fashion Stores

Published
Categorized as Tutorials

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

2 Ways to Make Half-Colored Background Page Sections

In this quick tutorial, you’ll learn two ways to split a page section’s background into two colors. Consider the following layouts built with Bootstrap:   Page layout 1 Page layout 2 Here, we have three sections: The first and third sections include a heading and some dummy text. The second section contains three cards.… Continue reading 2 Ways to Make Half-Colored Background Page Sections

Published
Categorized as Tutorials

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