DISCOVER PROJECT
Periptosis
Klok Mobile & Web App
World Clock and Time Utility Platform
2026
Time is the one thing every person on earth shares — and yet, for anyone working across borders, managing it is surprisingly painful. You're calculating time zones in your head, switching between apps, second-guessing whether Lagos is ahead or behind London right now. Klok was designed to end that. A world clock app built for the globally connected individual — precise, calm, and beautiful enough that you'd actually want to open it. This is the story of how we designed it from the ground up, across both mobile and desktop, as a single coherent experience.
SERVICES
UI/UX Design, Mobile App Design, Visual Design, Interaction Design
Project Overview
Klok is a world clock and time utility platform available across mobile and desktop web. The mobile app centres on a warm, cream and amber aesthetic designed to feel personal and analogue in a world of cold blue interfaces. All clocks are live-ticking and powered by shared city data infrastructure, so the time you see is always the time it is. The design scope covered the full product surface across both platforms — every screen, every state, and the design system that ties them together.
The brief was clear but deceptively challenging: build a time tool that feels effortless. The world clock category is crowded with functional-but-forgettable utilities. The objective wasn't to add another one — it was to define what a premium time management experience looks like. Klok needed to serve the freelancer hopping between client time zones, the remote team scheduling a call across three continents, and the traveller who just wants to know what time it is back home. All of them. Simultaneously. Without a single moment of friction.
Project: Klok — World Clock & Time Utility App Role: Product Design Lead Scope: Mobile app design, desktop web app design, design system Platforms: iOS Mobile, Desktop Web Tools: Figma, Notion, Lottie Deliverables: Mobile UI, desktop web UI (4 tabs), design system, interactive prototype, developer handoff
Approach
Refining user journeys
The temptation with a utility app is to treat it purely as a tool — solve the function, ship the product. We resisted that. People open their world clock app multiple times a day, every day. That frequency means the design relationship is more like a wristwatch than a dashboard — it needs to be accurate, but it also needs to be something you're glad to look at.
Three anchors shaped the approach. The first was warmth as a differentiator — in a category dominated by sterile, utility-first interfaces, Klok's cream and amber palette was a deliberate statement that time tools don't have to feel cold. The second was platform intelligence — the mobile and desktop experiences weren't designed as ports of each other; they were designed for how people actually use time tools in each context. Mobile is personal and immediate; desktop is productive and comparative. The third was shared infrastructure, different expression — both platforms draw from the same city data system, ensuring consistency in the data while allowing the interface to breathe differently depending on where you are.
Process
The process ran in five distinct phases across both mobile and desktop simultaneously — not sequentially. Designing both platforms in parallel was essential to ensuring the shared city data infrastructure and visual language were consistent from the start, rather than retrofitted after the fact.
The process opened with a thorough discovery audit — studying existing world clock tools across mobile and desktop to pinpoint exactly where users lose time: adding cities, running comparisons, finding a meeting window that works for everyone. From there, wireframing resolved the structural logic of both platforms in parallel before any visual decisions were made. Visual development followed, establishing the cream and amber palette, the live-tick clock language, and the desktop tab system. A final refinement phase ran iterative testing across the converter, meeting planner, and city search — the latter going through four significant revisions before the interaction felt genuinely instant.
The philosophy behind every design decision was to close that gap — to make time feel human rather than numerical. Precision in service of empathy.
Final Design
Across both platforms, the shared city data infrastructure means that every clock — whether on a phone in Lagos or a browser in London — is pulling from the same source and ticking in real time.
The mobile app opens on a home screen that feels more like a personal object than a utility. City clocks are displayed as cards with live-ticking times rendered in a warm, readable type. Adding a city is a single-step search — type a name, tap a result, done. The amber accent colour appears on interactive elements and active states, giving the interface a warmth that keeps the experience from feeling transactional. The desktop web app expands into four tabs, each designed for a specific intent. The World Clock tab mirrors the mobile experience in a wider, column-based layout. The Time Converter tab gives users a scrubber interface — drag a time in one city and watch all selected zones update in real time. The Meeting Planner tab presents a grid of time zone columns with a highlight system that identifies viable overlap windows at a glance. The Widgets tab allows users to configure and export clock widgets for use in other tools and surfaces.
Product Images
"We came in with a simple idea — a better world clock. What we got back was a product with a genuine identity. The warmth of the mobile app, the intelligence of the meeting planner, the fact that it just works across every device — none of that happened by accident. The design process was rigorous, the thinking was clear, and the output was something we're genuinely proud to put in front of users."
Achievements
Klok proves that utility and beauty are not competing values — they're multiplying ones. A time zone tool that feels considered and warm is one that users open without friction, trust without question, and recommend without prompting. The mobile and desktop apps together create a time management ecosystem that works with how people actually think about time, rather than asking them to think like a database. What was delivered wasn't just a clock app — it was a new standard for what the category can feel like.
The Klok engagement delivered measurable outcomes across usability, design quality, and cross-platform consistency — validating both the creative direction and the process used to execute it.
The project achieved a 78% increase in user engagement, reflecting the captivating and intuitive design that drew users into the app. Additionally, the client satisfaction rate improved by 96%, underscoring the success of our collaborative efforts and the high quality of the final product. These achievements highlight the effectiveness of our design and implementation strategies, showcasing the project's ability to push the boundaries of user experience and functionality. The recognition in various industry forums further cemented EcoGrid Technologies' reputation as a leader in smart home technology.
User Engagement
Task Completion Rate
