Request a project consultation
🚀 Case Study #019

startup website,
Persuade three audiences

Product value to customers, traction to investors, and vision to talent.
Design guide to captivate three visitors with one website

Published ⏱️ About 17 minutes to read 🎯 Startup

1. Executive Summary

The startup website is not a company introduction material. A sales counter that handles three types of visitors simultaneouslyno see. Customers come to ask “Does this product solve my problem?”, investors come to ask “Can this team win this market?”, and job applicants come to ask “Can I grow by working here?” If the answer to any of the three questions is empty, the audience quietly leaves.

If you answer from the required pages, there are seven. Home, products/services, company introduction/team, customer cases, recruitment, blog/resources, inquiries. However, there is no reason to have all seven from the first day of business. Starting with one page and expanding it as the company grows is much lighter in cost and management burden.

This article covers in order what pages each of the three audiences see, what formula to use for the first line (value proposition), where to place trust elements, and how to expand step by step.

key message

The website of a large company is a space that reaffirms an already known brand. Startup homepages are different. A space where you need to make people believe in a company they’ve never heard of within 15 seconds.no see.

So the design criteria are flipped. You should start with “what the visitor came to see” rather than “what we want to say.”

2. Triple audience of startup website

There are three main types of visitors to startup homepages. Weighing product introduction customer, under consideration for investment investor, thinking about changing jobs talent. Three people enter the same address and see completely different things. Homepages created without knowing this difference usually start with “Our Company History” and end up boring all three.

2.1 Customers see product value

There is only one thing customers want to see on the first screen, “Is this the thing that solves my problem?”no see. Judgment is quick. Look at the single headline and first screenshot and decide whether to scroll or press back.

There are three things customers are looking for after scrolling down. Are companies similar to me already using it (customer stories), what is the price, and where can I make inquiries? If there is a break in this line, the transition stops there.

2.2 Investors look at the market, team, and traction

Auditors often open the website before the IR materials before a meeting. There are three confirmation points: Market (what problem are you targeting?), Team (who is doing it), Traction (is it actually working?)no see.

A common incident that occurs here is message mismatch. If you write “B2B SaaS” on your IR deck and your website says it’s like a consumer app, reviewers will start to question your team’s alignment. Even if there is no team page at all or the blog has been stopped for a year, it can be read as the same signal.

2.3 Talent sees culture and vision

Applicants must visit the website after seeing the job posting. The salary table is in the announcement, so finding it on the website is something else. Where the company wants to go (vision), what kind of people they will work with (team), and whether the company is alive (date of last blog post). If you are a developer, you even look at the level of posts on technical blogs.

audience Reason for visit question in mind Most viewed pages
customer Search, advertisement, friend recommendation “Is this a product that solves my problem?” Home, Products/Services, Customer Stories, Inquiries
investor Pre-review before meeting, deal sourcing “Can this team win this market?” Company introduction/team, customer cases, blog
talent Job Openings, Community, Recommendations “Can I grow if I work here?” Recruitment, company introduction/team, blog

So who should the first screen be based on? This is a customer. This is because of the three, he is the most impatient and easiest visitor to leave. Investors and talent come with a purpose, so they find their own page from the menu and enter. All you need to do is give the first screen to the customer and guarantee the remaining two audiences a dedicated page that can be reached within two clicks.

3. Composition of required pages

There are seven essential pages required for a company website. The number of pages itself is not important, but roleThis means it has to exist somewhere. Combining two roles on one page is fine, but if one role is omitted entirely, you lose a specific audience.

page Primary Audience key role
home all three Communicate “What We Do” in 15 Seconds and Branch Each Audience into Subpages
Products/Services customer Rather than listing features, explain “what will change when introduced,” provide price guidance, or contact information.
Company Introduction/Team investors, talent Mission, “Why are we solving this problem,” and biographies of the founder and core members?
Customer cases/references customers, investors Proof of actual introduction results, evidence of traction
employment talent Open positions, ways of working, application process
Blog/Resources all three A sign that the company is alive, a gateway to the influx of search and AI recommendations
inquiry customer The point where the conversion actually happens, the shortest possible form.

Which page should I create first?

The order is Home and inquiries firstno see. Without these two, it is not a website but a flyer. Next is the product/service, then the company introduction/team. Customer cases are not created by force, but are uploaded on the day the first case arises. Recruitment and blogs can be opened when you start hiring people and when you start building content.

How does the quote move when the page increases? Website production cost structure This was covered separately in the article. Simply put, the cost is determined by whether the design of each page is different rather than the number of pages.

Why you shouldn’t fill your company introduction page with a list of history

“Establishment of corporation in March 2024, seed investment attraction in September 2024…” No one reads this chronology. There are two things investors and applicants actually read: Why did the founder jump into this problem?, and What kind of background does the core member have? A paragraph about personally experiencing this problem at a previous job is more powerful than ten lines of history. You can just put the history underneath.

Three spaces in the inquiry form are sufficient.

If you ask for everything on the inquiry page, including name, company name, title, phone number, email, budget, and expected time of introduction, you will leave in the middle of writing. Three spaces – name, contact information, and inquiry details – are sufficient. You can ask the rest at the first meeting.

If you write a response promise at the bottom of the form, such as “Response within 1 business day,” the submission burden will be reduced once more. Of course, that promise must be kept.

Message

4. Message Design: Value Proposition

The first line of the screen is written as a formula. “[How] to solve [some problem] for [someone].” The sentence with all three fields filled in is a value proposition. If this one line is empty, no matter how good your design is, your visitors won't scroll.

Why do “innovative solutions” fail?

Half of early startup homepages have words like “innovation,” “leading,” and “optimized solutions” on the first screen. The problem is that these words It makes sense no matter which company you apply it to.The point is. The visitor came looking for a word that referred to his or her problem, but since only words that were no one's problem appeared on the screen, he left after 3 seconds.

How to fill in the three spaces of the formula

  • who: The more you narrow it down, the stronger it becomes. Not “all companies,” but “manufacturers with less than 50 employees,” or “shopping mall CS team.” There is no harm in having someone who is not your target leave. Because I wasn't a customer anyway.
  • Any problem: Use words that customers actually use. It starts from what customers say (“Orders are scattered across channels, so settlement is hell”) rather than internal terminology (“Omni-channel commerce enablement”).
  • how: Pick just one differentiator. Fast, cheap, automatic, if you say all three, none of them will be remembered.

Before / After

Before: “Leading the digital transformation of business with innovative AI technology”

After: “AI responds first to repeated inquiries from the shopping mall CS team.”

After contains who (shopping mall CS team), problem (repeated inquiry), and solution (AI first responder) all in one line. A visitor who reads Before will not know anything, but the CS team leader who reads After will feel, “This is our story.”

Subcopy and CTA button

The subcopy below the headline is responsible for specificity. If the headline is a promise, the subcopy is the proof. Provide a line or two about “what percentage of repeat inquiries you handle and how you handle them.”

Avoid “Learn More” in your CTA button text. The rule is to write on the button what happens when you press it. Phrases that show action and results, such as “Get started for free,” “Sign up for a demo,” or “Contact us about adoption,” drive clicks. There only needs to be one button on the first screen. If you have more than one, priorities become blurred.

5. Place trust elements

No one believes a company's self-introduction that they hear for the first time. The device that makes you believe is the trust element, and there are four types. Customer logos, numerical traction, press/awards, certification/security. Just as much as what you have, where you put it determines the transition.

  • Customer Logo: This is one of the strongest trust signals. Place a row of five to eight logos just below the hero section. One familiar logo can do the work of ten lines of explanation. Check the contract’s logo usage terms before publishing.
  • Numerical traction: We only use verifiable numbers, such as the cumulative number of processed cases, number of companies using the product, and retention rate. If you specify the timing as “Baseline: February 2026,” trust goes up one level.
  • Reports/Awards: Media reports, government support project selection, and award history. Only the logo or one line is displayed on the home page, and details are transferred to the news page.
  • Authentication/Security: Security certifications such as ISO 27001 and ISMS and venture business verification, etc. For B2B SaaS, it is not a decoration, but a practical requirement to pass the customer's security screening. Place it near the footer and contact page.

The deployment principle is one. Providing grounds for every moment a visitor has doubts. The logo belt is placed at the point where you read the headline and think “Really?” (right below the hero), the customer review is at the point where you hesitate when you see the price, and the certification mark is placed at the point where you hesitate when you see the form in front of you.

What if you don’t have a logo to show off yet?

Most early teams get stuck here. There is an alternative. The number of beta testers and the size of the waiting list are also traction, and there is also a way to post pilot customer reviews anonymously, such as “Logistics team leader of a mid-sized domestic logistics company” (the notation method must be agreed upon with the customer). The founder's previous employment history, demo videos, and detailed technical blogs are also early-stage trust assets. In short, without a logo Proven by people and productsJust do it.

Inflated numbers always come back

When the review of introduction becomes serious, the client company makes reference calls, and when investment becomes serious, due diligence begins. The numbers on the website are then all matched. If one inflated number is discovered, the remaining real numbers are also questioned.

If the number is small, writing it honestly along with the renewal date is the only strategy left in the long run.

Roadmap

6. Expansion roadmap by growth stage

From the conclusion. Start with one page, and increase the number of pages as your company grows. If you create a 7-page site in the pre-seed stage, there will be empty pages because there is no content to fill, and empty pages are worse than nothing. Just think about the impression a page called “Customer Stories: In Progress” gives to visitors.

step Site Configuration Goals of this step website ranked 1st
MVP·Preseed One page (hero + product summary + team + inquiry form) Hypothesis verification, first customer acquisition One line of value proposition and inquiry flow
PMF Explorer (Seed) Separate Home·Product·Inquiry + First Customer Case Proof of repeated use and repurchase 1 customer case (better than advertised)
Before and after Series A + Company introduction, team, recruitment, blog Attracting investment and expanding recruitment Team page and recruitment page overhaul
growing up + Resource hub, multilingual when needed Inbound/Brand Strengthening Content operation system (person in charge/maintenance)

What do you put in One Page?

This is the order from the top. Value proposition → Product screenshot or demo → Trust factor → Team → Contact form. One thing to note is that this scrolling order will become the menu structure when you separate the site later. If you get the order right at the one-page stage, you won't have to change anything when expanding.

When do I separate pages?

There are three signals: When the one-page scroll becomes too long and the number of people reaching the inquiry form decreases, when there are two customer cases and there is material to bundle them into an independent page, and when recruitment begins. If any of the three get stuck, it's time to separate them.

The point of expansion is usually also the time to consider outsourcing production. Criteria for choosing a company and contract conditions to avoid Web agency selection guideI have organized it separately.

Checklist

7. Conclusion and Checklist

If you were to reduce startup website design to one sentence, it would be like this. The first screen is created based on customer standards, pages that investors and talent seek are not omitted, and it is expanded to match the speed of the company's growth.

If you have a website now, check it with the six items below. If you are creating a new one, just place it next to the plan and delete it one by one.

  1. Value Proposition: Does the first line of the screen fit the formula “[who] solves [problem] [how]”
  2. Audience movement: Can customers, investors, and talent reach the pages they are looking for within two clicks?
  3. Trust Factor: Are at least two types of logos, figures, reports, and certification visible within the first scroll?
  4. Inquiry form: Is there less than three input fields, and is there no blockage from mobile to submission?
  5. Survival Sign: Is the latest blog/news article within three months? (A stopped blog is read as a stopped company.)
  6. Blank page zero: Have you created a page that cannot be filled at this stage?

One last thing. A website is not a product that is created and finished, but an asset that grows with the company. If you have a customer case, post it that day, and if a team member joins, edit the team page that week. Visitors read a company's speed from the update rate of its website.

The startup’s first website,
Start off right

From one-page MVP to expansion after Series A,
Blue Canvas designs a website appropriate for your growth stage.

Contact

A rough idea is a good place to start.
Let’s shape your project together

Tell us where you are and what you want to achieve. We’ll outline a practical scope, process, and estimated budget.

4 questions · about 2 minutes

Scope

What would you like to work on together?

Select as many as apply. If you are not sure yet, choose “Other”.

Budget

What budget range do you have in mind?

Even a rough range helps us shape the proposal.

Project details

Tell us where you are right now.

It does not need to be polished. Tap an item below and the outline is filled in for you.

0

Upload up to 2 RFPs or reference files. Supported: PDF, PPT, Word, Excel, JPG, PNG, ZIP

Contact

Where should we reply?

Scope, budget, project details and contact information are required.