Beyond the Interface

How to Create Eye Catching SVG Animations

Learn how to optimize SVG graphics for web use. Explore exporting from Figma, addressing browser issues, and adding animations for a seamless user experience.

• Layout
• Wireframing
• Web Applications

S2E6: Implementing Route Protection in Next.js

We streamlined our Superbase project using custom types, DTOs, and simplicity in coding. Discover insights and future plans for personalized book collections.

• Data Migration & Wrangling
• Discovery Patterns

The Evolution of User-Centric Design

Explore how ethical design, AI integration, and UX audits shape user experience. Learn why trust, safety, and continuous improvement are key for success.

• Roadmap Planning
• Idea Prototyping
• Continuous Discovery
• Maintenance

The Best Feature of Sanity Datasets You Didn’t Know About

I bet you didn't know that Sanity's document IDs have a hidden feature that can improve security and organization. It can protect your data and simplify queries

• Content Management Solution
• Marketing Websites

S2E5: The Power of Custom Types in Programming

We streamlined our Superbase project using custom types, DTOs, and simplicity in coding. Discover insights and future plans for personalized book collections.

• Data Migration & Wrangling
• Discovery Patterns

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.

• Layout
• Wireframing
• Web Applications

S2E4: The journey from From to Next.js w/Judith

The conversation highlights the challenges of handling data types, as well as the philosophical implications of using generated types versus custom interfaces.

• Data Migration & Wrangling
• Discovery Patterns

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.

• Roadmap Planning
• Idea Prototyping
• Continuous Discovery
• Content Management Solution

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.

• Roadmap Planning
• Idea Prototyping
• Continuous Discovery
• Maintenance

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.

• Data Migration & Wrangling
• Discovery Patterns

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?

• Usability Testing
• Discovery Research

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.

• Roadmap Planning
• Idea Prototyping
• Continuous Discovery
• Maintenance

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.

• Data Migration & Wrangling
• Discovery Patterns

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.

• Marketing Websites
• Layout

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.

• Roadmap Planning
• Idea Prototyping
• Continuous Discovery
• Maintenance

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.

• Roadmap Planning
• Idea Prototyping
• Continuous Discovery
• Maintenance

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.

• Web Applications
• Accessibility
• Usability Testing

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.

• Marketing Websites

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.

• Usability Testing
• Interface Copywriting
• Layout
• Content Management Solution

How Structured Content Benefits Marketing and Product Teams

Structured content empowers marketing and product teams by fostering collaboration, enhancing clarity, and streamlining workflows.

• Usability Testing
• Interface Copywriting
• Layout
• Content Management Solution

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?

• Usability Testing
• Interface Copywriting
• Content Management Solution

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.

• Roadmap Planning
• Idea Prototyping
• Continuous Discovery
• Content Management Solution

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.

• Usability Testing
• Roadmap Planning
• Idea Prototyping
• UI Design
• UI Prototyping

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!

• Usability Testing
• Interface Copywriting
• Layout
• Content Management Solution

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.

• Roadmap Planning
• Idea Prototyping
• Continuous Discovery
• Content Management Solution

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.

• Usability Testing
• Roadmap Planning
• Idea Prototyping
• UI Design
• UI Prototyping

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.

• Usability Testing
• Roadmap Planning
• Idea Prototyping
• Continuous Discovery
• Navigation Patterns
• Accessibility
• Content Management Solution

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.

• Usability Testing
• Roadmap Planning
• Idea Prototyping

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.

• Usability Testing
• Discovery Research
• Idea Prototyping

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

• Usability Testing

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.

• Usability Testing
• Roadmap Planning
• Idea Prototyping

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.

• Usability Testing
• Roadmap Planning
• Idea Prototyping

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.

• Usability Testing
• Layout
• Roadmap Planning
• Idea Prototyping

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

• Marketing Websites
• Maintenance

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.

• Usability Testing
• Layout
• Roadmap Planning
• Idea Prototyping

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.

• Web Applications
• Accessibility
• Usability Testing

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.

• Web Applications
• Accessibility
• Usability Testing

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.

• Web Applications
• Accessibility
• Usability Testing

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.

• Usability Testing
• Discovery Research

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.

• Usability Testing
• Structured Data Modelling
• Discovery 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.

• Web Applications
• Accessibility
• Usability Testing

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.

• Web Applications
• Accessibility
• Usability Testing

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.

• Usability Testing
• Discovery Research

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.

• Web Applications
• Accessibility
• Usability Testing

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.

• Web Applications
• Accessibility
• Usability Testing

Why UX Audit is a must for your business?

Discover UX audits with Nils and Daniel—improve user experiences and elevate your digital products!

• Web Applications
• Accessibility
• Usability Testing

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.

• Usability Testing
• Discovery Research

Live-Coding a Fullstack Prototype – Episode 4

Explore insights on form customization, data validation, and Superbase integration in building a virtual bookshelf prototype.

• Web Applications
• Accessibility
• Usability Testing

How we reduced CleverCards support tickets by 60%

Learn the impact of UX on customer satisfaction and growth in this video summary.

• Web Applications
• Accessibility
• Usability Testing

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.

• Web Applications
• Accessibility
• Usability Testing

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.

• Web Applications
• Accessibility
• Usability Testing

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.

• Discovery Research
• Information Architecture

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.

• Web Applications
• Idea Prototyping
• Accessibility
• Usability Testing

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.

• Usability Testing
• UI Prototyping
• Logo Design
• Survey & Analysis

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.

• Web Applications
• Discovery Research

Where does UX sit in your company?

Discover how user experience (UX) can transform your business.

• Web Applications
• Accessibility
• Usability Testing

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.

• Accessibility
• Usability Testing
• Maintenance

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.

• Accessibility
• Usability Testing
• Continuous Discovery

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.

• Web Applications
• Accessibility

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.

• Web Applications
• Usability Testing
• Maintenance
• Roadmap Planning

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

• Web Applications
• Idea Prototyping

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.

• Data Privacy & Compliance
• Discovery Research

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.

• Accessibility
• Data Privacy & Compliance
• Information Architecture

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!

• Data Privacy & Compliance

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.

• Usability Testing
• Discovery Research

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.

• Usability Testing

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.

• Web Applications
• Idea Prototyping

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.

• Usability Testing
• Discovery Research

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.

• Web Applications
• Motion Graphics & Animation

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.

• Web Applications
• Data Privacy & Compliance

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.

• Usability Testing
• Design System

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.

• Project Management

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

• Usability Testing

Good Design is Accessible

Learn how prioritising inclusivity enhances user experience, fosters diversity, and creates digital products that cater to all users' needs effectively.

• Accessibility
• Usability Testing
• Discovery Research

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.

• Usability Testing

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.

• Web Applications

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.

• Web Applications

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.

• Accessibility

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.

• Web Applications

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

• Usability Testing
• Discovery Research

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.

• Web Applications

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 🙌.

• Discovery Research
• Web Applications

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.

• Discovery Research
• Web Applications

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.

• Web Applications
• Discovery Research

New Dinghy site part 5 – creating bookmarks

Today we're creating a shortcut to post new content on our Sanity powered blog!

• Web Applications

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.

• Web Applications

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.

• Information Architecture
• Web Applications

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.

• Information Architecture
• Web Applications

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.

• Web Applications
• Information Architecture

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.

• Discovery Research

Start with the hardest part

Compiling the actual content of marketing websites early on rapidly accelerates the design process.

• Idea Prototyping

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.

• Discovery Research

Switching Frameworks Yet Again

Our leap to SvelteKit found more than the obvious benefits of superb DX and built-in animations.

• Web Applications

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?

• Discovery Research
• Idea Prototyping