All projects

CONNECT – HOLIDAY TRACKER

Lab project

One calendar of public holidays for a team split across Ghana, Germany and Rwanda.

Client
AmaliTech
Service provided
Web & mobile app – Internal tool
Duration
1 week
Year
2025
Tools
Figma
Platform
Web & mobile
View prototype
Connect – Holiday tracker: One calendar for a team split across three countries

BACKGROUND & CONTEXT

  • AmaliTech teams in Ghana, Germany and Rwanda work together every day, but each country has its own public holidays.
  • Meetings get booked on someone's day off because nobody can see the other countries' calendars.
  • The lab brief was wireframing: start in mid-fidelity, then take the same structure to high fidelity.

TARGET USERS

  • Staff across the three branches: booking meetings across borders, deciding whether a date works for everyone

  • Team leads and project managers: planning sprints and releases, deciding around holidays in advance

THE GOAL

Show every branch's public holidays on one calendar, so a holiday is visible before the meeting is booked.

MY PROCESS

  1. Problem framing
  2. User flows
  3. Mid-fidelity wireframes
  4. High-fidelity UI
  5. Mobile prototype

KEY DECISIONS

  1. All three countries on one calendar, with the next holidays listed beside it
  2. Search by any combination of country, month and day, with tips that explain the combinations
  3. Tap a day to see every country, including an explicit 'No holidays for Germany today'
  4. Company sign-in only: no sign-up, just 'Contact IT Support', because it's an internal tool
  5. A two-column layout on desktop and a drawer menu on mobile, from the same components

THE SOLUTION

  • Home: today's date, upcoming holidays with country flags and a month calendar with holidays marked.
  • Search: country ('All countries'), month ('Any month') and day ('Any day') filters, with collapsible tips.
  • Day detail: a pop-up listing each country's holiday, or saying plainly that there isn't one.
  • Account: profile, password update with live rules, success toasts and a log-out confirmation.

KEY FEATURES

  1. Three-country calendar
  2. Upcoming holidays list
  3. Country, month & day search
  4. Per-day country breakdown
  5. Web & mobile layouts
  6. Company sign-in

DESIGN SYSTEM & ACCESSIBILITY

  • One small token set: primary #0000C7, accent #FFAE00, Poppins type, and frosted panels over photography.
  • Holiday cards pair a flag with the country name, so a country never depends on colour alone.
  • Next round: add country initials inside the calendar cells (they're orange-only on desktop) and grow mobile day cells from 37 to 44 px.
View gallery (8 images)Hide gallery
Flow from sign-in through home, search and day detail, on web and mobile(opens full size in a new tab)
One short loop: look, search, check a day.
Side-by-side of the greyscale mid-fidelity home and the final high-fidelity home(opens full size in a new tab)
Same structure, two fidelities: the lab was about getting the wireframe right first.
Connect web home with search, tips, calendar and upcoming holidays(opens full size in a new tab)
Search on the left, the month on the right, the next holidays underneath.
Search results listing holidays across three countries(opens full size in a new tab)
Results grouped by country, each with its flag and name.
Pop-up listing holidays on 18 June 2026 for Ghana, Germany and Rwanda(opens full size in a new tab)
Every country, every time, even when the answer is 'no holiday'.
Connect mobile home, search and results(opens full size in a new tab)
The same components, stacked for a phone.
Mobile login, menu drawer and settings(opens full size in a new tab)
Company sign-in, a three-item menu and a short settings page.
Contrast checks for Connect: blue, grey labels and orange holiday dates(opens full size in a new tab)
Flags and names carry the country; the calendar needs the same.

BY THE NUMBERS

Countries on one calendar
3
To see who is off on any day
1 tap
Platforms, web and mobile, from one set of components
2

OUTCOME

  • A small internal tool that answers one repeated question: is anyone off that day?
  • The same structure held from greyscale wireframes to the final UI, which is what the lab was testing.
  • A clickable mobile prototype covering sign-in, search, settings and log-out.

What I learned

Small internal tools succeed on clarity, not features: the empty state ('No holidays for Rwanda today') turned out to be as useful as the holidays.

View prototype