SiteFX

01 — Заданието

Уеб, който се усеща скъп

Посетителят решава за по-малко от секунда дали един бизнес изглежда истински, а движението, мащабът и светлината произнасят тази присъда, преди някой да е прочел и дума. SiteFX опакова тази секунда за агенциите: кинетична типография, HUD-ове, дъжд от код, полета от частици, курсори със захващане и сцени при скрол, родени в клиентски сайтове в София и преизградени като модули, които всеки екип може да добави към проект с един HTML атрибут. Сайтът трябваше да го докаже и да продава движение само със самия продукт.

02 — Подходът

Продуктът е страницата

SiteFX е хоризонтална писта от десет сцени, от 00 Boot до 09 Makers, през която се движите със скрол или като хванете страницата и я хвърлите. Пълен HUD рамкира всеки екран: таймкод на запис, часовник за София, FPS, брояч на работещите ефекти и самият runtime, който разказва собствените си събития, а скролбарът се превръща във времева линия на сцените. Заглавието се декодира през „expensive“, „alive“ и „cinematic“ над ускорител на частици, където курсорът е магнит, кликът е ударна вълна, а задържането зарежда сблъсък.

Стелажът представя дванайсетте модула като хардуер: всеки с номер, какво му трябва, тежестта си в килобайти и LED лампичка, свързана с runtime-а. Изключите ли един, той се премахва изцяло, а после се връща чист. Конзолата показва на живо всеки работещ екземпляр, а изключването на движението успокоява цялата страница до статична версия. Брандът е сигнал върху мастило: мастилено черно, костено бяло и едно сигнално зелено в три теми с AA контраст, Science Gothic, разтеглен по осите за ширина и тежест, Geist Mono за показанията и лого, което е скобата за захващане, затваряща се около „FX“.

Отдолу стои истински продукт с ясни отговори: runtime на чист JavaScript без зависимости в ядрото, ефекти, които се зареждат при нужда и уважават намаленото движение, и ясни цени — от безплатно демо на всеки ефект до отделни ефекти, годишни лицензи, скинове по поръчка и white-label дни, избрани в календар.

03 — Резултат

Какво изградихме

• Бранд идентичност, лого и три теми
• Хоризонтален продуктов сайт с HUD
• Дванайсет ефекта върху един runtime от 8,1 KB
• Конзола на живо и контрол на движението
• Лицензи, услуги и цени
• Адаптивна изработка за всички устройства

05 — Детайли

Накратко

Сектор

Уеб ефекти и инструменти за разработчици

Локация

София, България

Изработка

Библиотека с ефекти и продуктов сайт

Сайт

sitefx.app