Ernest E. Guzmán, home

Запись на I квартал 2027 · 2 места для постоянной работы

///
Обсудим

Концепт · Платформа сообщества · Дизайн вовлечения · Концепт

Entresuelo

Редакционная платформа о городской экологии района, где цель конверсии в том, чтобы человек пришёл.

Клиент
Собственная инициатива
Сфера
Гражданские проекты · Городская экология
Рынок
Испания (концепт)
Роль
Стратегия, UX, арт-дирекшн, фронтенд
Период
2026
Объём
Поиск по карте · Фильтры · Запись без трения
Entresuelo

Принципы, которые продают товары, работают и для участия: снизить цену первого шага. Entresuelo подбирает инициативы под время и навыки, которые у людей действительно есть, и показывает, как маленькие пространства складываются в сеть.

Концепт по собственной инициативе. Бренд, товары и цены вымышлены: я сделал его, чтобы проверить идеи, которые потом применяю в работе с клиентами.

Результаты
3фильтра: время, навык, место
1касание, чтобы сказать «мне интересно»
01

Сети, а не острова

Интерактивный атлас показывает, как общественный огород, библиотека инструментов и мастерская ремонта усиливают друг друга: контекст, который превращает любопытство в участие.

Entresuelo · entresuelo.org/atlas
Рис. 01Атлас: инициативы как сеть.
  1. 1Линии показывают связи, а не просто метки
  2. 2Выбранное место открывает свою карточку
02

Важны любые руки

Фильтры по свободному времени и навыкам делают первый шаг маленьким и конкретным. Одно касание, без аккаунта.

Entresuelo · entresuelo.org/participa
Entresuelo · entresuelo.org
Рис. 02Участие, отфильтрованное до маленького первого шага.
  1. 1Фильтр по времени и навыку
  2. 2Одно касание: «Мне интересно»
Дизайн-решения

Система за экранами

Гражданские проекты часто выглядят как официальные объявления. Entresuelo заимствует энергию уличного плаката (кислотно-зелёный, тяжёлый гротеск, оранжевые штампы), чтобы участие ощущалось как вступление во что-то живое.

A

Цвет

#112B24 Forest Первый экран, карта, тёмные полосы 13.1:1 · AAA
#D3EE83 Acid Выделения, полоса участия 10.9:1 · AAA
#C75B39 Stamp orange Действия, логотип 3.7:1 · AA large
#BFD1B0 Sage Второстепенные плоскости 8.6:1 · AAA
#F3EFE5 Paper Фон для чтения 12.2:1 · AAA

Лесной и кислотно-зелёный несут экологию; оранжевый служит резиновым штампом и ставится только на то, что можно сделать.

B

Типографика

Space Grotesk700 · -0.06em · caps

La ciudad también brota.

АкцидентТяжёлый и плотный, как уличный плакат.

DM Sans400 · 0

Cuidar cultivos y preparar semilleros.

Основной текстДружелюбный и очень читаемый на телефоне.

C

Сетка и отступы

Колонки
12
Макс. ширина
1600px
Межколонник
20px
Базовая единица
8px
8
16
24
32
56
96

Строки активностей высотой 64 px: одна цель под большой палец на каждую инициативу.

D

Решения и почему

  1. 01

    Фильтр по свободному времени

    ПочемуНастоящий вопрос звучит как «выходные · 3 ч», а не как тема.

    ВместоКатегории по типу инициативы.

  2. 02

    Одно касание, без аккаунта

    ПочемуПервый шаг не должен ничего стоить.

    ВместоРегистрация до просмотра подробностей.

  3. 03

    Карта связей

    ПочемуКогда видишь сеть, одно действие кажется больше.

    ВместоСписок адресов.

E

Схема

Путь участия
  1. 01Прочитать
  2. 02Увидеть сеть
  3. 03Фильтр по времени
  4. 04«Мне интересно»
Экраны · 04 Тяните · нажмите, чтобы увеличить
Entresuelo · 01
Entresuelo · 02
Entresuelo · 03
Entresuelo · 04
Инструменты
  • HTML · CSS · JS
  • SVG
  • GSAP
Результаты работы
  1. Бренд и арт-дирекшн
  2. Путь участия
Следующий проект · 01 Hussars Мужская одежда · Shopify · Meta Ads · Собственные приложения
Листайте дальше
© 2026 Ernest GuzmánОбсудим →