Lessons from Lazy's Landing Page and Brand

Our first Masterclass takes a look at Lazy, a new note-taking software startup.

We analyze the entire UX flow of meeting the product for the first time and signing up.

Highlights

  • How Lazy implemented classic graphic design knowledge to create a compelling modern landing page design
  • The 8 Typographic Systems and how they are used in web design
  • Good design for competitive advantage: effective information delivery
  • How Lazy uses animations keep attention
  • Where and how to use (and not use) scroll hijacking
  • How to deploy highly interactive web designs to the web
  • How Lazy distinguishes itself from competitors with unique brand identity design

Resources Used

Typographic Systems

by Kimberly Elam | Frameworks for Type Beyond the Grid | Graphic Design | Typography

Buy Now

Authors

Mehmet Aydın Baytaş

Mehmet Aydın Baytaş

Website | @doctorbaytas

Mehmet is the founder, producer, and editor-in-chief at Design Disciplin. He has been designing and building since 2005, and spent 10 years in design and computer science research.

More from Mehmet Aydın Baytaş

Recommended

The Secret to Great Design

Concept

The Secret to Great Design

IDEO cofounder Bill Moggridge – known for coining the term "interaction design" – once said that "the only way to experience an experience is to experience it." On that note, I feel like the topic of today is best suited for a face-to-face discussion. I'll let you find out over at YouTube, or perhaps the podcast. Enjoy. Books That Inspired This Episode * The Creative Act: A Way of Being by Rick Rubin * Articulating Design Decisions by Tom Greever * Build: An Unorthodox Guide

Podcast
Video

Mar 14, 2023

Mehmet Aydın Baytaş

Reviewing the Cosmos Landing Page

Masterclass

Reviewing the Cosmos Landing Page

Our second Masterclass reviews the landing page of Cosmos, a "Pinterest alternative" for creatives. Starting from how I first encountered Cosmos on the website of another designer, we journey through the experience of visiting their landing page. Cosmos' website offers us many lessons in layout, typography, animation, and interaction design on the web. Highlights * "Cosmic Design" – painting with light on a black canvas * First impression of a new startup – how we discover new design tool

Video

Feb 20, 2023

Mehmet Aydın Baytaş