Odd Neighbours · UI mock-ups plain HTML, no game logic Whole building

Odd Neighbours: UI mock-ups

Everyone owns one room in a strange apartment building. Every day, everyone changes something. Tomorrow you discover what living next door to these people has done to your home.

Every page uses the same fictional cast and the same overnight change: rain from u/fern_and_fog's room upstairs turns your bakery into a mushroom bakery. Mrs Pell is a computer resident. Nothing here is a working game.

First-look check: do this before showing anyone this page

Send 3–5 people straight to one of these links, say nothing, and ask “What happened here?” Write their words down exactly. It passes if most describe the bakery becoming mushroom-themed or growing something, rather than damage or a leak.

A. Layout directions same content, same states

Compare these for layout only. Each has the feed card at two test sizes (340 px and 520 px, not Reddit's real limits), moving in, and the morning reveal with and without captions.

Home window

Your room fills the screen; neighbours are chips around it, and the neighbour who caused the change gets real space.

Reveal · No caption

Comic reveal

Three panels: yesterday, the neighbour's change, your room now.

Reveal · No captions

Lobby stories

A noticeboard of the building's overnight stories, leading into your room.

Reveal · No headlines

DirectionProsCons
Home window, causing neighbour enlargedStrong ownership, and the relationship gets space when it mattersLittle sense of the wider community; the enlarged edge mustn't crowd your room
Comic revealThe cause and the joke are clear at once; very screenshot-worthyLess to explore; feels like a cut-scene
Lobby storiesDiscovery and sharing; very Reddit-likeYour home comes second; text-heavy

B. Enhancement stages built on Home window

Each stage adds one thing on top of direction A. If another direction wins, these get rebuilt on it.

Stage 2 · Before/after

Last night · This morning

Stage 3 · Respond

Respond sheet · After sending

Stage 4 · Shared history

History with neighbours

StageAddsWatch for
2Before/after inspectionSeveral effects at once could get busy
3Respond to both, either or neither; note under the doorImplies mechanics we haven't designed
4Shared historyOnly means something after several days

Also

The whole building: an overview reached from every direction. It shows a newcomer on the newest floor.

These pages are kept out of search engines, but anyone with the link can open them.