# Government sites

> An emirate's sites brought to shared components and one system.

- Design: Obel
- Services: Mobile, UX/UI, Design System
- Year: 2026
- Under NDA
- Page: https://obel.ai/works/gov-services-uae

![“Explore Al Marsa Al Hamra” government portal hero with a service search](https://cdn.sanity.io/images/x3doe9lb/production/061a300537d7b32ad715fe170273d84fdedc3046-3720x2040.png?w=1600&fit=max&auto=format)

## One system for every type of block

We built one system for every type of block at once, from the functional sites, the legal ones among them, to the cultural ones. The design was accepted and is now being built. An emirate's public services lived across many separate sites, and finding the right one meant hunting.

Service sites and cultural sites run on shared components and one design system. It has to cover every type of block at once, from service pages to cultural ones.

![Tablet showing an “Explore the sights” card over a courtyard photograph](https://cdn.sanity.io/images/x3doe9lb/production/3732501c32d13f79649215d979790e3988e8b113-1120x686.png?w=1600&fit=max&auto=format)

![Pull quote from a government manager about the emirate's governance framework](https://cdn.sanity.io/images/x3doe9lb/production/f17e232f34aca1721da1f60ad14d584d1e5a5c93-1500x1500.png?w=1600&fit=max&auto=format)

![Heritage sites page describing the emirate's cultural heritage, over poppies](https://cdn.sanity.io/images/x3doe9lb/production/57d8850c17e8e2a33e3090965710ecd7369913a4-3652x1980.png?w=1600&fit=max&auto=format)

Tight constraints, a very large set of sites. Sign-off happens at the top level, where the result and the local market both get weighed. We build the interfaces to WCAG accessibility standards.

![Explore Al Marsa Al Hamra homepage with the site menu](https://cdn.sanity.io/images/x3doe9lb/production/f2ee63ac4451d281885d7adb1ee6a5bcdb2cd48f-2148x1332.png?w=1600&fit=max&auto=format)

![Academic and research partnership section with university cards](https://cdn.sanity.io/images/x3doe9lb/production/8b0d34f9524c643b28690a5998e92ceb8cdf482d-2148x1332.png?w=1600&fit=max&auto=format)

![Waiver application form](https://cdn.sanity.io/images/x3doe9lb/production/433cddf04b837f390b77aafdd3f48080f33448f0-2148x1332.png?w=1600&fit=max&auto=format)

![Government quote block with resident satisfaction figures](https://cdn.sanity.io/images/x3doe9lb/production/55779589ed18f95681eb9f98597dda9031bc91d4-2148x1332.png?w=1600&fit=max&auto=format)

![Historic Places section with the arched pattern](https://cdn.sanity.io/images/x3doe9lb/production/5637ad7a64588289062be0e778deb4563ca15c0e-2148x1332.png?w=1600&fit=max&auto=format)

![Cultural Landmarks page over a night photograph of a landmark](https://cdn.sanity.io/images/x3doe9lb/production/faafc83ba7664a39d14035095b3f776f9f60f947-3720x2040.png?w=1600&fit=max&auto=format)

![“Latest news and events” cards about building prosperity for the Emirate](https://cdn.sanity.io/images/x3doe9lb/production/41ffbb8ab972aa5555abbd1d4cf71e4a133315d0-1120x686.png?w=1600&fit=max&auto=format)

![Legal glossary page with an A to Z index of legal terms](https://cdn.sanity.io/images/x3doe9lb/production/6c8e551c7ac0afd96c727fa7540a0142a078fec9-1500x1500.png?w=1600&fit=max&auto=format)

![Court case registry table beside the legal glossary](https://cdn.sanity.io/images/x3doe9lb/production/685c54d784b3d588e4c7269d368b9b8a05bd6e87-3720x2040.png?w=1600&fit=max&auto=format)

## In short

Nobody moved the constraints. We built the whole system inside them.

## Other cases

- [Government portal](https://obel.ai/works/government-portal.md)
- [Bank 3.0](https://obel.ai/works/bank-3-0.md)
- [Greenlock · v2](https://obel.ai/works/greenlock-v2.md)
- [Payments app, UAE](https://obel.ai/works/payments-app.md)
- [Insurance, UAE](https://obel.ai/works/insurance-uae.md)
- [EventGenie](https://obel.ai/works/eventgenie.md)
- [Greenlock · v1](https://obel.ai/works/greenlock-v1.md)
- [Ecto](https://obel.ai/works/ecto.md)
- [Holodilnik](https://obel.ai/works/holodilnik.md)
- [Villagio](https://obel.ai/works/villagio.md)
- [Bank 2.0](https://obel.ai/works/bank-2-0.md)
- [Olymp Trade](https://obel.ai/works/olymp-trade.md)
- [Fulgur Ventures](https://obel.ai/works/fulgur-ventures.md)
- [Energy](https://obel.ai/works/energy.md)
- [Acceldata](https://obel.ai/works/acceldata.md)
- [Wicked Reports](https://obel.ai/works/wicked-reports.md)
- [B-152](https://obel.ai/works/b-152.md)
- [Laava Tech](https://obel.ai/works/laava-tech.md)
- [Practiqa](https://obel.ai/works/practiqa.md)
- [4fresh](https://obel.ai/works/4fresh.md)
- [Enabla](https://obel.ai/works/enabla.md)
- [ISPMA](https://obel.ai/works/ispma.md)
- [Sidekick](https://obel.ai/works/sidekick.md)
- [YouGig](https://obel.ai/works/yougig.md)

## More

- [Works](https://obel.ai/works.md): every project and its case study
- [Process](https://obel.ai/process.md): the eight steps of a project
- [About](https://obel.ai/about.md): who we are and how we work
- [Home](https://obel.ai/index.md)
- [Pick a time](https://calendar.google.com/calendar/appointments/schedules/AcZssZ2cbQTr6gKYFyk6UIi9tyiwKMsWNlr7-SkDHU_ZDUGkuL8X8IrItxc4DGjAgWsHAgwIBTxERTWh): book a call with Obel
- [hello@obel.ai](mailto:hello@obel.ai): to start a project