Рейтинг: 43
не верифицирован
Всего отзывов: 0
  • Работ в портфолио: 3
  • Типовых услуг: 0
  • Работ на продажу: 0
Был на сайте:

Лендинг-тизер для визуальной новеллы "Dark Time Studio" Атмосферный одностраничный сайт с интерактивным диалогом для анонса игры.

Используемые навыки:

Описание

Я поставил задачу создать эффектный и запоминающийся тизер для своей новой визуальной новеллы в жанре хоррор/мистика. Цель - не просто проинформировать о проекте, а погрузить потенциального игрока в уникальную атмосферу игры, вызвать интригу и дать почувствовать её стилистику. Ключевая задача заключалась в разработке лаконичного, но мощного по воздействию лендинга, который служил бы точкой входа для фанатов жанра и привлекал подписчиков в социальные сети.

Решение

Визуальный стиль: Выбрана тёмная цветовая палитра с акцентами кроваво-красного. Реализованы элементы, характерные для эстетики хоррора: "глитчи", мерцание, эффект старых сканирующих линий (scanlines), едва заметные брызги крови на фоне.

Интерактивность: Центральным элементом сайта стал интерактивный диалог с типографским эффектом. Текст появляется посимвольно, имитируя диалог в самой новелле, что усиливает погружение. Пользователь может кликнуть или нажать любую клавишу для перехода к следующей реплике.

Техническая реализация: Сайт написан на нативном HTML, CSS и JavaScript. Анимации и эффекты (мерцание, глитчи, движение сканирующих линий) реализованы средствами CSS. Логика последовательного отображения диалога и типографского эффекта прописана на чистом JavaScript.

Адаптивность: Продуман адаптивный дизайн, обеспечивающий корректное отображение на различных устройствах, от десктопов до мобильных телефонов.

Результат

В результате был создан уникальный атмосферный лендинг, который полностью передаёт дух игры. Готовый продукт интегрирован в онлайн-присутствие студии и используется как визитная карточка проекта на этапе его разработки. Он служит центральным хабом, перенаправляя заинтересовавшихся пользователей на страницы студии в Game Jolt, Telegram и YouTube для дальнейшего слежения за разработкой.

Ссылки на примеры реализации

 youtu.be/afbZr-j4aV8

Презентация проекта

photo_5382170385480551358_w.jpg
photo_5382170385480551370_w.jpg

Оценили проект:

0