Why our website looks like an operating system
19 hours ago
- #PostHog
- #user experience
- #website design
- The author discusses the problem of managing multiple tabs on large, technical websites, leading to an overwhelming number of open tabs.
- PostHog.com's redesign introduces an operating system-like interface to improve content consumption, featuring window snapping, keyboard shortcuts, and a bookmark app.
- The new design allows users to multitask efficiently, such as reading articles, watching videos, and playing games simultaneously.
- Despite initial jarring experiences, users and colleagues grew to appreciate the OS-like interface for its functionality and engagement.
- The site includes creative elements like a Windows File Explorer clone for the merch store, PowerPoint-like product pages, and a document editor.
- Technical highlights include separating the visual layer from content, using JSON files for product pages, and maintaining themes and color schemes.
- A reference customer database was created to dynamically display customer quotes, logos, and product usage across the site.
- The author emphasizes the benefits of prototyping in a production-level environment, leading to innovative features not initially planned.
- The redesign is considered an early MVP with room for improvement, but the author hopes users enjoy the new experience as much as they enjoyed building it.