Collaborative 2020

Lono

A cycle-tracking application that brings daily temperature entries, symptoms, calendar history, and visual reports into one experience.

Role
Product Designer, UX Engineer + Project Manager
Organization
Turing School of Software and Design
Tools
Figma, React, React Hooks, TypeScript, HTML, SCSS, Chart.js, React Calendar, Jest, React Testing Library, GitHub Projects, Travis CI, Heroku
Lono — hero image

Challenge

Make daily cycle tracking straightforward and help users understand information collected over time through calendar views and temperature reports.

Process

I contributed to product planning, interface design, frontend development, and project coordination within a four-person frontend and backend team. We used wireframes, a detailed project board, remote pairing, and test-driven development to organize and implement the application.

Outcome

Built profile setup, daily logging, historical calendar views, and temperature reports, while exploring progressive web app capabilities and Bluetooth thermometer integration.

Gallery

Lono daily check-in form for temperature, symptoms, and notes
Daily logging brings temperature, symptoms, and notes into one form.
Lono reports screen with a temperature trend and symptom summary
Reports turn individual entries into a view of patterns over time.
Lono calendar with recorded entries and cycle context
A calendar supports reviewing previous entries by date.
Lono selected-day details and cycle phase information
Selected-day details provide context alongside the calendar.