How We Redesigned Our Website...

The original YC homepage, designed four to five years prior, was described as utilitarian and akin to a B2B SAS template. It featured call-to-actions, hero images, text, stats, and company logos but lacked an engaging narrative. The site failed to convey the special nature of YC's brand and its inspiring role in startup development.

A significant critique was the underrepresentation of founders. The 'top company' section displayed logos without highlighting the individuals who built those companies or YC's pivotal role in their trajectory. Headlines like 'Top YC companies' and 'We help founders make something people want' lacked specific, quantifiable outcomes, failing to communicate the true impact and scale of YC's success. The messaging often focused on what YC doesn't do (e.g., 'we don't take a board seat') rather than positively framing its offerings.

The redesign aimed to move beyond selling a program or product, instead focusing on inspiring potential founders and telling a compelling story. The new website draws inspiration from Paul Graham's essays, specifically incorporating the word 'formidable' and adapting his footnote style to define key terms. This approach rooted the design in YC's historical ethos.

Central to the new design is a founder-centric narrative. The website illustrates the 'before and after' journey of successful founders, emphasizing their humble beginnings to make the YC experience relatable and aspirational for new builders. This strategy aims to help visitors visualize themselves as future success stories, highlighting the transformational potential of YC.

Interactive elements are crucial for conveying the YC narrative. The hero section, while minimal in design, uses carefully crafted copy to set an inspiring tone. Further down the page, a visual feature illustrates the transformation of founders, showing their growth before joining YC and after. This section places faces and individuals at the forefront, connecting with the user on a personal level.

Founder testimonials are presented as continuous text comprised of quotes from various YC alumni. Users can hover over segments to reveal the specific founder and their company, adding credibility and authenticity. Another dynamic section animates pictures of Silicon Valley figures and YC partners. AI tools, specifically 'one' (a YC startup product), were utilized to subtly animate these photos, making them feel more engaging and alive without distorting facial features.

A dedicated section highlights YC partners, emphasizing their past as YC founders themselves. Each partner's card, when hovered over, displays a picture of them during their own YC batch. This visually reinforces the message that partners understand the founder's experience, having been in their shoes.

This section also contributes to a playful and fun aesthetic, showcasing that YC is not overly serious. The use of early photos of partners and top founders creates a lighthearted yet impactful way to communicate the deep experience and relatability within the YC ecosystem. The website also clearly states, 'It's never too early to apply to YC,' addressing a common founder misconception and encouraging early applications regardless of current development stage or revenue.

The website development process deviated from traditional methods, minimizing time spent in Figma. After initial mood boarding and a few Figma mockups, the team quickly transitioned to direct coding using a new project repository and AI assistance. Opus 4.5 in Cursor acted as a 'co-worker,' generating creative solutions for sections. This allowed for rapid prototyping and iteration on interactive elements directly in a live environment.

The AI's role was instrumental in exploring diverse design directions. Prompts like 'Display it creatively' for specific information blocks led to unique concepts, such as the carousel interaction showcasing founder transformations, which might not have been conceived using static design tools. This approach gave the team significant bandwidth to focus on storytelling and complex interactions, rather than routine coding or static wireframing.

A key aesthetic goal was to make the website feel very airy and breathable, with content appearing to float on the page. This was achieved by moving away from hard borders, dividers, and unnecessary design elements. The emphasis was placed on human faces and the founders themselves, keeping distractions to a minimum.

The hero section, despite common website design practices, deliberately avoided a direct call-to-action like an 'apply button.' This decision was made to prioritize inspiration and narrative over immediate conversion, allowing visitors to immerse themselves in the YC story and envision their own potential within the ecosystem. The objective was to inspire, not just to convert, aligning with YC's unique value proposition.