Усі кейси

apricode.agency

  • Сайт студії
  • 3D-сайт
  • анімація
  • UX/UI

Сайт студії має не розповідати про рівень, а показувати його з першої секунди. Для нового англомовного сайту Apricode ми зробили 3D-світ із порталом, роботом-провідником і кейсами, що відкриваються без перезавантаження.

Відвідати сайт
  • 3D-світ замість шаблону
  • Кейси відкриваються без перезавантаження
  • Портфоліо, яке зручно гортати
  • Окрема композиція для телефона
  • Three.js
  • GSAP
  • Vite
  • Lenis
  • Blender
apricode.agency
apricode.agency — desktop
mobile
Статус
Власний сайт студії
Рік
2026
Роль
Арт-дирекція, 3D, розробка
Мова сайту
Англійська
Як це працює

Перший екран, який зупиняє

Портал над туманним морем і заголовок Make the digital feel extraordinary. Сторінка запрошує гортати далі, щоб пройти крізь портал.

Перший екран, який зупиняє
Перший екран, який зупиняє

Провідник, який веде сайтом

За порталом — світлий 3D-світ і робот-провідник. Він тримає увагу й підводить до того, що вміє студія.

Провідник, який веде сайтом
Провідник, який веде сайтом

Кейс відкривається без очікування

Клік — і картка проєкту розгортається в повний кейс без перезавантаження. «Назад» повертає до тієї самої картки, тож портфоліо легко гортати.

Кейс відкривається без очікування
Кейс відкривається без очікування

Сторінка студії з характером

About відкривається скляною 3D-формою над ландшафтом і однією думкою — Different minds, One direction. Клієнт відчуває студію ще до того, як прочитав про неї.

Сторінка студії з характером
Сторінка студії з характером
Про проєкт

3D-сайт, який запамʼятовують після першого візиту

Клієнт обирає студію за кілька хвилин на її сайті. Слова «креативно» й «сучасно» пишуть усі, тож переконує лише те, що людина бачить сама. Нам потрібна була англомовна вітрина для зарубіжних клієнтів, яка з першого екрана відрізняє Apricode від сотні схожих агенцій і змушує гортати далі.

Сайт відкривається порталом над морем. Людина гортає сторінку, і камера проходить крізь портал у світлий 3D-світ, де її зустрічає робот-провідник. Картка проєкту розгортається в повний кейс без перезавантаження, а кнопка «Назад» повертає на те саме місце. На сторінці про команду — велика обʼємна типографіка й портрети людей. На телефоні кожна сцена має власну композицію.

Важка графіка не заважає читати. Якщо браузер не підтримує 3D, увімкнено економію трафіку чи вимкнено анімацію, людина бачить звичайну версію з тим самим змістом. Так само ми працюємо над сайтами клієнтів: ідея, 3D, дизайн і розробка в одній команді. Хочете сайт, який запамʼятовують? Почніть зі сторінки розробки сайтів або UI/UX-дизайну.

Потрібен схожий 3D-сайт, який запамʼятовують після першого візиту?

Розкажіть про задачу — підготуємо рішення під ваш бізнес.

apricode.agency — preview

Повʼязані послуги