News & Insights

The Latest

Stay up to date with your favorite web agency

What Is a Prompt Zone? Designing Interfaces for AI Co-Pilots
Wireframe of a generic site showing 'above the fold' zone, next to a card with clear H1, subcopy, and CTA zones.

What Is a Prompt Zone? Designing Interfaces for AI Co-Pilots

What Is a Prompt Zone? Designing Interfaces for AI Co-Pilots

Prompt zones are labeled, structured sections of your interface that help AI agents understand and act on your content. In this article, we break down what prompt zones are, how they relate to the DOM, and how to label them effectively using semantic HTML, clear headings, and accessible metadata. Whether you're designing a pricing table, a product card, or a help widget, these practices help both AI and humans navigate your site with confidence.

Read Post
Insights
Schema Markup 101: Make Your Site Machine-Readable for SEO and AI Agents
Wireframe of a generic website in the background with foreground text reafing "Schema Markup 101."

Schema Markup 101: Make Your Site Machine-Readable for SEO and AI Agents

Schema Markup 101: Make Your Site Machine-Readable for SEO and AI Agents

Want your content to stand out in search—and get picked up by AI agents? Schema markup helps. In this guide, we break down exactly what schema is, why it matters for visibility, and how to implement it step-by-step. Whether you're a designer, developer, or marketer, this is your go-to intro to structured data.

Read Post
Accessible by Design: How AX and Accessibility Overlap
Illustration of wireframe in background with foreground text that reads, "AX and Accessibility," on a gradient purple background.

Accessible by Design: How AX and Accessibility Overlap

Accessible by Design: How AX and Accessibility Overlap

AI agents and assistive technologies aren’t so different—both rely on clean code, semantic HTML, and predictable flows to do their job. This post explores how accessibility best practices like ARIA labels, heading structure, alt text, and form clarity serve a dual purpose: improving UX for users with disabilities and enabling AI agents to interpret your site. If you’re already building accessible websites, you’re halfway to agent-friendly design.

Read Post
Insights
AI Is Changing SEO: What Marketers Need to Know
Blue tile with text beside it reading "AI Is Changing SEO" on a gradient background with a faded outline of the Composite logo.

AI Is Changing SEO: What Marketers Need to Know

AI Is Changing SEO: What Marketers Need to Know

Search isn’t what it used to be. Large language models and assistive tools are becoming key discovery engines, and if your site isn’t structured for them, you’re likely getting skipped. In this guide, we break down how semantic HTML, llms.txt, and machine-readable markup make your site easier to understand for both AI and accessibility tools.

Read Post
Insights
Designing for AI: Why Your Next UX Isn’t Just for Humans
Generic website wireframe faded into the background with an orange tile in the foreground that reads "AI" to represent designing interfaces for AI.

Designing for AI: Why Your Next UX Isn’t Just for Humans

Designing for AI: Why Your Next UX Isn’t Just for Humans

AI isn’t just supporting user experiences, it’s starting to participate in them. From agentic models that complete tasks on users’ behalf to tools like llms.txt that guide large language models, the UX landscape is rapidly evolving. In this article, we explore what it means to design for AI, not just with it, and offer practical steps to make your site machine-readable, agent-aware, and ready for the future.

Read Post
Insights
UX Principles That Drive Conversions
Graphic featuring the letters ‘UX’ layered over a faded wireframe of a generic website layout, illustrating user experience principles.

UX Principles That Drive Conversions

UX Principles That Drive Conversions

User experience (UX) design is one of the most important factors influencing conversions—whether you're aiming for signups, sales, or downloads. In this blog post, we break down the key UX principles that help reduce friction, build trust, and guide users toward action.

Read Post
Insights
Agentic AI and AX: How AI Is Reshaping UX and Marketing
Dark purple background with an orange tile labeled ‘AI’ and a smaller tab labeled ‘Agentic’—representing Agentic AI.

Agentic AI and AX: How AI Is Reshaping UX and Marketing

Agentic AI and AX: How AI Is Reshaping UX and Marketing

Agentic AI goes beyond prompts. These systems set goals, make decisions, and take action without constant user input. In this guide, we explore how agentic AI is reshaping UX and introducing a new layer: Agent Experience (AX).

Read Post
Insights
How to Use robots.txt: The Original Way to Tell Crawlers What to Do
Illustration of an SEO tile with an attached tag labeled ‘robots.txt,’ representing how sites direct web crawlers.

How to Use robots.txt: The Original Way to Tell Crawlers What to Do

How to Use robots.txt: The Original Way to Tell Crawlers What to Do

The robots.txt file is one of the oldest and most underrated tools in your SEO toolkit. In this guide, we break down how to use it to control what search engines can and can’t crawl, improve your site’s indexing efficiency, and avoid common mistakes that could hurt visibility.

Read Post
Top UX Trends That Are Defining Digital Design in 2025
Graphic with bold text reading ‘2025 trends in UX’ over a faded wireframe layout of a generic website in the background.

Top UX Trends That Are Defining Digital Design in 2025

Top UX Trends That Are Defining Digital Design in 2025

From bento layouts and kinetic typography to AI that designs with you, these are the UX trends defining digital experiences in 2025. This post breaks down the most impactful design shifts—including personalization, microinteractions, and the rise of agentic AI—and where to use them.

Read Post
Insights
Design That Speaks Loudest: How Visual Hierarchy Shapes UX
Graphic depicting the H1 (header 1), subcopy, and CTA areas on a typical homepage to represent visual hierarchy.

Design That Speaks Loudest: How Visual Hierarchy Shapes UX

Design That Speaks Loudest: How Visual Hierarchy Shapes UX

Visual hierarchy isn’t just about making things look good—it’s about guiding users without friction. In this guide, we break down the five key elements of visual hierarchy, explore real-world reading patterns, and share simple ways to test if your UX is working.

Read Post
Insights
Why Marketers Love Webflow: The Platform Built for Growth
Graphic with a blue tile featuring the Webflow logo in the foreground, and generic marketing-focused forms in the background, to show why marketers love Webflow.

Why Marketers Love Webflow: The Platform Built for Growth

Why Marketers Love Webflow: The Platform Built for Growth

Webflow isn’t just for designers, it’s a powerhouse for marketers. Whether you're optimizing performance or launching smarter campaigns, Webflow offers the tools modern marketing teams need to succeed.

Read Post
Insights
Smarter Websites, Faster: A Guide to Webflow’s AI Tools
Graphic with an orange AI tile in the foreground and the Webflow logo and a generic form in the purple background to represent Webflow's AI tools.

Smarter Websites, Faster: A Guide to Webflow’s AI Tools

Smarter Websites, Faster: A Guide to Webflow’s AI Tools

Webflow’s AI tools offer real, practical support for modern web teams, whether you’re generating on-brand copy, building layouts with AI, or localizing for a global audience. In this guide, we break down the full suite of Webflow’s AI features, offer best practices for prompt engineering, and explain where human strategy still plays a crucial role.

Read Post
SEO for ChatGPT: Help LLMs Understand Your Website
Illustration of an SEO file icon with an arrow pointing toward a tile labeled ‘AI,’ representing the creation of an llms.txt file. Background features a purple and orange gradient with faded form elements.

SEO for ChatGPT: Help LLMs Understand Your Website

SEO for ChatGPT: Help LLMs Understand Your Website

Search isn’t just Google anymore—it's ChatGPT, Claude, and Gemini too. That means your website needs to speak to AI tools as well as search engines. Enter llms.txt: a new protocol designed to help large language models understand what they can access, cite, or ignore on your site. In this guide, we’ll break down what llms.txt is, how it compares to robots.txt and sitemap.xml, and exactly how to create and upload one.

Read Post
What Makes a Homepage Work? Design To Drive Engagement
Graphic image of two homepages on a purple and blue gradient background for use in an article about what makes a homepage work

What Makes a Homepage Work? Design To Drive Engagement

What Makes a Homepage Work? Design To Drive Engagement

Your homepage is your brand’s front door and it has to do a lot in a short amount of time. In this article, we break down the homepage design decisions that matter most: from visual hierarchy and “above the fold” content to smart use of CTAs and strategic layout.

Read Post
Insights
What Goes Above the Fold Matters: Capture Attention in 5 Seconds
Graphic image displaying what goes 'above the fold' on a generic website.

What Goes Above the Fold Matters: Capture Attention in 5 Seconds

What Goes Above the Fold Matters: Capture Attention in 5 Seconds

Above-the-fold content still makes or breaks first impressions. In this post, we explore why it matters, how to craft compelling hero sections, and what homepage design strategies actually improve engagement—from layout structure to CTAs that convert.

Read Post
Insights
Website Migration Guide: React JS to Webflow
Graphic image of React JS and Webflow logos to represent a website migration from React JS to Webflow.

Website Migration Guide: React JS to Webflow

Website Migration Guide: React JS to Webflow

Migrating from React JS to Webflow isn’t just about switching platforms. It’s about unlocking speed, flexibility, and scalability. This guide walks through everything you need to know to successfully transition from a React-based front-end to a fully hosted Webflow site.

Read Post
How We Deal With Ambiguity in the Design Process
Graphic image with a purple question mark in the center, surrounded by wireframes for a homepage and a contact form.

How We Deal With Ambiguity in the Design Process

How We Deal With Ambiguity in the Design Process

Designers often crave clarity, but the best work happens before all the answers are known. At Composite, we lean into ambiguity as a creative advantage. This post breaks down how we use UX strategy, content planning, and collaborative structure to reduce risk, guide feedback, and build alignment at every phase of the design process.

Read Post
Insights
The Webflow Features You’re Probably Underusing
Graphic image with the Webflow logo layered behind a generic website framework.

The Webflow Features You’re Probably Underusing

The Webflow Features You’re Probably Underusing

Most users only scratch the surface of what Webflow can do. In this guide, we spotlight powerful features—from dynamic CMS pages to advanced animations—that are often overlooked. Whether you're learning how to use Webflow as a beginner or scaling Webflow for agencies and startups, this article helps you unlock more performance, flexibility, and control.

Read Post
Insights
What Recruiters Are Actually Looking For In Jr Designers
Graphic image stating "What Recruiters Are Actually Looking For in Junior Designers" on a yellow and orange background.

What Recruiters Are Actually Looking For In Jr Designers

What Recruiters Are Actually Looking For In Jr Designers

Most junior designers focus on the wrong things when trying to get hired—like pixel-perfect portfolios or knowing every tool. In this post, we break down what actually matters to hiring managers: strategic thinking, clear communication, and being a specialist (not a generalist). These are the signals that help you stand out.

Read Post
Insights
When Should You Use Low-code App Development?
Graphic image depicts a drag-and-drop style website builder for use in an article about low-code development

When Should You Use Low-code App Development?

When Should You Use Low-code App Development?

Low-code platforms are changing the way teams build apps—faster, cheaper, and with fewer technical barriers. But when is low-code the right choice? This guide breaks down where low-code shines, where it falls short, and how to evaluate its fit based on project complexity, scale, and long-term goals.

Read Post
Insights
Website Migration Guide: Drupal to Webflow
Graphic image depicting Drupal and Webflow logos connecting for use in an article outlining how to migrate your website from Drupal to Webflow

Website Migration Guide: Drupal to Webflow

Website Migration Guide: Drupal to Webflow

Migrating from Drupal to Webflow can unlock faster workflows, easier content management, and more modern design capabilities—but it requires careful planning. In this guide, we walk through the pros and cons of both platforms, outline a step-by-step migration process, and share best practices for design, content, and SEO to ensure a smooth transition.

Read Post
Systems to Strategy: How Modular Design Scales in Webflow
Graphic image depicts Webflow components for use in an article about building modular design that scales.

Systems to Strategy: How Modular Design Scales in Webflow

Systems to Strategy: How Modular Design Scales in Webflow

At Composite, we don't treat design systems as static libraries—we treat them as strategic foundations. This post explores how we build modular Webflow sites that scale, evolve, and empower teams to move faster without breaking consistency.

Read Post
Insights
UX vs Interaction Design: How They Work Together
Graphic image shows the words IxD and UX to represent how the work together.

UX vs Interaction Design: How They Work Together

UX vs Interaction Design: How They Work Together

Interaction design and UX design are often used interchangeably—but they serve distinct purposes. In this guide, we’ll break down what sets them apart, how they overlap, and why interaction design is a key part of delivering seamless, intuitive digital experiences.

Read Post
Insights
Website Migration Guide: Framer to Webflow
Illustration of the Framer logo transitioning into the Webflow logo, symbolizing a step-by-step website migration process.

Website Migration Guide: Framer to Webflow

Website Migration Guide: Framer to Webflow

This guide breaks down exactly why and how to make the switch from Framer to Webflow—covering design rebuilds, CMS migration, SEO safeguards, and best practices. Whether you're scaling fast or hitting platform limitations, we'll help you transition with confidence.

Read Post
How to Preserve SEO During a CMS Migration to Webflow
Graphic image depicts CMS and SEO tiles going into the Webflow tile to represent smooth migrations to Webflow.

How to Preserve SEO During a CMS Migration to Webflow

How to Preserve SEO During a CMS Migration to Webflow

Moving to Webflow shouldn’t cost you your SEO. In this guide, we break down how to preserve search equity during a CMS migration—so you don’t lose rankings, traffic, or momentum.

Read Post
How to Wireframe and Prototype Like a UX Strategist
Graphic image depicts wireframes to support an article about how to wireframe and prototype like a UX strategist

How to Wireframe and Prototype Like a UX Strategist

How to Wireframe and Prototype Like a UX Strategist

Wireframes and prototypes are more than placeholders—they’re how great digital experiences begin. In this guide, we break down how to plan, test, and iterate like a UX strategist. Whether you're building in Webflow or sketching on paper, it all starts here.

Read Post
Insights
Static to Strategic: How Motion Elevates UX in Webflow
Image shows a graphic circle rolling down a hill to depict motion graphics in support of an article about using motion graphics for better UX.

Static to Strategic: How Motion Elevates UX in Webflow

Static to Strategic: How Motion Elevates UX in Webflow

Motion isn’t just decoration—it’s a tool for better UX. In this post, we explore how to use Webflow interactions with purpose, share real-world tips from our design process, and break down common animation pitfalls.

Read Post
Insights
Website Migration Guide: Contentful to Webflow
Image showing Contentful and Webflow logos to symbolize migrating from Contentful to Webflow for a step-by-step guide

Website Migration Guide: Contentful to Webflow

Website Migration Guide: Contentful to Webflow

This guide explains exactly how to easily migrate from Contentful to Webflow to gain more control over your site and unblock your marketing team.

Read Post
How Figma’s New AI Tools Are Changing the Future of Web Design
Graphic image depicts the Figma logo next to text "AI" for use in an article discussing how Figma's AI features are reshaping UX strategy.

How Figma’s New AI Tools Are Changing the Future of Web Design

How Figma’s New AI Tools Are Changing the Future of Web Design

Figma’s new AI features are here—and they’re reshaping the way we wireframe, design, and iterate. In this guide, we explore what these tools do and what they mean for the future of UX.

Read Post
Insights
Website Migration Guide: Sitecore to Webflow
Image showing both Sitecore and Webflow logos to depict migrating from Sitecore to Webflow

Website Migration Guide: Sitecore to Webflow

Website Migration Guide: Sitecore to Webflow

This guide explains exactly how to easily migrate from Sitecore to Webflow to gain more control over your site and unblock your marketing team.

Read Post
Website Migration Guide: Hubspot to Webflow
Image showing Hubspot and Webflow logos to depict migrating from Hubspot to Webflow

Website Migration Guide: Hubspot to Webflow

Website Migration Guide: Hubspot to Webflow

This guide explains exactly how to easily migrate from Hubspot to Webflow to gain more control over your site and unblock your marketing team.

Read Post
The Complete Guide to Technical SEO in Webflow
Image depicting the SEO capabilities of Webflow to support a guide on using technical SEO in Webflow

The Complete Guide to Technical SEO in Webflow

The Complete Guide to Technical SEO in Webflow

This guide breaks down the key technical SEO elements you need to know to boost visibility, improve performance, and get the most out of your Webflow site.

Read Post
Website Migration Guide: Squarespace to Webflow
Image with the Squarespace logo connecting to the Webflow logo to depict migrating from Squarespace to Webflow

Website Migration Guide: Squarespace to Webflow

Website Migration Guide: Squarespace to Webflow

This guide explains exactly how to easily migrate from Squarespace to Webflow to gain more control over your site and unblock your marketing team.

Read Post
Website Migration Guide: Wix to Webflow
Image with Wix and Webflow icons to depict migrating from wix to webflow

Website Migration Guide: Wix to Webflow

Website Migration Guide: Wix to Webflow

This guide explains exactly how to easily migrate from Wix to Webflow to gain more control over your site and unblock your marketing team.

Read Post
The Complete Guide for Integrating Marketo into Webflow
Marketo and Webflow logos showing audience segmentation to represent integrating Marketo into Webflow

The Complete Guide for Integrating Marketo into Webflow

The Complete Guide for Integrating Marketo into Webflow

A step-by-step guide to integrating Marketo with Webflow—covering setup, form mapping, and best practices to streamline your marketing automation.

Read Post
How to Get the Most Out of Webflow Optimize
Webflow logo showing optimization tools so users can get the most out of Webflow optimize

How to Get the Most Out of Webflow Optimize

How to Get the Most Out of Webflow Optimize

There are a million small adjustments you could make to your website at any time, but you really want to know: which configuration will convert the most?

Read Post
Insights
The Complete Guide: Setting Up HubSpot Forms on Your Webflow Site
HubSpot and Webflow integration thumbnail showing how to set up HubSpot forms on a Webflow site for lead capture and marketing automation.

The Complete Guide: Setting Up HubSpot Forms on Your Webflow Site

The Complete Guide: Setting Up HubSpot Forms on Your Webflow Site

This guide covers why you should set up HubSpot Forms, what you need to get started, techniques for integrating HubSpot Forms, common challenges, and best practices.

Read Post
Website Migration Guide: Wordpress to Webflow
WordPress and Webflow logos representing a website migration from WordPress to Webflow for improved design, speed, and performance.

Website Migration Guide: Wordpress to Webflow

Website Migration Guide: Wordpress to Webflow

This guide explains exactly how to easily migrate from WordPress to Webflow to gain more control over your site and unblock your marketing team.

Read Post
Webby Honoree Awarded for Black Music Project Website
Webby Honoree Awarded for Black Music Project Website

Webby Honoree Awarded for Black Music Project Website

Webby Honoree Awarded for Black Music Project Website

We have been honored with a Webby Award for our exceptional design and development work on the Black Music Project website.

Read Post
Awards
Top 4 Website Types and How To Tell Which Your Business Needs
Four website mockups showing article content, data analytics, images, and video content over a blurred gradient background

Top 4 Website Types and How To Tell Which Your Business Needs

Top 4 Website Types and How To Tell Which Your Business Needs

In this article, we will highlight four overarching types of websites that can encompass the versatile business landscape that you work in while honing in on a specific website purpose that meets your brand’s needs.

Read Post
Insights
Why Data is the Future of Design
Data points represented by abstract spheres over radial gradient background in a dark blue color theme to represent data being the future of design.

Why Data is the Future of Design

Why Data is the Future of Design

Data is already everywhere in marketing and advertising, design is next.

Read Post
Insights
Our Founder Interviewed by Communication Arts Magazine
Commarts Logo Grid

Our Founder Interviewed by Communication Arts Magazine

Our Founder Interviewed by Communication Arts Magazine

Our founder, Callum Griffith was interviewed recently by Communication Arts on the creation of the Black Music Project – an online exhibition that educates visitors on the history of Black American music with an extensive compendium of artists and genres.

Read Post
Awards
Our Landing Page for Diane Money was featured in One Page Love
Our Landing Page for Diane Money was featured in One Page Love

Our Landing Page for Diane Money was featured in One Page Love

Our Landing Page for Diane Money was featured in One Page Love

We're super excited to announce the landing page we designed and built for Diane Money was featured by One Page Love by Love Curated!

Read Post
Awards
Google Just Released New SEO Criteria, Here’s How to Rank #1
Minimalist chart illustration over dark background

Google Just Released New SEO Criteria, Here’s How to Rank #1

Google Just Released New SEO Criteria, Here’s How to Rank #1

There are a lot of factors that go into Google’s decision on how it ranks websites. This is why in this article, we want to highlight some of the most important factors that you need to constantly evaluate in order to have an effective website.

Read Post
Insights
Top 3 B2B Marketing Strategies by ROI
Rows of Xs and Os representing data being sorted

Top 3 B2B Marketing Strategies by ROI

Top 3 B2B Marketing Strategies by ROI

With a growing number of potentially viable marketing strategies becoming available, it can be difficult to find the strategies that will work best for your business. In this insight, we will break down the top three marketing strategies based on ROI.

Read Post
Insights
Composite ranks as a Top UX Design Company
Clutch Recognizes Composite as a Top UX Design Company

Composite ranks as a Top UX Design Company

Composite ranks as a Top UX Design Company

Just recently, it has come to our attention that Composite ‒ Data-Driven Branding & UI/UX Design Studio was featured on Clutch’s list of top UX design companies in Massachusetts for 2021!

Read Post
Awards
How to Automate Demand for B2B Brands with Storytelling
Thumbnail for insight on How to Automate Your Sales Funnel with Effective Storytelling

How to Automate Demand for B2B Brands with Storytelling

How to Automate Demand for B2B Brands with Storytelling

Sit back and convert new customers with this long-term strategy for growth.

Read Post
Insights
3 Key Areas for Sustainable Growth After An Investment Round
Sustainable Growth After An Investment Round

3 Key Areas for Sustainable Growth After An Investment Round

3 Key Areas for Sustainable Growth After An Investment Round

Don’t blow your round of funding before reading this guide to take a step back and focus on long-term growth

Read Post
Insights