How Top Startups Build Iconic Brands | Linear CEO Karri Saarinen

Key Concepts

Authenticity, target audience, stage of company, polished vs. functional website, setting expectations, filtering users, customer pitch, visual communication, simplicity, evolution of brand, avoiding feature overload, homepage as front page, clear messaging, distracting vs. useful animation, conversion rate optimization, enterprise vs. consumer focus, call to action, social proof, font choice, memorability, differentiation, speed as a key differentiator, trust building, feature-based vs. customer-based design.

Linear's Website Evolution: A Case Study

Kari Sarinin, co-founder and CEO of Linear, discusses the importance of building an authentic brand that resonates with the target audience and reflects the company's current stage. He emphasizes that startups should avoid trying to emulate larger, more mature companies too early, as this can set unrealistic expectations for users.

Initial Website (2019):

• Focus: Issue tracking. The initial Linear website was built in a couple of days and focused on the specific term "issue tracking" to attract early-stage companies and engineers familiar with the concept.
• Copy: The copy was intentionally specific to filter out users who weren't looking for an issue tracking tool.
• Design: The design was simple, with a slightly faded product screenshot to build curiosity and encourage users to join the waitlist.
• Simplicity: The website was a single page with minimal information, focusing on capturing interested users rather than explaining everything about the product.

Current Website:

• Focus: Building and planning, reflecting the product's expanded capabilities beyond issue tracking.
• Copy: The copy uses language that technical teams understand, such as "issues," "projects," and "product roadmaps."
• Design: The design is more mature, with a black and white color scheme and subtle effects to signal attention to detail and user experience.
• Information: The website provides more information about the product's features and capabilities, but still avoids overwhelming users.

Key Takeaway: The website and brand should evolve alongside the company and its customer base. The homepage should provide enough information to pique interest without overwhelming the user, acting as a "front page" that leads to deeper exploration of specific features and use cases.

Sprites AI: Feedback and Suggestions

Sprites AI is a platform for building custom AI workflows. Kari and the host provide feedback on their website, focusing on clarity and target audience identification.

• Initial Impression: Unclear target audience and purpose. The website doesn't immediately convey who the platform is for or what it can be used for.
• Copy: The copy is too generic and doesn't specify the types of users or workflows the platform supports.
• Graphics: The unique graphics are visually appealing but distract from the website's message and use cases.
• Animation: The looping movement in the background and on the cards is distracting and prevents users from focusing on the content.
• Prompt: The floating prompt at the bottom of the page resembles a cookie banner and is likely to be ignored by users.
• Workflow Explanation: The website doesn't clearly explain how the workflows work or provide specific examples.

Suggestions:

• Specify the target audience and use cases in the copy.
• Group workflows by user type (e.g., YouTubers, analysts, business people).
• Reduce distracting animation and focus attention on key information.
• Move the prompt to the top of the page and use it to engage users.
• Explain how the workflows work with a flowchart or example.

Giga ML: Conversion Rate Optimization for Enterprise

Giga ML offers AI agents for enterprise support. The team seeks feedback on improving their low website conversion rate (booking demos).

• Initial Impression: Clean and professional design suitable for an enterprise audience.
• Conversion Rate: Low conversion rate is likely due to the nature of enterprise sales, where decisions are not typically made through website interactions.
• Demo: The website offers a demo, but it's small and hard to read.
• AI Agent: The AI agent starts the conversation without a clear prompt, leading to uncertainty for the user.
• Language: The AI agent uses technical jargon (e.g., "S2 type 2") that may not be understood by all users.
• Headline: The headline "AI agents for enterprise support" is generic and doesn't communicate the specific benefits of the product.
• Social Proof: The website includes a list of "most admired companies," but this claim may not be accurate or persuasive.

Suggestions:

• Provide a way for users to try the product themselves without booking a demo.
• Steer users towards specific conversations with the AI agent that highlight the product's value.
• Use clear and concise language that resonates with enterprise buyers.
• Focus on the specific problems the product solves for enterprise customers.
• Create separate pages with detailed information about security, customer stories, and other relevant topics.

Unreal Milk: Brand Impression and Recall

Unreal Milk offers a non-dairy milk alternative. The team seeks feedback on whether their website leaves a positive impression and recall for the brand.

• Initial Impression: Unique and memorable design with a fun, playful brand personality.
• Storytelling: The website tells a story about the product's creation and benefits.
• Illustrations: The hand-drawn illustrations and graphics are unique and memorable.
• Scrolling: The side scrolling is unique and memorable.
• Call to Action: The website lacks a clear call to action, such as a way to buy the product or join a mailing list.
• Font Choice: The font choice is appropriate for the hand-drawn style of the website.
• Organic vs. Scientific: The website effectively balances the scientific nature of the product with an organic feel.
• Logo: The logo on the bottle is generic and doesn't match the playful style of the website.

Suggestions:

• Add a call to action, such as a way to buy the product or join a mailing list.
• Explain the product's benefits and ingredients in more detail.
• Consider using a more playful font for the logo on the bottle.
• Emphasize the social mission or cause behind the product.

Confident AI: Clarity and Differentiation

Confident AI offers an LLM evaluation and observability platform for Deep Eval. The team seeks feedback on whether their website clearly communicates what they do within the first 20 seconds.

• Initial Impression: The website uses specific technical terms that are likely to resonate with their target audience of LLM experts.
• Differentiation: It's unclear how the platform differs from other similar products.
• Purple Underline: The purple underline on the headline resembles a visited link and is distracting.
• Headlines: Some of the headlines are vague and don't clearly communicate the product's benefits.
• Deep Eval: The relationship between Confident AI and Deep Eval is unclear.

Suggestions:

• Clearly differentiate the platform from competitors by highlighting its unique benefits and features.
• Use more specific and compelling headlines that communicate the product's value.
• Explain the relationship between Confident AI and Deep Eval, clarifying whether Deep Eval is an open-source library, a technology, or a separate company.
• Consider targeting users who are already using Deep Eval and explaining how the platform expands on the open-source tool.

Dropback: Simplifying a Chaotic Landing Page

Dropback offers front office tech for elite college programs. The team feels their landing page is chaotic but believes they need to share a lot of information with their non-tech-savvy audience.

• Initial Impression: The website is clear about what they do, but the backgrounds and graphics are distracting.
• Moving Grid: The moving grid behind the text makes it hard to read.
• Text Size: The text is too small and hard to read.
• Yellow Color: The yellow color is hard to read and lacks contrast.
• Logo Repetition: The repeated logos are distracting and don't add value.
• Automatic Movement: The automatic movement on the page adds to the chaos.
• Page Length: The page is very long.

Suggestions:

• Simplify the homepage by removing the distracting backgrounds and graphics.
• Increase the text size and use a color with better contrast.
• Remove the repeated logos.
• Reduce the amount of automatic movement on the page.
• Create separate pages for specific user types or use cases.
• Focus on building trust by signaling trustworthiness and highlighting key features.

Synthesis/Conclusion

Building a successful website for a startup requires a deep understanding of the target audience, the company's current stage, and the need to balance visual appeal with clear and concise messaging. Authenticity is key, and startups should avoid trying to emulate larger companies too early. The website should evolve alongside the company and its customer base, with the homepage serving as a "front page" that leads to deeper exploration of specific features and use cases. It's crucial to differentiate the product from competitors, build trust with potential customers, and provide a clear call to action.