LodgePlug

UI/UX design, so far

Student accommodation, verified agents and a campus marketplace for every university, polytechnic and college of education in Nigeria. Updated 26 Oct 2026.

Brand, flows and design systemDone
Student app, account and ID check · 37 screensDone
Agent app · 23 screensDone
Marketplace · 25 screensDone
Admin dashboard · 20 screensDone
Developer handoff packNext

Which portal do you want to see?

Pick one. It opens as a phone you can tap through, starting from the first screen. In the real app everyone uses the same sign-in, then chooses student, agent or seller.

Ready · 37 screens

Student portal

For students looking for a lodge.

  1. Welcome
  2. Sign up or sign in (phone or email)
  3. Choose school
  4. Find a lodge
  5. Book inspection
  6. Pay safely
Open the app See all screens at once
Ready · 23 screens

Agent portal

For agents who list rooms to students.

  1. Sign up and get verified
  2. Choose a plan
  3. Dashboard
  4. Add listing
  5. Reply to leads
  6. Accept inspections
Open the app See all screens at once
Ready · 25 screens

Marketplace

For students buying, and shops selling, things to settle in.

  1. Browse and search
  2. Ask the seller
  3. Pay safely
  4. Confirm delivery
  5. Open a shop
  6. Fulfil orders, get paid
Open the app See all screens at once
Staff only · 20 screens

Admin dashboard

For LodgePlug staff, on a laptop. In the real product it lives at a private staff address and isn't linked from the app.

  1. Staff sign-in
  2. Overview by campus
  3. Verify agents
  4. Review listings, sellers
  5. Act on reports
  6. Create, edit and delete anything
Open the app See all screens at once
How to look aroundTap buttons and links inside the screens, just like the real app.Use the bar at the top of every screen to see the full list or come back here.The arrows at the top right step through screens in order.
Behind the design
Complete

Design system

Colours, type, spacing, 22 reusable components and the logo rules. The source of truth for designers and developers.

Open Approved

Logo

The House-Plug: a home that plugs you in. Construction, lockups, app icons and the mark in use.

Open Complete

User flows

How students, agents, buyers, sellers and admins move through the app, with all 77 screens listed.

Open Complete

Student wireframes

The greyscale layouts (S-01 to S-20) the student app was built from.

Open Complete

Agent wireframes

Greyscale layouts for agent sign-up, verification and the public profile (A-01 to A-09).

Open

Where we are

  • Brand: logo, colours and type
  • User flows for every portal
  • Design system with reusable components
  • Student app, high fidelity and clickable
  • Agent app · 23 screens
  • Marketplace, buyer and seller · 25 screens
  • Admin dashboard, desktop web · 20 screens, staff only
  • Developer handoff pack

Brand at a glance

Plug Green Campus Yellow Leaf Green

Headings in Bricolage Grotesque, body text in DM Sans, logo wordmark in Plus Jakarta Sans. Every screen is built for clarity: one main action per screen, large tap targets, plain English, and safety messages at the moments that matter.

Decisions still open for the LodgePlug team: which Part B features to keep, the payment provider, agent ID checks, and the final Home video.