We created a city exploration product that turns real landmark visits into illustrated puzzles. A distinctive identity, native app, collection system and companion website connect the first discovery to a picture worth keeping.
Explore the work01The opportunity
A list of landmarks can tell you where to go without giving the visit a sense of discovery. Travel memories also tend to scatter across photos, maps and places you meant to revisit.
We connected exploration to a small visual reward: visit a real place, reveal a piece and watch a city illustration take shape. The collection gives each detour a place in a larger story, with Miso as a familiar companion.
How could visiting a city feel like building something personal, at your own pace?
Pick an illustrated puzzle that catches your curiosity.
Use landmark context and the map to find your next stop.
Request a foreground location check when you arrive.
Complete the illustration, share it and return to your collection.
02From zero to one
We shaped the idea, created its identity, designed the experience and built the system that makes it work.
City exploration, piece by piece. The product choices, visual language and architecture developed together. Our research combined product, domain and technical exploration to shape the decisions below.
We joined physical exploration, visual collecting and a lasting keepsake in one focused loop.
A typed catalog connects cities, puzzles and landmarks. Shared places can advance more than one puzzle.
We developed the infinity-inspired wordmark, Miso the rabbit, illustrated city scenes and a teal, orange and navy palette.
We designed discovery, landmark details, maps, puzzle reveals, completion, city access and collection states.
Expo and React Native connect responsive phone and tablet screens to foreground location, native maps and image sharing.
We connected account progress, one-time city unlocks, store materials and a dedicated marketing website. Android is available; the iPhone release is coming soon.
A complete brand identity
We gave city discovery a warm, recognizable identity. Miso, expressive city illustrations and a compact wordmark make the adventure inviting, while clear controls keep the next place easy to find.
We created a connected identity system: logo, symbols, color, typography, iconography and interface patterns, then carried it into the website and distribution materials.
03Product judgment
What we chose, why it mattered and what it cost.
Each landmark belongs to one or more illustrated puzzles. Collecting a place reveals the related pieces, while My Puzzles keeps unfinished adventures together. A completed illustration becomes a shareable keepsake.
The experience needs meaningful place selection and illustrations that feel worth completing. Catalog breadth alone does not prove that people will return.
Collect piece requests a fresh foreground reading and checks its accuracy and distance from the landmark. Precise coordinates remain on the device. Demo Mode supports previewing the loop while keeping simulated visits separate from real collection progress.
GPS quality varies by device and surroundings. Physical field checks remain necessary; simulator captures do not validate arrival accuracy.
Landmark details and a map help people see what is collected and what remains. Visitors choose their own order. The first city and two included city credits introduce the collection before optional one-time city or pack purchases.
Flexible discovery leaves route planning to the visitor. Account access, online maps, cloud sync and new city unlocks need a connection.
04Platforms & architecture
Expo, React Native and TypeScript share the mobile product across iOS, Android and tablet layouts. A typed city catalog connects landmarks, puzzle pieces and progress.
Local persistence keeps collection state close to the interface. Account-scoped synchronization connects progress to a signed-in account; foreground location verification remains a device concern.
Native map and sharing integrations support finding a place and keeping its completed picture. The separate website explains the experience and introduces the puzzle through a browser preview.
Original October 28, 2026 iPhone and iPad simulator captures from Oorbani's store campaign, using isolated sample progress. The website was captured from oorbani.com on October 30, 2026. These images show the product interface, not customer activity or physical GPS validation.
The city catalog connects real places to illustrated puzzle pieces.
A foreground location check records a visit without background tracking.
Account sync preserves progress; city access follows verified entitlements.
The working stack
| Layer | Tools | Purpose |
|---|---|---|
| Native product | Expo · React Native · TypeScript · Expo Router | Shared phone and tablet screens, navigation and collection components. |
| On-device experience | Expo Location · AsyncStorage · native maps | Foreground location checks, local state and landmark discovery. |
| Accounts & city access | Supabase Auth · Postgres · Edge Functions · native store billing | Account-scoped progress, purchase verification and city entitlements. |
| Brand & distribution | Static HTML / CSS / JavaScript · native store assets | A dedicated marketing site, interactive puzzle preview and platform-specific launch materials. |
Security is product work
Oorbani's privacy model starts with intentional foreground location and account-scoped progress. We do not claim an independent SOC 2 attestation. Physical GPS checks and signed-device acceptance remain separate from visual and automated verification.
SOC 2 is an independent examination of an organization’s controls against trust services criteria. Aligned controls and readiness work do not equal an auditor’s SOC 2 report, and “certified” would misstate our status. About SOC 2
Precise coordinates stay on the device. Visited place IDs and collection progress sync with the account.
Authenticated progress and ownership policies separate each person's collection.
Server-side store verification governs city access rather than trusting a local unlock flag.
A managed platform helps with infrastructure; AS1 still owns application access, data policies, secrets and integration decisions. A provider’s SOC 2 report does not cover our application automatically. Supabase’s shared responsibility model
05Brand, marketing & distribution
We brought the product promise into a dedicated website: real places, illustrated puzzles and a small companion for the adventure. The hero makes the collecting mechanic visible before asking for a download.
We connected identity, messaging, product education and acquisition. Conversion means helping the right visitor reach the next useful action, then measuring whether that action leads to value.
Visit the Oorbani websiteCity pages connect destination-specific artwork, puzzles and landmarks to descriptive titles, canonical URLs, structured data and a sitemap. Catalog content stays aligned with the app.
An interactive Tokyo puzzle lets visitors try the reveal without sharing location. Product screens, included-city guidance and practical answers explain what to expect before opening Google Play.
The website links to the available Android app on Google Play. The iPhone release is labeled coming soon, with no active App Store link. Native iPhone and iPad builds and campaign materials are prepared separately.
From discovery to first value
Discover a destination and its illustrated puzzles.
Reveal pieces in the browser preview.
Download the available Android release.
Choose a city and collect a first landmark.
We would measure city-page engagement, preview interaction, Google Play clicks and first real collection, then puzzle completion and additional-city demand. These are measurement goals, not reported conversion gains.
06Delivery & learning
We delivered the product system described here. Product-market fit has not been established.
These case studies show our ability to connect brand, product, design and engineering. The next stage is to establish adoption, paid demand and customer outcomes.
A connected catalog of 31 illustrated puzzles.
Places that reveal pieces as you collect.
Identity, native experience, cloud system and website.
What the build taught us
The puzzle, the map and the keepsake have to tell the same story. Clear collection states and careful location boundaries matter as much as the illustration that makes someone want to start.
The next validation
The next questions are first real-world collection, reliable GPS checks across locations, puzzle completion, repeat walks and demand for additional cities. Product delivery and sample progress do not establish those outcomes.
The right team for the stage
We can take a product from idea to a working release, including its brand, frontend, managed backend and integrations.
The team model should evolve with the risk and demands of the business.
Before market fit is proven, scope and direction change quickly. Where appropriate, Supabase gives us a practical managed foundation. We can own application data models, authentication, backend functions and integrations while iterating on the product.
We recommend a lead responsible for data architecture, backend reliability, infrastructure and cybersecurity, working with AS1 on brand, product and design. Supabase may remain the right platform; scale calls for stronger engineering ownership, not an automatic rewrite.
Health-tech, fin-tech and other sensitive products: involve specialist engineering and security leadership from discovery. Data sensitivity, regulatory duties and operational risk can require that collaboration before market fit or rapid growth.
Your idea could be next
Bring us the problem, the people it serves and the stage you’re at. We’ll help shape a focused path from idea to product.
Discuss your project