Интерактивный персональный сайт

История раскрывается через прокрутку, фотографии, викторину, игру и письмо, которое открывается после двух действий.

проект работает без серверной части

Локальный интерактивный эксперимент

Задача

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

Контент содержит личные даты, фотографии и тексты, поэтому публичный кейс раскрывает только механику.

Отделить персональный контент от кода.

Открыть секретное письмо только после викторины и игры, не сломав мобильную версию и режим сокращённого движения.

Что сделали

Все тексты и ссылки на медиа хранятся в JSON. Временная шкала, галерея, викторина и игра строятся из этих данных.

Секретное письмо открывается после двух условий. Для отсутствующих фотографий есть понятная замена, а анимация сокращается по системной настройке пользователя.

Как устроено решение

Выберите часть системы, чтобы рассмотреть её отдельно.

ЗадачаИнтерактивный персональный сайт

Выбрано

static HTML/CSS/ES modules

проект работает без серверной части

За что отвечала команда

сценарий истории при прокрутке
контент, управляемый данными
викторина, игра и условия открытия письма
мобильная версия и режим сокращённого движения

Результат

проект работает без серверной части
контент меняется отдельно от кода
письмо открывается только после двух независимых действий и завершает историю

Что важно учитывать

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

Технологии

HTML · CSS · JavaScript · Canvas API

Расскажите о проекте

Опишем возможное решение, состав работ и предварительную стоимость.

Обсудить задачу Сначала посмотреть кейсы