Магія 3D: Перетворення Тубного Заводу в Віртуальну Реальність

У епоці цифрового світу більше ніхто не обмінюється паперовими візитками. Тепер бізнес-представлення розпочинається з веб-сайтів. До нашого агентства часто звертаються саме за креативними іміджевими веб-сайтами. Вони відрізняються від корпоративних тим, що їхня мета – не лише доступно подати інформацію користувачам, а й створити вау-ефект і миттєво занурити відвідувача в потрібну атмосферу. Ми принципово не використовуємо жодних шаблонів для цього типу веб-сайтів, щоб уникнути навіть двох схожих.

Дано: найінноваційніший завод з виробництва туб, тюбиків і контейнерів для кремів, зубних паст, фарб тощо в Європі. Важливо відзначити, що мова йде про тубний завод, і тут немає жодної помилки. Цей завод виробляє приблизно 90% подібної продукції на території СНД. Їм потрібен веб-сайт, який відобразить масштаб і потужність їхнього виробництва.

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

Ми зіткнулися з проблемою, коли виявилося, що завод занадто великий і просто не вміщався в картинці. Ми ускладнили ідею і вирішили побудувати цілу 3D-модель заводу: інтерактивну 3D-модель, де користувач може “прогулятися” по території, зближувати, віддаляти та обертати зображення за своїм бажанням.

Наш відділ дизайну розпочав довгий процес створення дизайну “від пікселя до пікселя”. Ми удосконалювали різноманітні текстури, труби, кондиціонери та створювали блики на вікнах.

Спочатку ми намалювали кожну будівлю, а потім склали їх, створивши загальну карту. Результат виглядав так, ніби наш завод стояв на підставці, оскільки навколо залишався цілий білий фон. Ми заповнили це простір пагорбами, додали ландшафту, такі як дерева, трава та дороги. Ми налаштували кольори та тіні так, щоб залежно від того, куди дивиться користувач, змінювалася та, як сонце освітлює об’єкти.

На даний момент цей проект є одним з найскладніших в агентстві з точки зору дизайну. Ми ніколи раніше не створювали так деталізовані дизайни веб-сайтів – і не впевнені, що це робили хтось в Україні або взагалі для будь-якого заводу.

Ми, звісно, трохи захопились фотореалізмом. В кінці кінців, наша модель важила 150 мегабайт – це близько п’яти хвилин завантаження головної сторінки при нормальній швидкості інтернету. Проблему ми вирішили шляхом оптимізації, зробивши загальне зображення трохи менш різким, показуючи всі деталі, які ми ретельно виправляли, коли зображення відображається у великому масштабі при завантаженні внутрішніх сторінок. Ми стиснули модель в 15 разів, скоротивши час завантаження до 5 секунд.

Це було справжнє випробування, створити щось ідеальне і задовольнити нашого художнього керівника. Але дизайн веб-сайту вже готовий, і ми передали його відділу розробки. Для верстки ми використовуватимемо дуже незвичну технологію, яка дозволить масштабувати зображення та “гуляти” по території заводу. Скоро ми представимо кейс з усіма деталями. Далі буде.