top of page

Clock App Lab
PWA development notes for
retro clocks, timers, and alarm apps.

PWA development notes for
retro clocks, timers, and alarm apps.
Clock App Lab

















#Product 01-09 Designing a Small Home Screen Icon for the Clock PWA
For Clock App Lab #001, the home screen icon is not just a small image. It is the first part of the app the user sees before launching it. A clock PWA needs an icon that is simple, readable, and recognizable at small sizes. In this note, I focus on designing a clean icon for Android and iPhone, using the retro clock shape, a simple Z mark, and the short app name “Clock Lab.” In this ninth note for Clock App Lab #001, I want to focus on the home screen icon. After working on t
May 256 min read


#Product 01-07 Testing the Retro Clock PWA on Android and iPhone
For Clock App Lab #001, the final step in this first round is testing the clock on real phones. A PWA can look good in a desktop browser, but the real question is whether it feels useful on Android and iPhone. This note focuses on portrait mode, landscape mode, home screen launch behavior, saved light/dark mode, and whether the clock feels like a small desk object rather than a normal web page.
May 256 min read


#Product 01-06 Adding the Clock PWA to the Home Screen on Android and iPhone
For Clock App Lab #001, the next step is testing how the retro desk clock behaves when it is added to a phone’s home screen. A clock PWA should not feel like a normal web page. It should launch quickly, open in a clean standalone view, remember the selected mode, and feel like a small tool that can stay on the desk. This note focuses on the home screen installation flow for Android and iPhone.
May 246 min read
bottom of page