A running log of interface updates, feature work and product decisions as ColorMap evolves.
EntryDescription
012026-04-07UI Update

Dev Log 01: Rebuilding the homepage hero into a live race stage

How the homepage moved from a static marketing banner to a race-stage hero with checkpoint interactions, replay cues and stronger navigation feedback.

6 min
What changed in the hero

The first homepage version explained the product, but it did not demonstrate how a live map experience should feel. This update rebuilt the hero as a race-stage surface with a widescreen map, leaderboard, route line and active checkpoint signals.

The goal was not just to make the page look more animated. The goal was to let visitors understand in a few seconds that ColorMap is a running product system, not a static map tool.

Interaction details we added

Checkpoint markers now react on hover with scan-ring motion, tooltip rewards and stronger focus cues. The moving runner can also auto-trigger those states when it reaches a checkpoint so the map does not feel frozen when the user is not interacting.

We also added clearer active states to the main navigation so the site feels more controlled and readable while scrolling between sections.

022026-04-07Feature Build

Dev Log 02: Making the homepage blocks feel denser and more readable

A content-structure pass across use-case cards, feature panels, stats cards and the streaming-trails section to make the homepage feel more like a product narrative.

5 min
Why we changed the content blocks

Several sections on the homepage had the right information but not enough hierarchy. Some cards felt visually empty, and some right-side copy panels did not communicate enough product value at a glance.

We updated those blocks by adding icons, denser card layouts, clearer metrics and stronger hover feedback so users can scan the page faster without losing context.

What the new structure improves

Use-case cards and capability panels now show a more explicit visual lead-in, which helps users understand each section before reading the body copy. The stats area was also reorganized into a centered two-row layout so the number system feels intentional rather than leftover from a dashboard grid.

The streaming-trails explanation panel now reads like a product module instead of a caption, with mode summaries, usage signals and richer bullet points.

032026-04-07System Design

Dev Log 03: Shifting the site to user-task-centered, goal-oriented design

Why the information architecture is being rewritten around user tasks, expected outcomes and real activity workflows instead of generic feature menus.

7 min
The design principle behind the rewrite

We are moving the site away from menu-led communication. Instead of introducing ColorMap as a stack of disconnected features, the new direction explains how routes, tasks, content and operations support a user's job from setup to live execution.

That is why several section titles now speak in terms of goals, workflows and results. The site should help schools, teams and operators immediately map the product to their own tasks.

What comes next

The next development-log entries should continue this pattern: describe what changed in the interface, why that change matters to operators or participants, and what the next implementation milestone unlocks.

This turns the log into an external record of product evolution instead of a generic blog archive.