Ugly Websites VS Award-winning Websites

Key Concepts

• Ugly Giants: Companies that prioritize simplicity and functionality over aesthetics in their web design.
• Award Winners: Companies that prioritize aesthetics and creativity in their web design, often at the expense of performance and usability.
• Strategic Middle Ground: Companies that balance aesthetics and functionality in their web design to build trust and drive conversions.
• Brand Signaling: Using design to communicate a company's values, quality, and position in the market.
• Conversion Rate: The percentage of website visitors who complete a desired action, such as making a purchase or filling out a form.
• Bounce Rate: The percentage of website visitors who leave a website after viewing only one page.
• Accessibility: The degree to which a website is usable by people with disabilities.
• Discovery Session: An initial meeting with a potential client to understand their needs, goals, and budget.

1. The Ugly Giants: Functionality Over Form

• Main Point: Some large, successful companies intentionally use simple, even "ugly," websites to communicate specific values and serve their users.
• Examples:
  • Berkshire Hathaway: Warren Buffett's company uses a basic website to signal thriftiness and focus on returns for investors. The website's poor readability and lack of design elements reinforce this message. The website was built using Microsoft Word.
  • Craigslist: The online classifieds site maintains a simple design to keep prices low and avoid unnecessary frills. Users prefer simplicity and speed.
  • HackerNews: The popular website for developers uses a minimalist interface that appeals to its tech-savvy audience. Paul Graham, the founder of Y Combinator, intentionally designed the site to attract a specific subset of users and repel others.
• Key Argument: Ugliness can be a feature, not a bug, when it aligns with a company's brand and serves its users' needs.
• Quote: Paul Graham said, "A site is aiming at a particular subset of user has to attract just those and just as important, it has to repel everyone else."

2. The Award Winners: Aesthetics as a Priority

• Main Point: Some companies invest heavily in award-winning websites to showcase creativity, signal prestige, and attract a specific type of client.
• Examples:
  • Internalities: Website for the Spanish pavilion in the architecture biennale, designed to sell aesthetics and impress people at an exhibition.
  • Inertia: A CGI studio that uses its website to demonstrate its creativity and attract clients seeking innovative design solutions.
  • Ather: A company selling earbuds that uses a premium website to communicate the high quality of its product and create a dazzling online experience.
• Drawbacks: Award-winning websites often have high bounce rates, poor accessibility, and slow loading times. They are often redesigned within 18 months. They are built for judges, not users.
• Key Argument: Award-winning websites are about signaling membership in an exclusive club and prioritizing beauty over function.

3. The Strategic Middle Ground: Balancing Beauty and Business

• Main Point: Companies in this category strike a balance between aesthetics and functionality to build trust and drive conversions.
• Examples:
  • Stripe: A payment processing company known for its great design, fast loading times, and accessibility. Uses subtle, vector-based animations to create delight without sacrificing performance.
  • Airbnb: A website that combines a minimal design with delightful interactions to create a positive user experience while maintaining high conversion rates.
  • Warby Parker: An eyewear e-commerce website that uses a minimalistic design with nice details to convey a feeling of high quality. Employs a smart loading strategy to ensure a fast initial experience.
• Key Argument: The best design is often invisible, and true success comes from serving users and not impressing judges.

4. Identifying and Selling to Different Client Types

• Main Point: Understanding the psychology of different client types is crucial for successful sales.
• Client Types and Sales Approaches:
  • Award-Winning Buyer: Wants something that's never been done before, is looking to make a statement, and has a flexible budget. Sell them a premium digital presence and an extensive discovery phase.
  • Performance Buyer: Focused on conversion rates and load speed. Sell them a comprehensive audit, a testing roadmap, and a data-driven approach.
  • Confused Buyer: Wants something modern or like Apple but has a limited budget. Educate them about their business goals and build a solution that meets those goals.
• Key Argument: Success isn't about finding the clients who pay the most, but about finding clients who value what you are best at delivering.

5. Conclusion

• Main Takeaway: Web design clients fall into three main categories: Ugly Giants, Award Winners, and the Strategic Middle Ground. Understanding the motivations and priorities of each type is essential for designers to effectively sell their services and deliver successful projects. Designers should focus on their strengths and seek clients who value those strengths.