Josh Ramirez
← Field guide

Entry 04 of 23

Departed Dec 2025

ESD Open HouseiOS appShipped
ESD Open House presentation graphic showing three before iPhone screens and three after iPhone screens for the app, with a large arrow between them and the text 'Your Open House Personal Guide'
Before and after in one frame: same open-house problem, cleaner guidance.

Departure

Open House Day is a logistics problem disguised as a welcome event. Visiting families come up the chapel walk holding a phone and need one answer: where am I supposed to be now? I built an iOS guide around that question: a home screen with the current event, a schedule, and a campus guide that could turn the next stop into navigation.

Approach

5 tools

  • React Native
  • Expo
  • Supabase
  • Gemini
  • Antigravity

One real test window: the actual open house. The app had to be rehearsable with a fake clock, readable while walking, and useful before anyone understood the campus.

Field log

5 entries

  1. First cut

    The first build was deliberately plain. The Home tab opened with 'Welcome to ESD Open House,' a single Up Next card, and a short itinerary underneath. The important part was already there: if a parent looked down for three seconds, they could see the current event, time, place, and Guide Me There button.

    Original ESD Open House iPhone home screen showing a teal HAPPENING NOW card for Check-In and Welcome, a Guide Me There button, and a simple itinerary timeline below
    First cut. Plain, but the core product was visible: what is happening now?
  2. The day-of lesson

    The schedule mattered. The map mattered. But on the actual walk up, the now-card was the app. Event software collapses to the thing happening next; everything else is reassurance for the person already moving.

  3. Antigravity, useful and not

    I used Antigravity to rebase the event dates so the app could be tested before the real Sunday. It handled the schedule swap cleanly, then got tangled when I asked it to fix the fake-time harness too. The screenshot tells the whole day: schedule.ts updated, TimeProvider and DevTimeSlider half-edited, Expo running, Android SDK warnings, and the agent terminating before the time-machine path was actually clean.

    Google Antigravity IDE showing the Open House React Native project, schedule.ts and TimeProvider.tsx open, Expo terminal logs, and an agent panel describing event date updates before an agent terminated error
    Antigravity was good at the broad date swap and brittle inside the fake-clock chain.
  4. Gemini pass

    The redesign made the same product feel more like ESD. The blue serif headings, lighter cards, yellow status pill, bigger navigation button, and circular campus map all pushed the app away from utility prototype and toward open-house guide.

    Three angled iPhone mockups of the final ESD Open House app showing the home countdown screen, an Event Details modal for Chapel Service with speakers, and a Campus Guide navigation screen
    The final mockup: home, event details, and guided campus navigation.
  5. Campus guide

    The map view became the clearest visual upgrade. A circular satellite cutout kept the campus recognizable, red pins marked destinations, the blue dot marked the visitor, and the button copy stayed simple: Guide me.

    Final Campus Guide iPhone screen with a circular satellite map of the ESD campus, red location pins, a blue current-location dot, and a dark blue Guide me button
    Campus Guide, redesigned: fewer controls, clearer next action.

From the gallery

5 figures

Before and after overview of ESD Open House app screens
The pitch slide: before, after, and the reason for the redesign.
Final three-screen ESD Open House mockup with home, details, and guide screens
The finished shape.
Original Open House home screen with Up Next card
The first functional now-card.
Redesigned Campus Guide screen with circular satellite map
The final map treatment.
Antigravity IDE with Open House schedule and TimeProvider files during debugging
The agentic edit chain mid-debug.

What I came back with

One answer for visiting families: what now, and where next.

Lesson from the terrain

The open-house app worked because it respected the moment: families did not need a portal, they needed a next step. The first cut found the center of gravity with the now-card; the Gemini pass made that same idea feel designed; Antigravity helped with broad repo edits but still struggled when the change required understanding time, simulation, and Expo all at once. The product lesson was simple: make the current event impossible to miss, then make the next location one tap away.

Cross-links