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

Creating an Interactive Mouse Effect with Instancing in Three.js

Mind-blowing effects that require thousands, possibly millions of objects like hundreds of paper planes, brains made out of triangles, or a galaxy of stars, push the limits of the GPU. However, sometimes it’s not because the GPU cannot draw enough, at times it’s bottlenecked by how much information it’s receiving. In this tutorial, we’ll learn… Continue reading Creating an Interactive Mouse Effect with Instancing in Three.js

How to Embed Video in PowerPoint (With Free Template)

Creating presentations take time. High-quality presentations take even longer. That’s why it’s always a good idea to have a premium PowerPoint template available. This slide was only made possible by using the Delusi template with an embedded video. To get you started, we’re going to give you a freebie: the Delusi PowerPoint template. You’ll see how… Continue reading How to Embed Video in PowerPoint (With Free Template)

Creating magic with logical thinking

We are constantly faced with the challenge of solving complex problems in creative ways. While it may seem like magic and logic are opposing forces, they can often work together in design, where creative thinking and strategic actions can create truly transformative and magical experiences. Magic and creativity are often used interchangeably because they involve… Continue reading Creating magic with logical thinking

Published
Categorized as UX Tagged

Creating a Bulge Distortion Effect with WebGL

Distortion in WebGL can be a lot of fun. Recently, I had to create a special effect called “Bulge” for a project on the Upperquad.com website. Here is a short video showcasing it. The idea was to create a distortion that originates from a point and pushes everything around it. In “Adobe After Effects,” you… Continue reading Creating a Bulge Distortion Effect with WebGL

Character creation UX

A guide to CCIs in game design. Walking dressed cyberpunk in a cyberpunk city by Paola Ascanio via MidJourney Character creation is an essential aspect of most video games, allowing players to customize their avatars and immerse themselves in the game world. As a user experience (UX) designer, your role in game design is to create… Continue reading Character creation UX

Creating a strategic product roadmap in 7 steps

Photo by Jason Goodman on Unsplash Thinking about creating a strategic product roadmap? You’re not the only one. With increasing pressure to produce measurable results, an effective strategy has become the key to success in today’s competitive business world. With a strategic product roadmap, you can focus your efforts on meeting specific goals instead of… Continue reading Creating a strategic product roadmap in 7 steps

15 Templates and Tools for Creating a Custom Packaging Design Website

Creating a custom packaging design website can be a great way to showcase your products and services. However, it can be tough to know where to start. There are a few different types of custom packaging designs and printing types to consider, but you don’t have to navigate this alone. There are plenty of templates… Continue reading 15 Templates and Tools for Creating a Custom Packaging Design Website

Let me be stupid — Creating experiences that are effortless

Let me be stupid — Creating experiences that are effortless While browsing Reddit the other day I stumbled upon this thread.The question asked was simple: ‘Do you ever wish you were a little more intelligent?’ I clicked on the thread expecting answers to range from ‘Duh’ to ‘HELL YES’, but I was extremely surprised when I saw… Continue reading Let me be stupid — Creating experiences that are effortless

How to Auto Align in Photoshop

Today, we’ll be looking at how to use the auto align tools in Photoshop, as well as guides and snapping! Photoshops auto align tools are simple but powerful, and they’ll keep you from sending out a design with the always annoying uncentred text or misaligned words.  If you’re looking to speed up your workflow, try… Continue reading How to Auto Align in Photoshop

How to Create a WooCommerce Product Table for Free

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} People set up an eCommerce store in the hope of selling as many of their products as possible. This requires a lot of work on your part—from choosing the right platform to promoting your store. Simply creating a store will not automatically bring in sales. You will… Continue reading How to Create a WooCommerce Product Table for Free

7 Basic Usability Heuristic Designers Live By

There are basic usability heuristics all designers know and live by. Why? Because designing for usability takes up more complicated planning processes than it looks. Contrary to most people’s thinking, UI and UX design is NOT about the aesthetic. It’s about creating a workable, and successful, path for users on an interface from the moment… Continue reading 7 Basic Usability Heuristic Designers Live By

30 Tutorials for Developing HTML5 Web Browser Games

September 30, 2021 by Jake Rocheleau Modern HTML5 specifications allow for a wide breadth of creativity. Web developers have always been toying around with JavaScript games. But, nowadays, it is so much easier to jump into the process and create something truly magnificent. This gallery is devoted to 30 tutorials you might use to learn… Continue reading 30 Tutorials for Developing HTML5 Web Browser Games

How to Integrate HubSpot with WooCommerce

As a business manager, you’re responsible for optimizing sales strategies, marketing activities, and communication methods to level up your business. Today, many online tools are available to make it easy for you to manage, market, and optimize your online store and boost your sales. HubSpot is one of these helpful online assistants that you can… Continue reading How to Integrate HubSpot with WooCommerce

7 Effective Tips To Help Make Your Logo Stand Out

29 Shares When it comes to a company’s logo, it is the ultimate symbol that represents a company. Hence, it needs to be just right and perfect. According to studies, more than 65% of the world’s population consists of visual learners, meaning they are more likely to remember the company’s logo rather than the name.… Continue reading 7 Effective Tips To Help Make Your Logo Stand Out

Creating a positive culture around accessibility

[unable to retrieve full-text content] Everyone wins when we build inclusive digital experiences. Here’s why we should be excited about (and not dread) accessibility. Continue reading on UX Collective »

Published
Categorized as UX Tagged

How to Generate APK and Signed APK Files in Android Studio

Android Studio allows you to create two kinds of APK files. First are the debug APK files that are generated solely for testing purposes. They will run on your Android mobile. However, they cannot be uploaded to the Play Store or made available to the public. Secondly, you can generate signed APK files. Signed APK… Continue reading How to Generate APK and Signed APK Files in Android Studio

What is Content Strategy?

When you visit a website or use an app you’re consuming content. You’re having an experience (good or bad) with a company and brand. You’re on some point of a customer journey, whether that’s being a prospective, current or loyal customer. You will have a need and the organisation should meet that need with content.… Continue reading What is Content Strategy?

Popular Design News of the Week: July 5 2021 – July 11, 2021

Every day design fans submit incredible industry stories to our sister-site, Webdesigner News. Our colleagues sift through it, selecting the very best stories from the design, UX, tech, and development worlds and posting them live on the site. The best way to keep up with the most important stories for web professionals is to subscribe… Continue reading Popular Design News of the Week: July 5 2021 – July 11, 2021

Understanding Cybersecurity for Your Website

A massive national oil pipeline was recently shut down amidst a secondary pandemic of ransomware attacks. This comes just as industries pivot to accommodate the virtual shifts brought about by COVID-19. For your website, this means a new and focused approach towards cybersecurity is more important than ever. Understanding the importance of cybersecurity is the… Continue reading Understanding Cybersecurity for Your Website

5 Uses of Outsized Typography in Web Design

June 14, 2021 by Sangalang Kristine Leave a Comment Outsized typography in web design is one of the most recent trends. With the advent of simple, neutral, and minimalist designs, designers must find a new avenue of adding drama and effect to their concepts. It is through this that outsized typography has played a big… Continue reading 5 Uses of Outsized Typography in Web Design

The Ultimate Guide to Creating a Socially Conscious Web Design

June 10, 2021 by Sangalang Kristine Leave a Comment A socially conscious web design prioritizes the experiences of users over aesthetics. Design working hand-in-hand with social responsibility is a fairly new concept. It is only in the recent decades that we have started to call out stereotypes reflected in conceptualizing web design. Web design, or… Continue reading The Ultimate Guide to Creating a Socially Conscious Web Design

Key Tips to Creating a User-Centered Website

For quite some time now, Google has given priority to user-centered website and content experiences. More specifically, it wants search results to better reflect user intent, as opposed to just keywords. In the latest update, content expertise and quality may trump authority, earning higher rankings. That is directly in line with the idea of creating… Continue reading Key Tips to Creating a User-Centered Website