Lab Projects Nurturing Innovation Through Lab Projects At UX studio, our lab projects help our team flex their creative muscles and freely explore new ideas, methods and technologies. During lab projects, we work within the studio in a smaller team to achieve a specific goal we’ve set, or develop a product we’ve envisioned. The dedicated… Continue reading Exploring AR Design for Children
Tag: Finally
From Figma to Functional App Without Writing a Single Line of Code
[unable to retrieve full-text content] How I Created a Design Tokens Converter in Minutes Using Claude Product designers don’t have to code, but knowing HTML and CSS will help us communicate with developers. In addition, a designer who knows JavaScript, Python, or another language, is a plus because they can explain the logic to the developer.… Continue reading From Figma to Functional App Without Writing a Single Line of Code
Product Testing
Product testing is an essential stage in bringing any new product to market. Before a product is released to consumers, companies will thoroughly test it to identify any flaws or areas for improvement. The goal is to catch issues while the product is still in development. Though testing adds steps in product development,… Continue reading Product Testing
The influence of mobile technology on user cognition and memory
Mobile technology is a part of our daily life more than ever before. Such technology can be a bless to our productivity but also make our brain a bit of a lazy thing. I wrote this article for my Interaction Design post-graduate course. I wanted to share with people some of the things I discovered and… Continue reading The influence of mobile technology on user cognition and memory
Introducing the Next Generation of Mobile Accessibility Testing
If you can run an app in iOS or Android, now you can test it for accessibility with us. Deque’s axe DevTools Mobile redefines mobile testing for digital accessibility for cross-platform apps, such as those built with React Native. It’s the easiest mobile testing solution to install and run. It also provides clear direction to… Continue reading Introducing the Next Generation of Mobile Accessibility Testing
Unveiling the experience wheel of true fortune
Our tendency to focus on negative experiences has prevented us from recognizing and seizing the opportunities of another loop. This is better known as the flywheel effect, and the key ingredient is how success can be replicated through a series of logical but effective steps until it links as a chain. (Image source: Neil Webb) Would… Continue reading Unveiling the experience wheel of true fortune
How to Create an Artistic Painting Effect in Affinity Photo
Today, we’ll be taking a look at how to create artistic painting effects in Affinity Photo. Affinity Photo may not have any dedicated artist effect filters, but it has more than enough amazing built-in tools that let you turn a photo into a painting or drawing. All without a drawing tablet! We are putting three… Continue reading How to Create an Artistic Painting Effect in Affinity Photo
How to Paint Watercolor in Procreate
This Procreate watercolor tutorial will teach you how to create a vibrant yet soft digital watercolor portrait in Procreate from scratch. We’ll explore different drawing techniques and textures to achieve an authentic watercolor look. Also, you’ll learn how to make your portrait expressive using colors and lines. Creating a watercolor portrait in Procreate is a… Continue reading How to Paint Watercolor in Procreate
How to Customize the WooCommerce Checkout Page
The checkout page is one of the most important pages on any eCommerce website. All the effort that you put into your website content, design and marketing will amount to nothing if your customers keep abandoning their carts and never complete the checkout process. Some statistics show that cart abandonment rate can vary in range… Continue reading How to Customize the WooCommerce Checkout Page
The Best WordPress Multilingual Plugins Compared
Do you want to offer your website content in more than one language and reach a wider customer base, including international customers? The best way to offer a personalized and localized customer experience is through users’ native language. You can reach audiences in languages they speak, even if you do not know a single word… Continue reading The Best WordPress Multilingual Plugins Compared
How to Make a Y2K Art Collage in Photoshop
Today we’ll be recreating the Y2K art style using 3D assets and vibrant color grades! We’ll be learning how to create a collage in Photoshop that focuses more on using Y2K-inspired graphics, as opposed to photo-realistic realism. We want the Y2K aesthetic pink trees to look fake and the environment to pop! In a hurry?… Continue reading How to Make a Y2K Art Collage in Photoshop
30 Web Development Best Practices for Beginners
There is a lot to learn as a web developer. For starters, the syntax of HTML, CSS and JavaScript, and how these fundamental web languages work together. However, on top of that you need to learn how to code well: how to use the web technologies like a professional, to create efficient, maintainable, and scalable… Continue reading 30 Web Development Best Practices for Beginners
How to Set Up WooCommerce Product Options
When it comes to online shopping, one size doesn’t always fit all. Clothing stores are an obvious example. However, there are countless other eCommerce sites that sell variable products. The same laptop may be available in various screen sizes, or with different amounts of storage. Even if you’re running a takeaway restaurant, a customer may… Continue reading How to Set Up WooCommerce Product Options
How to Remove Green Screen in Photoshop
Today we will be looking at how to remove green screen in Photoshop! Using only built-in auto-select tools and a few adjustment layers, you can perform a quick and simple background swap on any green screen photo. In a hurry? Swap backgrounds, automate your workflow, and chroma key in Photoshop using one of the thousands… Continue reading How to Remove Green Screen in Photoshop
How to Conform to WCAG (Web Content Accessibility Guidelines) in Email
* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} WCAG (the Web Content Accessibility Guidelines) make the web a more accessible place for everyone. They’re written for web content, not email content, but as the two have a lot in common, conforming to WCAG lays a good foundation for applying accessibility to email. So, how do… Continue reading How to Conform to WCAG (Web Content Accessibility Guidelines) in Email
Read a CSV to Array in PHP
* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} In this post, I’ll show you how to use PHP’s built-in functions to read and print the contents of a CSV file and convert it into an array. We’ll use fopen() and fgetcsv() to read the contents of a CSV file, then we’ll convert it into an… Continue reading Read a CSV to Array in PHP
45 Best Bakery Templates (Brochures, Flyers, Logos, and More)
If you’re opening a bakery, you’re going to need loads of resources like brochures, flyers, and menus to promote your business successfully. You can find a wonderful collection of bakery brochure ideas at Envato Elements. Today we will showcase 45 of the best templates you can find there. Unlimited Bakery Template Downloads at Envato Elements… Continue reading 45 Best Bakery Templates (Brochures, Flyers, Logos, and More)
How to Create a Monogram Pattern
What You’ll Be Creating * { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} In the following tutorial, you will learn how to create a monogram in Illustrator using basic vector shapes. Once you’ve finished creating it, you will learn how to use it to create monogram background patterns. If you don’t have the time to learn… Continue reading How to Create a Monogram Pattern
How to Conduct Good User Research
Having reliable information about your users is essential for improving your business. Without this information, you’re making decisions based on assumptions rather than facts. It’s for this reason that the businesses that have the best user research tend to have the best results. In fact, a great number of companies report that using customer mapping results in a… Continue reading How to Conduct Good User Research
WordPress Troubleshooting: Error Establishing a Database Connection
In this quick article, we’ll discuss how to troubleshoot and fix the Error establishing a database connection error on a WordPress site. The Error establishing a database connection error is one of the most common errors which WordPress users can encounter while visiting your website. It’s pretty similar to the white screen of death (WSOD) error,… Continue reading WordPress Troubleshooting: Error Establishing a Database Connection
How to Append to a File With PHP
Data is usually stored in a database when people are creating their website. However, sometimes we need to store data in files to make it easier for people to read or modify at a later time. PHP comes with a lot of functions to read and write data to a file. We can also use… Continue reading How to Append to a File With PHP
Cultivating Customer Confidence with UX
Businesses rely on designers to help them build the perfect relationship with visitors. After all, as much as companies may wish it wasn’t true, many consumers still judge a book by its cover. A website that fails to prioritize concepts like trust and transparency could instantly lose the confidence of its target audience. As a… Continue reading Cultivating Customer Confidence with UX
Create a Unique Scrolling Website With Locomotive Scroll & Tailwind CSS
Have you ever wanted to build a unique single-page scrolling website yet didn’t know where to start? If so, don’t worry! Today we’re going to create together such a website. To achieve this, we’ll take advantage of Locomotive Scroll, a small and easy-to-use JavaScript library for cool scrolling effects. Plus, to speed up the development… Continue reading Create a Unique Scrolling Website With Locomotive Scroll & Tailwind CSS
How to Curve Text in Affinity Designer
What You’ll Be Creating In the following steps, you will learn how to curve text in Affinity Designer. We’ll use this simple badge design to exemplify all the techniques that you can use to edit and stylize curved text in Affinity Designer. Once you’ve learned how to curve text in Affinity Designer, you can take… Continue reading How to Curve Text in Affinity Designer