KING’S DEVELOPMENT And AI

Screens

The work,
as it actually looks.

Three projects we're free to show, captured from the running apps and the live site rather than mocked up. The project under NDA appears on the main page with a single anonymised screen: no client name, no mark, no data.

Back to the work

Live web app · 4 days

REIGN

A training and nutrition log built for a phone with a locked screen and no signal. Access is enforced by Row Level Security in the database, so a tampered client gets nothing back rather than somebody else's data.

  • The workout screen: today's session, the current exercise, set counters and suggested warm-up weights.

    The session. Set counters, warm-up weights and the last thing you lifted, all on one screen.

  • The plan screen: a weekly split with each day assigned a session type and an edit control.

    The week. Each day gets a session, and the exercises behind it are editable.

  • The body screen: a weight trend chart with seven day, thirty day and weekly changes above a check-in form.

    Body tracking. Trend chart, deltas over three windows, and a check-in that remembers last time.

  • The nutrition screen: calories remaining, macro progress bars and a quick-add list of saved meals.

    Nutrition. Macros against targets, and one tap to log a meal you eat every week.

  • The board screen: a weekly leaderboard and a six-month grid of training days.

    The board. A leaderboard between two people, and six months of turning up at a glance.

Web, iOS and Android · 12 days

Placely

A student placement platform: CV builder, placement matching, company profiles, revision planning and an admin back office. The iOS and Android apps are thin wrappers around this same web app, so there is one source of truth rather than three codebases to keep in step.

  • Sign-up step two of five: choosing between a student and a company account, with a progress bar.

    Signing up. Five short steps with a guide, rather than one long form that gets abandoned.

  • The dashboard: a greeting, a find placements button, an XP level card and a five-stage progress tracker.

    The dashboard. Where you are in the process, and the single next thing worth doing.

  • The placements list: filterable cards showing employer, role, sector, location, hours and deadline.

    Finding a placement. Filterable listings with the details that decide it up front.

  • The achievements screen: an XP level card above earned and locked achievements grouped by stage.

    Achievements. Progress made visible, because a placement search is long and mostly silent.

Website · under 1 week

WERM

Water and Environmental Resource Management trace misconnected drainage for water companies. The site is written for the householder who has just been contacted and wants to check the caller is genuine, rather than for someone shopping around. It ships as a static build, so there is no CMS to patch and no server to keep secure. Live at werm.com.

  • The WERM home page: the headline 'Drainage and misconnection investigation specialists', a paragraph of background, a photograph of the office entrance, and two buttons offering an explanation or a phone number.

    The home page. Who they are and why you might have heard from them, above the fold.

  • A section headed 'Why we've been in touch, and what happens next', with three numbered steps beside a panel headed 'Check it's really us' listing ways to verify a caller.

    The reason most visitors arrive. Three numbered steps, and a panel on how to verify the caller before letting anyone in.

  • The contact page: office address in Romford, a telephone number and an email address.

    Contact. A phone number and an address, because that is what someone checking you are real wants.

  • The same home page on a phone, with the navigation collapsed and the headline and photograph stacked.

    On a phone, where most of these visitors are reading it.

Want one of your own?

Tell us what's slowing you down and you'll have a scope call in the next working day.

Start a project