Sapiegos: создание сайта крупнейшего технопарка Литвы
Расположившись на 9000 кв. метров госпиталя 19 века Sapiegos Вильнюсский технопарк стал оплотом стартап тусовки Литвы. Сделать сайт для места, где технологии гармонируют с историей – не самая простая задача. После нескольких недель бреинштормов у нас родилась идея первого варианта сайта – это был лендинг, но легким путем мы идти не хотели. Антон Моек подготовил отличный дизайн полной карты технопарка и близлежащих к нему строений. Заходя на сайт, человек мог не только ознакомиться с тем, что предлагает Литовское ИТ, но и увидеть масштабы технопарка. Мы написали структуру сайта на JavaScript и использовали технологию WebGL, сделав 2d и 3d версию. Дизайнеру пришлось попотеть, скрупулезно вставляя в карту технопарка здания, офисы и парк.
В то время мы уже сотрудничали с IMI VC и на одной из совместных вечеринок познакомились с Дариусом (Дариус Закайтис - директор Вильнюсского технопарка). Не упуская шанса, мы показали ему свою версию лендинга, которая его очень заинтересовала. Несколькими неделями спустя у Sapiegos появилась своя страница.
Спустя полгода, учредители технопарка захотели из лендинга сделать полноценный сайт и позвали нас в качестве разработчиков. Новый Sapiegos должен был быть более презентационным – рассказывающим пользователям о всех возможностях технопарка, включая стоимости, мероприятия и новости. Отталкиваясь от ТЗ мы решили сделать сайт в формате брошюры для которой потребовались хорошие снимки. У Вильнюсского технопарка богатая история, а само здание очень фактурное. Благодаря правильной реставрации, дизайнеры интерьера смогли создать модерн не уничтожив памятника культуры. Кирпичные стены пережившие наполеоновские войны и офисы А класса просто требовали быть сфотографированными и показанными на нашем сайте. С дизайном нам помог наш хороший друг Александр Лагута. Больше всего времени ушло на первую страницу - порядка 3 недель. Много споров и разногласий привели нас к общему видению концепции. Мы решили, что нам нужны не просто общие снимки технопарка, а скорее отдельные его фрагменты.
«Идея картинок на главной – просто как метафора, небольшая часть чего-то, что мозг пользователя сам дорисует в нужную сторону. По гамме мне хотелось чего-то светлого, однотонного, чтобы не было пестроты или излишней детальности» - дизайнер Алексей Лагута.
Пока фотограф делал свою работу, мы делали свою – начали продумывать то, как сайт будет работать. Так как он презентационный, то нам очень хотелось сделать простую и удобную навигацию под стать перелистыванию брошюры. На сайте был создан сквозной скролл. Блоки с фотографиями двигаются друг под другом так, чтобы пользователь, не отрывая палец от колесика мышки, смог ознакомиться с контентом. Sapiegos целиком и полностью создавался на Javascript. Одновременно с desktop версией, мы делали мобильную.
«Мы хотели добиться эффекта “достраивания образа”, когда пользователь заходит на сайт, видит фотографию и сам проецирует, что там дальше. Будет скучно видеть однотипные общие планы. Нам было важно, чтобы сайт рассказывал небольшую историю технопарка с фрагментами кирпичных стен, старой плитки, деревянными балками и вместе с тем бетонными полами, сафитами и современными интерьером» – Алексей Спасский CEO Phobos
Благодаря работе фотографа, сайт преображался и многое говорил сам за себя. Просто обратите внимание на страницу до появление снимка и после.
На создание всего сайта у нас ушло полтора месяца. Заказчику было важно получить готовое решение, поэтому и сейчас в Sapiegos постоянно обновляется раздел новостей и мероприятий. Сайт для технопарка – это была лишь первая ступень в истории. Сегодня в Sapiegos размещены 750 технологически оборудованных рабочих мест и десятки литовских и не только разработчиков создают там свои проекты.
