Timezone — Gabirel Ezcurra

Time zones is local-first browser extension for staying oriented across multiple time zones

Year

2026

Role

Product Design & Implementation

Background

I lived in Athens while working East Coast US hours. My day started around 4pm Athens time, which was 9am EST, except daylight savings doesn't shift the same way in both places, so the gap moved around throughout the year. I was doing the math constantly, mid meeting, while booking meetings, all the time. Time Zones is what made that math effortless instead of something I had to redo every day.

Designed, built, tested, and packaged end to end: product framing, interaction design, visual design, implementation, and Chrome Web Store packaging.

Scroll to explore

Try clicking the clock icon

Keep scrolling to see more

Use the clock icon to open or close the panel

(function () {
  "use strict";

if (window.__GTZCS_STORAGE__) return;

var memory = new Map();

window.__GTZCS_STORAGE__ = {
    getItem: function (key) {
      try {
        return window.localStorage.getItem(key);
      } catch (error) {
        return memory.has(key) ? memory.get(key) : null;
      }
    },

setItem: function (key, value) {
      var stringValue = String(value);

try {
        window.localStorage.setItem(key, stringValue);
      } catch (error) {
        memory.set(key, stringValue);
      }
    },

removeItem: function (key) {
      try {
        window.localStorage.removeItem(key);
      } catch (error) {
        // The in-memory copy below is still cleared.
      }

memory.delete(key);
    }
  };
})();

One small kit, reused everywhere

The card, the panel, and the scrubber below all come from the same handful of pieces: one display typeface, one interface typeface, one monospace face reserved for numbers that actually change, and a tight color set. The first place that kit got tested was the decision below, what the extension's main surface should even be.

paper

paper alt

ink

muted

danger

Identity Time Zones

Interface SAN FRANCISCO

Data 09:41

Pinned

Panel vs pop up

A popup closes the second focus moves somewhere else. The side panel stays open next to whatever I'm actually doing and lets me interact with the times while I'm looking at them. Here's the actual timezone card in the panel with the states it goes through during real use: sitting still, hovered, pinned, and mid-drag.

Time Zones

Your area You

--:-- ---

Athens Pinned Europe/Athens

--:-- ---

Tokyo Asia/Tokyo

--:-- ---

London Europe/London

--:-- ---

Add a zone

The scrubber

Making time manipulable, in action. Drag it and watch Tokyo's card update in real time. Letting people preview a different time is also where the reliability work below started, since a preview can't be allowed to quietly break anything

12 AM 12 PM 11:59 PM

9:41 AM

Tokyo Asia/Tokyo

10:41 PM THU, JUL 30

+13 hr ahead of Brooklyn

London Europe/London

2:41 PM THU, JUL 30

+5 hr ahead of Brooklyn

Athens Europe/Athens

4:41 PM THU, JUL 30

+7 hr ahead of Brooklyn

Drag the line above, or click anywhere on it. All three cards move together, the same way one scrub updates every zone in the real extension.

Closing thoughts

Most of the decisions in Time Zones were about removing things, not adding them.

No seconds on the clock. Constant motion added visual noise without helping anyone plan.
A hard cap of two pinned zones in the toolbar tooltip. I tested with more than two and it overwhelmed people. Most only wanted to see one other zone. Some wanted two. Nobody wanted three.
No account, no onboarding flow. Saved zones, order, and preferences live in local browser storage from the first use.

The result is a working product, not a static prototype: an installable Chrome extension with a complete V1 experience, persistent local configuration, a usable planning interaction, and scenario-based QA across browser lifecycle events.

Get chrome extension

← Previous

→ Next

GABIREL EZCURRA TAIGANIDES

Email | LinkedIn | Dribbble | Instagram