The Dinghy Product Design Blog
Beyond the Interface
- Layout
- Wireframing
- Web Applications
- Roadmap Planning
- Idea Prototyping
- Continuous Discovery
- Content Management Solution
- Roadmap Planning
- Idea Prototyping
- Continuous Discovery
- Maintenance
- Data Migration & Wrangling
- Discovery Patterns
- Usability Testing
- Discovery Research
- Roadmap Planning
- Idea Prototyping
- Continuous Discovery
- Maintenance
- Data Migration & Wrangling
- Discovery Patterns
- Marketing Websites
- Layout
- Roadmap Planning
- Idea Prototyping
- Continuous Discovery
- Maintenance
- Roadmap Planning
- Idea Prototyping
- Continuous Discovery
- Maintenance
- Web Applications
- Accessibility
- Usability Testing
- Marketing Websites
- Usability Testing
- Interface Copywriting
- Layout
- Content Management Solution
- Usability Testing
- Interface Copywriting
- Layout
- Content Management Solution
- Usability Testing
- Interface Copywriting
- Content Management Solution
- Roadmap Planning
- Idea Prototyping
- Continuous Discovery
- Content Management Solution
- Usability Testing
- Roadmap Planning
- Idea Prototyping
- UI Design
- UI Prototyping
- Usability Testing
- Interface Copywriting
- Layout
- Content Management Solution
- Roadmap Planning
- Idea Prototyping
- Continuous Discovery
- Content Management Solution
- Usability Testing
- Roadmap Planning
- Idea Prototyping
- UI Design
- UI Prototyping
- Usability Testing
- Roadmap Planning
- Idea Prototyping
- Continuous Discovery
- Navigation Patterns
- Accessibility
- Content Management Solution
- Usability Testing
- Roadmap Planning
- Idea Prototyping
- Usability Testing
- Discovery Research
- Idea Prototyping
- Usability Testing
- Usability Testing
- Roadmap Planning
- Idea Prototyping
- Usability Testing
- Roadmap Planning
- Idea Prototyping
- Usability Testing
- Layout
- Roadmap Planning
- Idea Prototyping
- Marketing Websites
- Maintenance
- Usability Testing
- Layout
- Roadmap Planning
- Idea Prototyping
- Web Applications
- Accessibility
- Usability Testing
- Web Applications
- Accessibility
- Usability Testing
- Web Applications
- Accessibility
- Usability Testing
- Usability Testing
- Discovery Research
- Usability Testing
- Structured Data Modelling
- Discovery Research
- Web Applications
- Accessibility
- Usability Testing
- Web Applications
- Accessibility
- Usability Testing
- Usability Testing
- Discovery Research
- Web Applications
- Accessibility
- Usability Testing
- Web Applications
- Accessibility
- Usability Testing
- Web Applications
- Accessibility
- Usability Testing
- Usability Testing
- Discovery Research
- Web Applications
- Accessibility
- Usability Testing
- Web Applications
- Accessibility
- Usability Testing
- Web Applications
- Accessibility
- Usability Testing
- Web Applications
- Accessibility
- Usability Testing
- Discovery Research
- Information Architecture
- Web Applications
- Idea Prototyping
- Accessibility
- Usability Testing
- Usability Testing
- UI Prototyping
- Logo Design
- Survey & Analysis
- Web Applications
- Discovery Research
- Web Applications
- Accessibility
- Usability Testing
- Accessibility
- Usability Testing
- Maintenance
- Accessibility
- Usability Testing
- Continuous Discovery
- Web Applications
- Accessibility
- Web Applications
- Usability Testing
- Maintenance
- Roadmap Planning
- Web Applications
- Idea Prototyping
- Data Privacy & Compliance
- Discovery Research
- Accessibility
- Data Privacy & Compliance
- Information Architecture
- Data Privacy & Compliance
- Usability Testing
- Discovery Research
- Usability Testing
- Web Applications
- Idea Prototyping
- Usability Testing
- Discovery Research
- Web Applications
- Motion Graphics & Animation
- Web Applications
- Data Privacy & Compliance
- Usability Testing
- Design System
- Project Management
- Usability Testing
- Accessibility
- Usability Testing
- Discovery Research
- Usability Testing
- Web Applications
- Web Applications
- Accessibility
- Web Applications
- Usability Testing
- Discovery Research
- Web Applications
- Discovery Research
- Web Applications
- Discovery Research
- Web Applications
- Web Applications
- Discovery Research
- Web Applications
- Web Applications
- Information Architecture
- Web Applications
- Information Architecture
- Web Applications
- Web Applications
- Information Architecture
- Discovery Research
- Idea Prototyping
- Discovery Research
- Web Applications
- Discovery Research
- Idea Prototyping
How to optimize SVGs and implement them into a website
Learn my process for SVG optimization—from Figma exports to clean code, animations, and browser testing. Perfect SVGs for better performance & stunning visuals.
The AI Revolution Where Innovation Meets User Intent w/Rob Phillips
Learn how better communication techniques, including interactive demos and collaborative sessions, can solve key challenges in digital product development.
Building MVPs That Work w/Daniel Becker
Learn how discovery research, wireframes, usability testing, and collaboration create effective MVPs. Streamline your product development process today.
S2E3: Migrating Data and Enhancing UI Components
Together w Judith, we talk the migration of data from their previous project, enhance UI components, and explore the structure of components in Next.js.
Can UX Audit be scientific?
While the word 'audit' suggests a rigorous and analytical process, can a UX audit truly be scientific when dealing with dynamic, user-centric websites?
Developing an MVP - why is it so important?
We will be discussing on building successful MVPs, including the role of feedback, iteration, and cultural influences in product development.
S2E2: Creating a Database for Our Bookshelf
Welcome to our journey to transform a React SPA into a full-stack server-side rendered app with Next.js on Vercel, using Supabase for seamless backend integration.
Hyperlinks – Anchor vs. Button Tags
Find out why your homepage and blog are the ultimate duo—each with its own role in creating engagement, trust, and a memorable online experience.
Bridging Communication Gaps in UX w/Daniel Becker
Nils & Daniel explore the complexities of UX design within business processes, emphasizing that UX design is not always the solution to organizational problems.
The Business Impact of Good Content Management w/Daniel Becker
In this episode, Nils and Daniel discuss the evolving landscape of content management systems, focusing on WordPress and the importance of structured content.
A New Chapter with Supabase and Vercel w/ Judith Böhlert
Welcome to our journey to transform a React SPA into a full-stack server-side rendered app with Next.js on Vercel, using Supabase for seamless backend integration.
The Difference Between a Website, Homepage and a Weblog
Find out why your homepage and blog are the ultimate duo—each with its own role in creating engagement, trust, and a memorable online experience.
Persona x CMS
The challenges of creating marketing personas with scattered data is a real thing and this article will explain how a single tool can make the process easier.
How Structured Content Benefits Marketing and Product Teams
Structured content empowers marketing and product teams by fostering collaboration, enhancing clarity, and streamlining workflows.
How to Own the Data of Your Research Repository – and Why It Matters
What is the complexity of data ownership in the digital age and why securing your business’s usability research and marketing content is crucial?
The Power of Video Content in Marketing w/Jan Heinemeyer
Learn how better communication techniques, including interactive demos and collaborative sessions, can solve key challenges in digital product development.
How to add hand-drawn markup to text in HTML and CSS
This 'how to' learns you to create hand-drawn style markup for text using HTML and CSS. Add a unique touch to your web content with this simple guide.
What is a content management system (CMS)?
Give your digital presence a boost with a CMS! It makes working together easy and helps managing your website, letting you focus on creating awesome content!
Communication as a Catalyst for UX Innovation
Learn how better communication techniques, including interactive demos and collaborative sessions, can solve key challenges in digital product development.
How to hand off a responsive design like a PRO?
Learn how Nils uses interactive prototypes and Tailwind CSS to streamline design-to-development handoffs, ensuring responsive designs across screen sizes.
Simplifying Digital Transformation for Business Growth
In this discussion, I explore the essence of simplicity in user experience design and its crucial role in driving business success.
How do we make personas better at Dinghy w/Nosipho Nwigbo
Discover why personas might not be as effective in UX design and marketing. Explore alternative methods for understanding your audience in this blog post.
Unsucking Personas - A step-by-step Tutorial.
Master the art of creating effective user personas with this concise, step-by-step tutorial. Ideal for UX designers and product managers.
What is a Persona?
What a persona is, how it's used in business and marketing, and why it’s essential for understanding your ideal customers? Learn the power of personas with us
Let's talk about User Personas w/Nosipho Nwigbo
Discover why personas might not be as effective in UX design and marketing. Explore alternative methods for understanding your audience in this blog post.
Unlocking the Business Impact of UX Design
While UI design focuses on the visuals of a product, UX design is a broader discipline covers the entire experience a user has when interacting with a product.
Integrated UX Design, real example
Discover how integrated teams, transparent communication, and continuous user feedback drive the business value of UX design in a SumUp app development project.
How We Future-Proofed a 6-Year-Old Website by Migrating From Gatsby to Remix
What we learned from revitalizing and future-proofing a 6-year-old website by migrating from Gatsby to Remix in two weeks, while maintaining it’s design and CMS
The Secrets to a Seamless UX in Agile Teams
Unlock seamless UX in agile teams with strategies to integrate design into fast-paced cycles, boost collaboration, and deliver user-centric solutions.
UX Research & Testing – The Dinghy Way w/Nosipho Nwigbo
Uncover the value of UX research and usability testing with Nils Borgböhmer and Nosipho. Dive into user needs, collaboration, and debunking cost myths.
Uncover 80% of Your Product’s Usability Issues with Just 5 Usability Tests
Uncover how just 5 usability tests can reveal 80% of your product’s issues. Master efficient testing to enhance your product's user experience.
Essential Usability Testing Checklist for Your Business
Streamline your product development with our Essential Usability Testing Checklist. Discover key steps to enhance user experience and drive business success.
How We Saved Thousands With Usability Testing: A Case Study
How our team saved thousands by using usability testing. This case study reveals the process that led to significant cost savings and improved user experience.
Usability Testing: The Basics
Learn how usability testing saves time and money by catching issues early, helping you avoid setbacks and create products that delight users.
Live-Coding a Fullstack Prototype – Episode 11
How we improved our virtual bookshelf demo app by refining the star rating component, cleaning up the UI, and exploring new directions for future development.
Live-Coding a Fullstack Prototype – Episode 10
Learn how to build a star rating component with CSS and dynamic updates. Discover state management tips, troubleshooting, and using SuperBase for ratings.
Key Deliverables in a UX Audit
Explore key UX audit deliverables like User Personas and Journey Maps at Dinghy. Learn how they enhance user experience and drive customer loyalty.
Designing for International Markets w/ Sylvia
Master UX design for international markets with insights from Nils and Sylvia. Learn the value of cultural understanding, localization, and hands-on research.
Live-Coding a Fullstack Prototype – Episode 9
Discover the latest updates to our virtual bookshelf project, including context menus, optimized book card displays, clickable star ratings, and more.
Crafting a Unique Voice on Brand Identity w/ Florian Zeitler
Explore the complexities of UX design and its branding impact with Nils and Florian. Learn the holistic approach and adapting to modern challenges.
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.
Live-Coding a Fullstack Prototype – Episode 8
How implementing star ratings can boost user engagement by providing valuable feedback and enhancing interaction with your digital products.
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.
Why UX Audit is a must for your business?
Discover UX audits with Nils and Daniel—improve user experiences and elevate your digital products!
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.
Live-Coding a Fullstack Prototype – Episode 4
Explore insights on form customization, data validation, and Superbase integration in building a virtual bookshelf prototype.
How we reduced CleverCards support tickets by 60%
Learn the impact of UX on customer satisfaction and growth in this video summary.
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.
Live-Coding a Fullstack Prototype – Episode 5
The challenges in form handling with React Hook Form and state management in Shadcn dialog components. Learn how to integrate React Router.
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.
Live-Coding a Fullstack Prototype – Episode 3
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.
How do UX and SEO help your company?
Learn from Nils and Pietro about aligning UX with monetization goals and the role of AI in SEO.
Transforming Personas: From Outdated Artifacts to Dynamic, Data-Driven Tools
See our step-by-step guide to creating personas that are relevant and vital to your team’s decisions.
Why Personas Suck
Find out why traditional personas fall short and how to transform them into dynamic, data-driven tools.
Where does UX sit in your company?
Discover how user experience (UX) can transform your business.
How usability testing saved our client from wasting 5 figure ad budget
Learn how usability testing improved Relayr's website in our latest video summary.
What is UX, how are we qualified to talk about it and how does it help your business
Discover why user experience goes beyond design in our latest video summary.
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.
How to leverage UX Design to help your business win
Discover why user experience is crucial for digital products in our podcast’s first episode.
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
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.
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.
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!
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.
You Can Conduct Usability Testing on Your Product at an Early Stage – Here's How
The benefits of early user feedback and a step-by-step guide to integrating usability testing into your design to ensure your product aligns with user needs.
The Hidden Gold Mine: 20 Ways User Testing and Research Saves Businesses Money
Explore 20 practical strategies to optimize user experience and streamline operations while maximizing profitability.
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.
Understanding Discovery Research: What It Is and Why It Matters
The critical role of discovery research in product development. Learn how different methods create impactful, user-centered designsenhances market success.
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.
Do I need to ask user's consent for that in my website? Questions from a web dev answered by lawyer
Nils Borgböhmer and data privacy lawyer Steffi Besselink review a customer's website, addressing questions on where user consent is needed.
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.
Embracing AI for SEO: A Leap Towards Understanding User Intent
Explore AI's impact on SEO with Nils & Jan, as they discuss how tools like ChatGPT improve user intent understanding & content quality for digital optimization.
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
Good Design is Accessible
Learn how prioritising inclusivity enhances user experience, fosters diversity, and creates digital products that cater to all users' needs effectively.
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.
Guide to launching a website in 2024
We’re comparing traditional systems like WordPress and Typo3, no-code solutions, static site generators & the new "headless" approach for ultimate flexibility.
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.
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 June 28th 2024.
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.
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
New Dinghy Website Part 9 – Mobile Menu Interactions
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.
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 🙌.
New Dinghy Website part 7 – Fancy Links in Headlines
Here we explore using Sanity CMS's block content to allow authors to edit our website’s main headline, making it visually appealing with various effects.
New Dinghy site part 6 – Get in touch!
We are building our contact page using Sanity, CSS layout techniques, and HubSpot's API to customize the form, avoiding the costs of their standard options.
New Dinghy site part 5 – creating bookmarks
Today we're creating a shortcut to post new content on our Sanity powered blog!
New Dinghy site part 4 – subgrid in a carousel
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.
New Dinghy Website Part 3 – Capturing projects in structured content
In the 3rd article, 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 channels.
New Dinghy Website Part 2: More structured content
In this second video in the series, we talk more about structured content and how it helps to keep content consistent and easy to update.
New Dinghy site part 1 – Quick example on how we use structured content in our new Dinghy Website
We’re building our new Dinghy website with Sanity for content management. Watch how we use Sanity’s structured content to maximize reusability and versatility.
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.
Start with the hardest part
Compiling the actual content of marketing websites early on rapidly accelerates the design process.
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.
Switching Frameworks Yet Again
Our leap to SvelteKit found more than the obvious benefits of superb DX and built-in animations.
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?
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 6 posts
The Must-Know Benefits of CMS for Your Company
Ready to elevate your team's game? In our series on CMS, where we uncover the secrets of structured content, the importance of data ownership, and lot more.
What is a content management system (CMS)?
5′ reading timePersona x CMS
11′ reading timeHow Structured Content Benefits Marketing and Product Teams
8′ reading time
3 more posts Go to series page
Series of 11 posts
S1: Live-Coding a Virtual Bookshelf CRUD App
Follow along as Judith & Nils code a full-stack prototype app, proving that turning prototypes into working solutions is a viable option.
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
8 more posts Go to series page
Series of 5 posts
Personas
Here we reveal common pitfalls and ways to improve them. Discover our innovative, data-driven strategies to secure stakeholder buy-in for maximum impact.
What is a Persona?
6′ reading timeUnsucking Personas - A step-by-step Tutorial.
8′ reading timeWhy Personas Suck
8′ reading time
2 more posts Go to series page