Entresuelo

An editorial platform for neighborhood ecology, where the conversion goal is a person showing up.

Client: Self-initiated
Sector: Civic · Urban ecology
Market: Spain (concept)
Role: Strategy, UX, art direction, front-end
Timeline: 2026
Scope: Map-based discovery · Filters · Low-friction sign-up

The same principles that sell products work for participation: reduce the cost of the first step. Entresuelo matches initiatives to the time and skills people actually have, and shows how small spaces connect into a network.

Self-initiated concept. Brand, products and prices are fictional, built to test ideas I bring to client work.

Outcomes

3filters: time, skill, place

1tap to say “I’m interested”

Networks, not islands

An interactive atlas shows how a community garden, a tool library and a repair workshop reinforce each other: context that turns curiosity into commitment.

Entresuelo · entresuelo.org/atlas — Fig. 01The atlas: initiatives as a network.

Every pair of hands counts

Filters by availability and skill make the first step small and specific. One tap, no account.

Entresuelo · entresuelo.org/participa — Fig. 02Participation, filtered to a first small step.

Entresuelo · entresuelo.org — Fig. 02Participation, filtered to a first small step.

Design decisions

The system behind the screens

Civic projects often look like official notices. Entresuelo borrows the energy of a street poster (acid green, heavy grotesk, orange stamps) to make participation feel like joining something alive.

Color

#112B24 Forest Hero, map, dark bands 13.1:1 · AAA

#D3EE83 Acid Highlights, the participation band 10.9:1 · AAA

#C75B39 Stamp orange Actions, logo 3.7:1 · AA large

#BFD1B0 Sage Secondary planes 8.6:1 · AAA

#F3EFE5 Paper Reading background 12.2:1 · AAA

Forest and acid green carry the ecology; the orange is a rubber stamp, used only on things you can do.

Typography

Space Grotesk700 · -0.06em · caps

La ciudad también brota.

DisplayHeavy and tight like a street poster.

DM Sans400 · 0

Cuidar cultivos y preparar semilleros.

BodyFriendly and very readable on phones.

Grid & spacing

Columns: 12
Max width: 1600px
Gutter: 20px
Base unit: 8px

Activity rows are 64 px tall: one thumb-sized target per initiative.

Decisions, and why

01
Filter by the time you have

Why“Weekend · 3 h” is the real question, not the topic.

Instead of~~Categories by type of initiative.~~
02
One tap, no account

WhyThe first step must cost nothing.

Instead of~~Sign up before seeing details.~~
03
A map of relationships

WhySeeing the network makes a single action feel bigger.

Instead of~~A list of addresses.~~