How to prepare for SaaS website design

Every Weroast sprint follows the same preparation sequence. It is not a preference - it is a prerequisite system that prevents the most common and most expensive mistakes in SaaS website design. Run the steps in order. Each one is a gate, not a suggestion.

Step one: pass the redesign prerequisites. Lock your ICP to one dominant buyer. Pass the stranger test - hand your current homepage to someone who does not know your company and ask them to explain what you do in thirty seconds. Pass the team alignment test - ask three people internally to write your ICP in one sentence and compare the answers. If those tests reveal gaps, fix positioning before you spend a dollar on design. Read the redesign prerequisites guide for the full checklist including the Fletch litmus tests.

Step two: confirm your stage. Pre-PMF teams should almost never buy a full website system. Post-PMF teams with a conversion bottleneck buy the homepage sprint. Post-PMF teams who need page velocity for the next two quarters buy the full Website + Design System + Claude Setup. Read pre-PMF website design and when to redesign for the specific signals.

Step three: run the three engineering layers in order - buyer-trust first, conversion-path second, brand-perception third. Read three-step website engineering for the reasoning behind the sequence.

Step four: select design style after trust and conversion are engineered, not before. Style is layer three of the stack. Running it first produces beautiful pages that fail skeptical buyers. Read select design style for B2B SaaS for the selection criteria.

Step five: choose your offer. Homepage sprint when one URL is the bottleneck. Full system when page velocity for the next twelve months is the goal. See pricing for exact SKUs.

Founders who show up to a sprint kickoff with these six assets move through discovery in one session instead of three. Each one eliminates a round of back-and-forth that would otherwise happen at design-round prices.

One: a one-paragraph positioning statement that names the ICP, the problem, and the category you compete in. Not a tagline. A statement your team agrees on. If three people on the call would write it differently, that disagreement costs design rounds.

Two: a list of named customers you can reference publicly. Proof blocks designed around real named logos and specific outcomes earn trust from a skeptical B2B buyer. Proof blocks designed around anonymous "enterprise clients" do not.

Three: your current homepage URL and honest notes on where it fails. What is the specific thing visitors do not understand? What does sales hear on calls that the site does not say?

Four: competitor sites you respect and a one-sentence reason for each. This is not about copying - it is about establishing taste and differentiation direction before design begins.

Five: your launch date or the pipeline milestone driving the sprint. A real deadline improves every design decision.

Six: one decision-maker available for same-day feedback during the sprint. Async approval loops with multiple stakeholders are the most common cause of timeline extension. It is never a design problem.

Pre-PMF and still validating problem-solution fit: read the pre-PMF website design guide before spending anything on design. A homepage-only sprint is the maximum scope if you insist on spending now, and only if positioning is specific enough to design against.

Post-PMF with a specific conversion bottleneck on one URL - paid traffic, demo visits, launch clicks: start with the homepage design for SaaS sprint. Prove the message in market on one URL before building a 15-section component library around it.

Post-PMF and you know the next twelve months require feature pages, comparison pages, use-case pages, and integration pages: start with Website + Design System + Claude Setup. The system sprint delivers the homepage and the component library in one pass.

Still comparing agencies: the best homepage design agencies for SaaS page covers the full competitive set with explicit stage-fit columns. Use it before booking any intro call.

Seed to Series B founders, PMMs, and heads of marketing who are planning a redesign, scaling paid acquisition, or preparing for a launch and want to get the preparation sequence right before they spend money on design. Teams that have worked with design-savvy colleagues at high-quality companies and know the difference between a preparation process and a mood board session.

Teams that want to skip preparation and go straight to visual exploration. Enterprise programs that need multi-year brand systems across every company surface. Pre-PMF teams who have not yet passed the positioning litmus tests - this hub will tell you to stop and fix that first, and it means it.