02 / 09 · Website & deckСайт і презентація
Synthetica 2026Synthetica 2026
A dark, pixel-sharp landing page that sells a two-day conference — and a matching deck for partners.Темний «піксельний» лендинг, що продає дводенну конференцію, — і презентація в тому ж стилі для партнерів.
01 — Context01 — Контекст
Synthetica 2026 is a two-day conference in Kyiv (12–13 October) about how artificial intelligence changes visual design, products and digital experiences.Synthetica 2026 — дводенна конференція в Києві (12–13 жовтня) про те, як штучний інтелект змінює візуальний дизайн, продукти та цифровий досвід.
The audience is designers, product teams, artists and students who decide quickly and mostly on a phone.Аудиторія — дизайнери, продуктові команди, митці та студенти, які вирішують швидко і здебільшого з телефона.
Synthetica is a concept event; speakers and testimonials are illustrative.Synthetica — концепт події; спікери й відгуки ілюстративні.
02 — Task02 — Завдання
Create a landing page that makes the event feel like the future, explains the programme in seconds and drives ticket sales — plus a presentation for sponsors built from the same content.Створити лендинг, який передає відчуття майбутнього, за секунди пояснює програму і веде до купівлі квитка, — а також презентацію для спонсорів на основі того ж контенту.
03 — My role03 — Моя роль
I designed and built the landing page, including the scroll-driven 3D head, the schedule slider and the pricing block, and adapted it into a 10-slide deck.Я спроєктувала й зверстала лендинг — зокрема 3D-голову, що реагує на скрол, слайдер розкладу та блок цін — і адаптувала його в презентацію на 10 слайдів.
04 — Design decisions04 — Дизайнерські рішення
StructureСтруктура
One page that follows a buying decision: what it is → who speaks → what happens when → what people say → how much it costs.Одна сторінка, що йде за рішенням про купівлю: що це → хто виступає → що і коли → що кажуть люди → скільки коштує.
TypographyТипографіка
Geist Pixel for display text — pixels as a nod to generated images; Oxygen Mono for body text — technical and calm.Geist Pixel для заголовків — пікселі як відсилка до згенерованих зображень; Oxygen Mono для тексту — технічний і спокійний.
ColourКольори
Black stage with electric violet light: the palette of a real conference hall, with violet kept for actions.Чорна сцена й електричне фіолетове світло: палітра справжньої конференц-зали, де фіолетовий — для дій.
Presenting informationПодача інформації
The schedule is a slider of cards (time, format, title, speaker); two ticket types sit side by side so the difference is obvious.Розклад — слайдер карток (час, формат, назва, спікер); два типи квитків стоять поруч, тож різниця очевидна.
05 — Result in detail05 — Результат у деталях
Full screensПовні екрани
Desktop · 1440 pxДесктоп · 1440 px
Mobile versionМобільна версія
390 px390 px
PresentationПрезентація
10 slides · 16:910 слайдів · 16:9
Key scenariosКлючові сценарії
- Get the idea in one screen — name, dates, city and the ticket button.Зрозуміти ідею за один екран — назва, дати, місто й кнопка квитка.
- Check the speakers — names first, roles on hover.Переглянути спікерів — спершу імена, ролі при наведенні.
- Plan the two days — swipe through sessions by time.Спланувати два дні — гортати сесії за часом.
- Choose a pass — compare Standard and VIP side by side.Обрати квиток — порівняти Standard і VIP поруч.
06 — Summary06 — Підсумок
A live landing page and a matching sponsor deck: one visual language from the first scroll to the last slide.Робочий лендинг і презентація для спонсорів у тому ж стилі: одна візуальна мова від першого скролу до останнього слайда.
- Live, responsive landing pageРобочий адаптивний лендинг
- Scroll-driven animation without heavy librariesАнімація скролу без важких бібліотек
- 10-slide deck in the same styleПрезентація на 10 слайдів у тому ж стилі
- Reusable components for future editionsКомпоненти для наступних років події
Jungle BoxJungle Box
Flyer for partner osteopaths — double-sided, in FrenchФлаєр для партнерів-остеопатів — двосторонній, французькою