Key takeaways š UX consultants align user experience with business goals to drive measurable impact. š§Ŗ Conducting in-depth research and audits helps uncover usability issues. š¼ Earning $140K+ annually or charging high hourly rates is common in this role. š§ Shifting focus from design execution to strategic problem-solving defines the consultant mindset. š UXtweak helps… Continue reading How to Become a UX Consultant? [Responsibilities, Salary & Jobs]
Tag: Build
Build a Bootstrap light/dark toggle switch component
Bootstrap, in the current latest version, v5.3.0, has started supporting color modes. This means that in your Bootstrap layouts you can choose from its default light or dark mode, or even create a new one.Ā In the Bootstrap docs, they have implemented a dropdown color mode toggle that can work as a starting point for… Continue reading Build a Bootstrap light/dark toggle switch component
Build a light/dark mode toggle switch component with CSS & JavaScript
In this new tutorial, weāll use previous knowledge and learn how to build a light/dark mode toggle switch component. This is a handy feature available in many sites and apps nowadays because it can help reduce eye strain and therefore improves accessibility. MDN’s color modes Slack’s color modes Itās also worth noting that more and… Continue reading Build a light/dark mode toggle switch component with CSS & JavaScript
15 UX research deliverables to convince stakeholders
In this article, weāll explore 15 essential UX research deliverables that can help you effectively communicate user insights and drive alignment across teams. Key Takeaways š UX research deliverables help connect user needs with stakeholder goals, making it easier to align teams and improve designs. š Clear, simple deliverables show real user insights, helping stakeholders… Continue reading 15 UX research deliverables to convince stakeholders
Build a website page configurator with CSS & JavaScript
To build our page configurator, weāll combine old-school CSS techniques with modern CSS features like custom properties and container queries.Ā What Weāre Building Without further ado, letās take a look at the final project. Click the setting icon to the left of the screen to access the controls panel: 1. Begin with the panel… Continue reading Build a website page configurator with CSS & JavaScript
Access High Growth and Build a Sustainable Career with Coding Bootcamps
Why are coding bootcamps rising? Coding remains a cornerstone skill in today’s job market, and it is resilient amid economic shifts. However, misconceptions often obscure its true nature as software expert coders play an essential role in technology-driven industries. Businesses depend on them to create operational solutions that drive innovation and efficiency. Coders must be… Continue reading Access High Growth and Build a Sustainable Career with Coding Bootcamps
How to Build a Tic-Tac-Toe Game with Vanilla JavaScript
Hereās the tic-tac-toe game weāre going to be coding. Click on each square to place the pieces, and try to get three in a row: HTML Structure The HTML Structure will consist of the following elements: A board which will feature 9 div elements representing the 3Ć3 grid A Bootstrap modal will… Continue reading How to Build a Tic-Tac-Toe Game with Vanilla JavaScript
Build an asymmetric JavaScript slideshow with CSS Grid & GSAP
Without further ado, hereās what weāre going to create: Please note that the slideshow isnāt optimized for mobile devices. The asymmetric/broken layout works best on large screens, so be sure to view the demo from a large device. For mobile devices, you can choose to have a standard slideshow with a single image and… Continue reading Build an asymmetric JavaScript slideshow with CSS Grid & GSAP
Build an animated JavaScript accordion component, with overlapping panels
In this new tutorial, weāll learn how to build an animated JavaScript accordion component with overlapping panels. We wonāt focus so much on accessibility in this tutorial, so exploring how to make this component more accessible would be a valid next step. Our accordion component Hereās what we’re going to create (click on a panel… Continue reading Build an animated JavaScript accordion component, with overlapping panels
Build a JavaScript Dropdown Filter Component With Shareable URLs
In this new tutorial, weāll learn how to create a JavaScript dropdown filter component where each filtering option will have a unique shareable URL. Once we filter for a specific option, the page URL will change. Then, if we grab that URL and open it in another browser/window, only the associated boxes will appear. What… Continue reading Build a JavaScript Dropdown Filter Component With Shareable URLs
The Wax and the Wane of the Web
I offer a single bit of advice to friends and family when they become new parents: When you start to think that youāve got everything figured out, everything will change. Just as you start to get the hang of feedings, diapers, and regular naps, itās time for solid food, potty training, and overnight sleeping. When… Continue reading The Wax and the Wane of the Web
90% of designers are unhirable?
Or why your cookie-cutter portfolio doesnāt cut it and how to fixĀ it Image by Matej LatinĀ (Author) Hereās the harsh truth: Iāve reviewed more than 1,000 portfolios in my design career so far, and I turned 90% of them down because of one thingāāāthe linear designĀ process. By ālinear design processā I mean cookie-cutter case studies that… Continue reading 90% of designers are unhirable?
UX leadership is failing, multi-brand design systems, proxies in UX
Weekly curated resources for designersāāāthinkers andĀ makers. āWhat is the effect of constant exposure to information on our attention? Who benefits from a dramatic change in our attention, and when and why has this happened? One hypothesis is that companies have created an ecosystem to encourage continual consumption of information, and they profit from our addiction… Continue reading UX leadership is failing, multi-brand design systems, proxies in UX
How to Build a Design System Repository
Design systems can actively make life easier for designers and developers alike. Theyāre like your favorite recipe book, but instead of lasagna and chocolate chip cookies, itās packed with color palettes, typography, and UI components that everyone on the team can whip up into stunning interfaces. Having everything related to design in one place —… Continue reading How to Build a Design System Repository
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
Build a Simple YouTube App with Vanilla JavaScript
The Tuts+ YouTube channel is fast approaching 1.5M subscribers. Letās celebrate this great achievement by creating something YoutTube-oriented! Weāre going to build a simple, yet fully functional YouTube app with Vanilla JavaScript. The concept will be pretty straightforward; weāll build a simple UI where we can enter the ID of a channel and our app… Continue reading Build a Simple YouTube App with Vanilla JavaScript
Build a Simple YouTube App with Vanilla JavaScript
The Tuts+ YouTube channel is fast approaching 1.5M subscribers. Letās celebrate this great achievement by creating something YouTube-oriented! Weāre going to build a simple, yet fully functional YouTube app with Vanilla JavaScript. The concept will be pretty straightforward; weāll build a simple UI where we can enter the ID of a channel and our app… Continue reading Build a Simple YouTube App with Vanilla JavaScript
Build a Grid-to-Full-Screen Image Animation With CSS (and a Touch of JavaScript)
In this tutorial, I’ll show you a motion effect where a split-screen image grid layout will turn into a full-screen image. 1.Ā Begin With the HTML Markup Weāll define three sections: The first and third sections wonāt have any real value, but weāll utilize them to prove that the effect can work inside any page content.… Continue reading Build a Grid-to-Full-Screen Image Animation With CSS (and a Touch of JavaScript)
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?
How to Build a REST API With Laravel
Laravel lets you easily and quickly build RESTful APIs. This could be the back-end to a front-end web app, a data source for a mobile app, or a service for other apps or APIs. There are a lot of moving pieces to coding a RESTful API, but Laravel makes it a lot easier. In this… Continue reading How to Build a REST API With Laravel
Build an Infinite Blinking Text Animation With CSS and a Touch of JavaScript
In this new tutorial, we’ll learn how to create an infinite blinking/flashing text effect with CSS animations and a bit of JavaScript. Specifically, selected text parts will switch colors after a certain period. After that, the animation will reinitialize.Ā Our Text Effect Hereās what weāre going to create. Itās a great addition to a portfolio… Continue reading Build an Infinite Blinking Text Animation With CSS and a Touch of JavaScript
Build an Infinite Blinking Text Animation With CSS and a Touch of JavaScript
In this new tutorial, we’ll learn how to create an infinite blinking/flashing text effect with CSS animations and a bit of JavaScript. Specifically, selected text parts will switch colors after a certain period. After that, the animation will reinitialize.Ā Our Text Effect Hereās what weāre going to create. Itās a great addition to a portfolio… Continue reading Build an Infinite Blinking Text Animation With CSS and a Touch of JavaScript
How to Build a Pricing Table With a Monthly/Yearly CSS Toggle Switch
Toggle button switches are a classic UX trend often met in different parts of a website or an app. In a previous tutorial, we discussed how to build a CSS-only switch component for a simple to-do checklist. Today, weāll create another switch: a monthly/yearly switch that will let visitors go through different pricing plans.Ā Our… Continue reading How to Build a Pricing Table With a Monthly/Yearly CSS Toggle Switch
Donāt have time to create formal personas? Build rough ones and iterate
Like other design processes, personas can be improved with iteration Continue reading on UX Collective Ā»