Case study · 06 / 11

Portfolio Watch

Galaxy Watch Edition

Fig. 01 — Portfolio WatchHover for colour

My portfolio redesigned for a one-and-a-half-inch round screen: a Wear OS app in Kotlin and Jetpack Compose, installed on my Galaxy Watch. Projects, journey, contact, a QR business card and my own watch face, on the wrist.

Portfolio Watch carries the site's identity (monochrome, editorial, condensed type) over to Wear OS conventions: time at the top that fades as you scroll, lists that follow the curve of the screen, bezel scrolling, swipe right to go back. Version 0.6.0 runs on my Galaxy Watch: a watch-face home screen, the portfolio's eight projects with case studies that open on the phone, the journey, contact, the site's star game and a QR business card that a phone scans to add me to its contacts. A Wear OS tile reaches the QR code, a call or an email in one swipe from the watch face, and the app switches between French and English with a tap. On top of that comes a real watch face in the site's style, built with the Watch Face Format: a ring that fills up with the day's steps, the temperature and UV index, the time, the date, and the city I'm in, provided by the app from the watch's location. On the engineering side: signed releases published automatically by GitHub Actions on every tag, unit tests that actually read the QR code back, a watch face checked by Google's official validator, and every version tried on the real watch before it ships. Next step: a Google Play Store release.

Main Features

Technical Challenges

Technologies

Year

In the wild

Live captures · hover for colour

What it does

01Watch-face home screen: live time and date, name along the edge, availability, projects and kilometres

02The portfolio's eight projects, each case study opening in full on the paired phone

03QR business card (vCard): one scan adds my details to a phone, even with the watch in always-on mode

04Wear OS tile: availability, QR code, call and email in one swipe from the watch face

05Installable watch face (Watch Face Format): step ring toward the daily goal, temperature and UV index, time, date and current city

06“My card” complication: the QR code in one tap, on this watch face or any other

07French and English, with a remembered FR / EN switch

08Réunion Island → Saguenay journey drawn as a flight path

09One-tap contact: email, call, LinkedIn, GitHub

10The site's star game: 20 s, haptic feedback on every tap, high score saved on the watch

11Standalone app, no companion app on the phone

12Signed releases published on every tag; build, tests and lint on every PR (GitHub Actions)

How it was solved

01Fitting an editorial identity into a one-and-a-half-inch circle

02Keeping content inside the central safe area of a round screen

03Any piece of information three taps away at most

04Text and lists that follow the curve of the screen

05Touch targets of at least 48 dp

06Handing off from watch to phone without losing context

07A QR code large enough to scan on 1.4 inches: every byte of the card counts, and tests check it

08Updates that install on top without losing data, thanks to a fixed signing key

09Shipping the site's variable fonts without bloating the app

10A watch face without a single line of code (Watch Face Format), checked by Google's official validator on every PR

Stack

Front-end

Tools