Mahmoud Sami
Let's talk
Back to case studies Case study 02 · H1 Suite

H1 Suite: six apps that had to feel like one product

An enterprise communication suite for the UAE that grew from one app to six in eight months, and had to stay one product in the user's head.

Client
Kodiee Tech, Dubai, for the H1 platform
Role
UI/UX Designer, only designer on the suite
Timeline
2023 – 2026
Platforms
iOS, Android, iPad, web dashboard
Apps
Communicator, Mail, SMS, Assignment, Register, Alima AI
H1 Suite apps sharing one visual language

I turned the platform's specifications into developer-ready designs for six apps, then gave them one visual language and one set of patterns, so learning one app teaches you the next.

Context

H1 is a collaborative communication platform for organisations. It started as one app in September 2023 and was six by May 2024. H1 Communicator, a professional communication platform for corporate employees, came first. H1 Assignment is task management for workplace productivity. H1 Mail is the client email app. H1 SMS handles company messages and email from one place. H1 Register holds user management centrally for every service in the group. Alima AI is a chatbot that turns a document into something you can ask questions of.

Six separate products, used by the same employee on the same day.

The constraint

My brief was to turn the platform's specifications into developer-ready designs and to set the visual direction for each app, while the platform kept adding services.

The decision

The hardest call was not inside any one app. It was across all of them: was this six projects, or one product with six doors?

I designed it as one product. H1 Register is the spine, a single account that opens every service in the group, so nobody builds a new relationship with each app. On top of that, one visual language and one component library.

The part that mattered most was repeating the patterns. A message in Mail and a message in SMS behave the same way. Learn one app and you have already learned the next. That is what makes six apps arriving in eight months read as one product, rather than six projects sharing a logo.

H1 Mail and H1 SMS share the same message patterns
One visual language across six apps

What shipped

  • H1 Mail and H1 SMS for iOS, Android and iPad, including App Store and Play Store screenshot sets.
  • H1 Communicator phase two: Spaces, Groups, one-to-one chats, directory, call history and a supervision view.
  • H1 Assignment (February 2024) for workplace task management, and H1 Register (April 2024), the centralised user management behind every H1 group service.
  • Alima AI (May 2024): a chat-bot interface for asking your documents questions, the suite's first AI surface.
  • One shared visual language across the suite: the red H1 mark, one icon set, one type scale, one component library.
H1 Assignment: tasks grouped by state, task detail, calendar

My role

Sole designer on the suite: flows, UI, component library, store assets, and handoff against the PRDs.

What I learned

A component library that lives only in Figma drifts. Ours did, release by release. A design system needs a repository shared with engineering from day one.