Featured Article
![Abtract illustration of stakeholders involved in a UX Audit](https://cdn.sanity.io/images/93ldctci/production/52d57b0b60af2e62753029f6c170e7d013792850-1280x720.jpg?w=650&fit=max&auto=format)
Who Are the Stakeholders in a UX Audit?
Discover the essential stakeholders in a UX audit, their roles, and how they impact the process. Learn who to involve and why their engagement is crucial.
- Business
- User Research
- Strategy
- User Testing
- Discovery Research
- Web Development
- User Experience
- Accessibility
- User Testing
- Business
- User Research
- Strategy
- User Testing
- Discovery Research
- Web Development
- User Experience
- Accessibility
- User Testing
- Web Development
- User Experience
- Accessibility
- User Testing
- Web Development
- User Experience
- Accessibility
- User Testing
- Design & Feedback
- Content Strategy
- Business
- Comms & PM
- Web Development
- Prototyping
- User Experience
- Accessibility
- User Testing
- Frameworks
- Qualitative Research
- User Experience
- Strategy
- Web Development
- User Experience
- Accessibility
- Web Development
- Prototyping
- User Experience
- Data Privacy
- Research
- User Experience
- Conversion
- Accessibility
- Data Privacy
- Content Strategy
- Data Privacy
- User Experience
- User Research
- Qualitative Research
- User Testing
- Business
- User Research
- Strategy
- User Testing
- Web Development
- Prototyping
- User Experience
- User Research
- Qualitative Research
- Discovery Research
- Web Development
- Animation
- User Experience
- Web Development
- Data Privacy
- User Research
- User Testing
- User Experience
- Design system
- Comms & PM
- Business
- Strategy
- Business
- User Research
- Strategy
- Business
- Accessibility
- User Research
- Qualitative Research
- Human Connections
- User Research
- Business
- Strategy
- Web Development
- Strategy
- Business
- Web Development
- User Experience
- Accessibility
- Web Development
- User Experience
- User Research
- Design & Feedback
- User Experience
- Strategy
- Business
- User Experience
- Web Development
- Video
- CSS
- Design & Feedback
- Web Development
- Video
- Video
- CSS
- Design & Feedback
- Web Development
- Web Development
- Design & Feedback
- Video
- Web Development
- Video
- Web Development
- CSS
- Video
- Information Architecture
- Web Development
- Video
- Information Architecture
- Web Development
- Video
- Web Development
- Information Architecture
- Video
- User Experience
- Business
- Research
- Prototyping
- Business
- Business
- Strategy
- Human Connections
- Web Development
- Research
- Prototyping
![Cover Image of Video](https://cdn.sanity.io/images/93ldctci/production/7f2efd2c8c1c027df36687fc3670c0a472597d69-1280x720.jpg?w=272&fit=max&auto=format)
Live-Coding a Fullstack Prototype – Episode 7
Learn how to add edit functionality to your virtual bookshelf app in our latest coding session. Follow our step-by-step guide using React and Supabase.
![Abtract illustration of a dashboard showing results of a UX Audit](https://cdn.sanity.io/images/93ldctci/production/f8905cb066189540ddfc9f1d14b959f6db71807f-2400x1256.png?w=272&fit=max&auto=format)
The power of a UX Audit and how to conduct it
Enhance your digital products with a UX audit. A detailed review like a UX audit can boost user satisfaction, engagement, and conversions.
![Cover Image of Video](https://cdn.sanity.io/images/93ldctci/production/f964ae3a8b5d8df76abad8744a57bc7bd844aa2f-1280x720.jpg?w=272&fit=max&auto=format)
Live-Coding a Fullstack Prototype – Episode 4
Explore insights on form customization, data validation, and Superbase integration in building a virtual bookshelf prototype.
![Cover Image of Video](https://cdn.sanity.io/images/93ldctci/production/4b38e590f8052b393f0afba6dcb9c829c2561e09-1280x720.jpg?w=272&fit=max&auto=format)
Live-Coding a Fullstack Prototype – Episode 6
Discover how we fixed the add book dialogue issue, implemented delete functionality, and discussed state management in our virtual bookshelf app using React and SuperBase.
![Cover Image of Video](https://cdn.sanity.io/images/93ldctci/production/d3384a588fa67fb6c96a65dae37fdce95ceeb92f-1280x720.webp?w=272&fit=max&auto=format)
Live-Coding a Fullstack Prototype – Episode 5
Discover the challenges and solutions in form handling with React Hook Form and state management in Shadcn dialog components. Learn how to integrate React Router for efficient state management.
![Abstract illustration of the process to include stakeholders for persona data collection](https://cdn.sanity.io/images/93ldctci/production/720fc1b9aa63428c90134b711f1fc896bd7251e3-4800x2512.png?w=272&fit=max&auto=format)
Creating Stakeholder Buy-In: How to Make Personas Work for Your Team
Unlock the full potential of personas by creating stakeholder buy-in. Learn how to build trust, involve your team from the start, and provide effective training to make personas a valuable tool for your organization.
![Cover Image of Video](https://cdn.sanity.io/images/93ldctci/production/8d2c653adaec477c07230124f3a5c81691b543f6-1280x720.jpg?w=272&fit=max&auto=format)
Live-Coding a Fullstack Prototype – Episode 3
Discover how to build a bookshelf app using the SShadcn component library, React Hook Form, and Zod. Learn about form handling, validation, and tackling common errors.
![Abstract illustration of a data driven persona concept](https://cdn.sanity.io/images/93ldctci/production/5117d6db05a9ff6d5fa45e8f7b9de541518208a5-4800x2512.png?w=272&fit=max&auto=format)
Transforming Personas: From Outdated Artifacts to Dynamic, Data-Driven Tools
Learn how to transform outdated personas into dynamic, data-driven tools. Discover our step-by-step approach to creating personas that are relevant, actionable, and integral to your team’s decision-making process.
![Abstract illustration of how persona creation takes time and introduces great cost](https://cdn.sanity.io/images/93ldctci/production/990a757e04ef79d7625154b39e13851668ddc0f7-4800x2512.png?w=272&fit=max&auto=format)
Why Personas Suck
Discover why traditional personas often fall short, including their time and cost inefficiencies, lack of a clear creation process, and rapid obsolescence. Learn how to transform them into dynamic, data-driven tools for your team.
![Abstract illustration of an html anchor tag opening a new tab](https://cdn.sanity.io/images/93ldctci/production/27515f25b33b6b5c0237b37e761614a7b6feac91-4800x2512.png?w=272&fit=max&auto=format)
Opening links in new tabs and what it means for UX and Accessibility
Arguments for and against opening links in new tabs and the implications on user experience, accessibility as well as security and performance considerations.
![Cover Image of Video](https://cdn.sanity.io/images/93ldctci/production/5e547805648ac5b86d1e8d21876c5b507eb06e17-1280x720.png?w=272&fit=max&auto=format)
Live-Coding a Fullstack Prototype – Episode 2
Explore quick prototyping techniques using React and SuperBase to create a virtual bookshelf. Learn how to integrate Supabase with React
![abstract image with data graphs](https://cdn.sanity.io/images/93ldctci/production/1b7c1ee9f948a51d79e6d7bcfb278c23d09220ee-2400x1299.png?w=272&fit=max&auto=format)
Ethical considerations when using user data in UX Research
Discover the ethical handling of user data in UX research, uncovering valuable insights while ensuring privacy, trust, and compliance with GDPR. Learn best practices for ethical data collection and usage.
![A mobile phone illustration with highlighted layout elements](https://cdn.sanity.io/images/93ldctci/production/18e73f4ceb635300f78da5dd1f5f6c53c55449ff-4800x2512.png?w=272&fit=max&auto=format)
7 things you can do to improve your signup form
Maximize your lead conversions with effective sign-up form strategies! Discover 7 essential tips to enhance your form's usability and boost submission rates.
![Video Cover](https://cdn.sanity.io/images/93ldctci/production/38eb1fa536857e4a4c26b1ed907df95138b962f4-1280x720.png?w=272&fit=max&auto=format)
Introducing the UX and Privacy Auditor Tool for Enhanced Web Audit
Learn how Pro's evaluate websites from a UX & Data Privacy perspective: Slite.com cares about users!
![Abstract illustration of an html anchor tag navigating to another url](https://cdn.sanity.io/images/93ldctci/production/7d6bc081ab48743cb9d510616a547af3dae9f0b6-4800x2512.png?w=272&fit=max&auto=format)
What is a Hyperlink?
Hyperlinks power the internet as we know and use it. Learn about all the features of a link and how it shapes user experience, marketing and page performance.
![](https://cdn.sanity.io/images/93ldctci/production/54a9afb81e6b5014b68b131d9b6cb3ae90f56977-2400x1256.png?w=272&fit=max&auto=format)
You Can Conduct Usability Testing on Your Product at an Early Stage – Here's How
Discover how to conduct usability testing at the early stages of product development. Learn the benefits of early user feedback and get a step-by-step guide to integrating usability testing into your design and development process to ensure your product aligns with user needs and expectations.
![Image with blog title](https://cdn.sanity.io/images/93ldctci/production/09fbff9de7b9f4fa87fb40e0556c2b90c3a05092-1200x628.png?w=272&fit=max&auto=format)
The Hidden Gold Mine: 20 Ways User Testing and Research Saves Businesses Money
Discover how investing in usability testing can lead to significant cost savings for your business. Explore 20 practical strategies to optimize user experience and streamline operations while maximizing profitability
![Cover Image of Video](https://cdn.sanity.io/images/93ldctci/production/a9f10efcd7ccddecda93c34101e0d2d1041b8427-1280x720.png?w=272&fit=max&auto=format)
Live-Coding a Fullstack Prototype – Episode 1
Explore quick prototyping techniques using React and SuperBase to create a virtual bookshelf. Learn how to set up a CRUD interface and integrate user feedback.
![Abstract image with text describing the focus of discovery research](https://cdn.sanity.io/images/93ldctci/production/775af46ad2521d7bbbf899ebb6b55012e15a5fae-2400x1346.png?w=272&fit=max&auto=format)
Understanding Discovery Research: What It Is and Why It Matters
Explore the critical role of discovery research in product development. Learn how different methods create impactful, user-centered designsenhances market success.
![](https://cdn.sanity.io/images/93ldctci/production/f27aa861ab01b3c4d3502b41255722b4c6fbfcbd-1280x720.png?w=272&fit=max&auto=format)
Delight your customer's customers with purposeful web animations
Explore the creative process behind enhancing a website's homepage animations using React, CSS keyframes, and clip-path for optimal performance and design.
![](https://cdn.sanity.io/images/93ldctci/production/d49ade7ba591f3793f34db4e410297b37640ad6a-1280x720.png?w=272&fit=max&auto=format)
Do I need to ask user's consent for that in my website? Questions from a web dev answered by lawyer
Our web developer Nils Borgböhmer shows data privacy lawyer Steffi Besselink a customer's website and get all his questions answered: For which parts do I need user's consent?
![Cover image on "Quicker prototypes in Figma"](https://cdn.sanity.io/images/93ldctci/production/a12a7a88a63a99ca926f976bc0249427b28bce1d-1280x720.png?w=272&fit=max&auto=format)
Using component sets in Figma to create and maintain clickable prototypes
Learn how to use component sets in Figma to be able to update your designs while maintaining the integrity of your clickable prototypes. It unlocks super quick iterations after Usability Testing
![Video Cover image showing Nils and Jan](https://cdn.sanity.io/images/93ldctci/production/5faf1f6339a2e18a36c5e1ac4255b3ac8c15899a-1280x720.png?w=272&fit=max&auto=format)
Embracing AI for SEO: A Leap Towards Understanding User Intent
Explore the transformative role of AI in SEO, as Nils and Jan delve into how user experience and AI tools like ChatGPT enhance understanding of user intent and content quality, shaping the future of digital optimization.
![Abstract image of computer](https://cdn.sanity.io/images/93ldctci/production/76ea1e91def9a9a37ed6f9fa20acb1f2bd2f958e-2400x1256.png?w=272&fit=max&auto=format)
Your user experience is directly impacting your business metrics, here's how you can instantly improve
Learn how to retain potential customers and boost conversions by optimizing your website's user experience. Explore the impact of bad UX on business metrics
![abstract phone image with accessibility icons](https://cdn.sanity.io/images/93ldctci/production/70bacbf155d32d284e7f579cdc1f1b6fa1136bf9-2400x1256.png?w=272&fit=max&auto=format)
Good Design is Accessible
Learn how prioritising inclusivity enhances user experience, fosters diversity, and creates digital products that cater to all users' needs effectively.
![Illustration showing reduced statistics](https://cdn.sanity.io/images/93ldctci/production/4565ef47b828d842787b93715ea5b28e0013afe0-4800x2512.png?w=272&fit=max&auto=format)
Why you cannot afford to skip UX Research
If you have doubts why UX research is crucial for your products success, this post will make you consider its true value.
![Cover Image for "Guide to launching a website in 2024"](https://cdn.sanity.io/images/93ldctci/production/8bb6da1dc1ad2d59545497a8acaf1c7af17ae507-1280x720.png?w=272&fit=max&auto=format)
Guide to launching a website in 2024
In this hands-on comparison of different ways to build website in 2024, you'll get a comprehensive overview to be able to take an informed decision on how to tackle your next website project. We're comparing traditional systems like Wordpress and Typo3, no-code solutions, static site generators and the new and famous "headless" approach enabling flexibility and extensibility.
![Cover Image "Improving your Website's CLS"](https://cdn.sanity.io/images/93ldctci/production/077c893d9229c04da2f275d57531c8cec3ef2d0e-1280x720.png?w=272&fit=max&auto=format)
How to improve your website's Google ranking by fixing CLS
In this article we'll show you how to improve your "Cumulative Layout Shift" (CLS) score to help your website's Google ranking.
![purple abstract visual for accessibility](https://cdn.sanity.io/images/93ldctci/production/1ebe4779bd7313a411bc9c970e472b9f57759bfc-2400x1256.png?w=272&fit=max&auto=format)
EAA – The next disruptive Europe wide directive
Learn why the European Accessibility Act will be important for your business and how you can prepare your websites compliance before the laws of each member state are taking effect on June 28th 2024.
![Interview with Plausible.io Co-Founder Marko Saric video cover](https://cdn.sanity.io/images/93ldctci/production/25a50f1e5cb4fe154d9be2b1fb840f78fdfbd17c-1280x720.png?w=272&fit=max&auto=format)
Privacy-aware, GDPR compliant Website Analytics with Plausible.io
Discover how Plausible.io offers a privacy-first, GDPR-compliant analytics alternative to Google Analytics. Learn about its ease of use, accuracy, and how it ensures user privacy without sacrificing insight quality on your website.
![Abstract illustration of a cross and checkmark on a colorful background](https://cdn.sanity.io/images/93ldctci/production/7a91be4edf1731ad283eb0bbb613c584729c1dd5-1114x725.png?w=272&fit=max&auto=format)
IN/OUT 2024 UX edition
The official in and out list of 2024 at Dinghy, here's what we'd like to see more and less of in the upcoming year
![Preview of Youtube video](https://cdn.sanity.io/images/93ldctci/production/1a53bd83fe8dcf04938f4d1019b8d923d845f286-1280x720.png?w=272&fit=max&auto=format)
New Dinghy Website Part 9 – Mobile Menu Interactions
Welcome back to series on how we're building our new agency's website out in the open! 🤗 In today's episode we work on the mobile menu of the site and show how to setup gestures that make the site feel more like a native app – in surprisingly few lines of code 🧐.
![Preview of Youtube video](https://cdn.sanity.io/images/93ldctci/production/f9597d74ad24fe638a9daa7f6c28f23cb1354674-1280x720.jpg?w=272&fit=max&auto=format)
New Dinghy Website part 8 – Circular Floating Images
In this episode we put together a nice, circular layout using Sanity's structured content approach and CSS's new trigonometric functions 🙌. The whole experience turned to be very nice because it's still very easy to update images in that content element without having to touch the mechanics of the animation 👍.
![Preview of Youtube video](https://cdn.sanity.io/images/93ldctci/production/c1d5ad2cc124d0bcc7b320597c76e1435812650c-1280x720.jpg?w=272&fit=max&auto=format)
New Dinghy Website part 7 – Fancy Links in Headlines
In today’s episode of how we’re building the new Dinghy Website we'll be looking into how to leverage Sanity CMS's block content to let content authors work on the main headline of our website, while still being able to make it visually appealing and pack it with a bunch of nice effects.
![Preview of Youtube video](https://cdn.sanity.io/images/93ldctci/production/aff956c021d2f90a8e5a6fc3215befa2314b9197-1280x720.jpg?w=272&fit=max&auto=format)
New Dinghy site part 6 – Get in touch!
In this video we're working on our contact page. In this process we'll look a tiny bit more into structured content with Sanity, a lot more into CSS layout techniques and mostly into how we can create contacts right in our Hubspot account via their official API. We're doing that because we'd like to be in control of every design aspect of the form and Hubspot only let's people with very deep pockets do that the regular way :D
![Preview of Youtube video](https://cdn.sanity.io/images/93ldctci/production/b33c3b71448f800b5b7ef2e98e2e38eb10df248b-1280x720.jpg?w=272&fit=max&auto=format)
New Dinghy site part 5 – creating bookmarks
Today we're creating a shortcut to post new content on our Sanity powered blog! The idea is to be able to post interesting links on the go without having to be logged into the Sanity studio and all that.
![Preview of Youtube video](https://cdn.sanity.io/images/93ldctci/production/cd46620bf735769fe93b7d757aee9294e3f6af9b-1280x720.jpg?w=272&fit=max&auto=format)
New Dinghy site part 4 – subgrid in a carousel
In this video we explore CSS subgrid by looking at the example of our project page which features a carousel that has some special requirements thrown at us by the layout.
![Preview of Youtube video](https://cdn.sanity.io/images/93ldctci/production/826ec90a87e104cf39333a75813e8ba19ee5f8ae-1280x720.jpg?w=272&fit=max&auto=format)
New Dinghy Website Part 3 – Capturing projects in structured content
In the third part of this series we explore hands-on what it means to setup a document type in Sanity and how that helps us to create re-useable content for our website – and other channels!
![Preview of Youtube video](https://cdn.sanity.io/images/93ldctci/production/634e826121a50b677405b3bfb9bec9ced9f477c3-1280x720.jpg?w=272&fit=max&auto=format)
New Dinghy Website Part 2: More structured content
In this second video in the series on how we're rebuilding our Dinghy website, we talk more about structured content and how it helps to keep content consistent and easy to update.
![YouTube video cover image](https://cdn.sanity.io/images/93ldctci/production/544f5ed9f0ac68479d27a3d78322a09132661908-1280x720.jpg?w=272&fit=max&auto=format)
New Dinghy site part 1 – Quick example on how we use structured content in our new Dinghy Website
We're currently in the process of building our new Dinghy website. We're using Sanity as our content management solution and in this video we're sharing how we're using Sanity's structured content approach to make our content as re-useable and versatile as possible.
![Illustrations of abstract user interfaces](https://cdn.sanity.io/images/93ldctci/production/7ad92696edd896d241d4b99a5a9406eed109b440-3840x1558.png?w=272&fit=max&auto=format)
What is UX Research and why does your business need it?
The value of UX Research is often underestimated. We are certain it increases revenue by uncovering insights about users and their pain points.
![mid fidelity wireframe with content examples](https://cdn.sanity.io/images/93ldctci/production/b969281e8dc7c015d6ff1a8d1e524897dd3a3271-4886x2664.png?w=272&fit=max&auto=format)
Start with the hardest part
Compiling the actual content of marketing websites early on rapidly accelerates the design process. It also unlocks supreme stakeholder alignment, among plenty of other surprising benefits. Here’s to wireframing with real content and five hands-on takeaways to use for your next website project.
![Screenshot of wireframes in Figma](https://cdn.sanity.io/images/93ldctci/production/823a6b74a0645a0e4b37e9e54f9f2595aa5449b2-3680x2382.png?w=272&fit=max&auto=format)
How to Involve Clients in the Concept Phase of a Website Project
Creating really good websites is a tough nut to crack! The key is to understand what the client really needs and wants. This article gives a little insight into how you get exactly that information.
![Dinghy and Sveltekit Logo on a colorful background](https://cdn.sanity.io/images/93ldctci/production/e9f882c7ee2973647732b49ce42a912f25fc912c-1440x900.jpg?w=272&fit=max&auto=format)
Switching Frameworks Yet Again
Our leap to SvelteKit found more than the obvious benefits of superb DX and built-in animations. It led to unforeseen successes in swift adoption and innovation in our development team.
![Drawings and UI designs for an app](https://cdn.sanity.io/images/93ldctci/production/735054b9199d8c468f58e43f88a74071a39747e8-1512x1410.jpg?w=272&fit=max&auto=format)
Early User Insights: Navigating Change via Low-Fidelity Prototype Testing
Have you ever asked yourself: When is the right moment to test whether a design solution will be appreciated and understood by your users? Spoiler alert: It is much earlier than you might think.
Latest Series
We are collecting topical blog posts in series. Watch the series pages for deep-dives into certain aspects of design, development and research.
Series of 1 post
Mastering UX Audits: A Comprehensive Guide to Essentials, Stakeholders, and Deliverables
Mastering UX Audits: Essentials, Stakeholders, and Deliverables – A comprehensive guide to understanding and executing effective UX audits. Explore key concepts, identify crucial stakeholders, and learn about the deliverables that drive success.
1 post Go to series page
Series of 6 posts
Live-Coding a Virtual Bookshelf CRUD App
Follow along while Judith and Nils set out to code up a fullstack prototype app to prove that implementing a working thing is a viable option when working with prototypes.
Live-Coding a Fullstack Prototype – Episode 1
3′ reading timeLive-Coding a Fullstack Prototype – Episode 2
3′ reading timeLive-Coding a Fullstack Prototype – Episode 3
2′ reading time
3 more posts Go to series page
Series of 3 posts
Personas
Explore our series on personas, uncovering their common pitfalls and how to enhance them. Learn about our innovative approach to creating dynamic, data-driven personas and strategies for securing stakeholder buy-in to maximize their effectiveness.
Why Personas Suck
8′ reading timeTransforming Personas: From Outdated Artifacts to Dynamic, Data-Driven Tools
12′ reading timeCreating Stakeholder Buy-In: How to Make Personas Work for Your Team
7′ reading time
3 posts Go to series page