О проекте:
Иркутский хладокомбинат - это динамично развивающееся предприятие, которое ведет свою историю с 1958 года. Он был построен и пущен в эксплуатацию как второй по величине хладокомбинат на территории от Урала до Дальнего Востока.
Холодильные камеры разных размеров и температур, железнодорожные подъездные пути, пандусы для проведения погрузо-разгрузочных работ, парк погрузочной техники, ветеринарный пост — все предназначено для бережной и эффективной работы с большими партиями продовольствия, требующего особых температурных условий.
Холодильные камеры разных размеров и температур, железнодорожные подъездные пути, пандусы для проведения погрузо-разгрузочных работ, парк погрузочной техники, ветеринарный пост — все предназначено для бережной и эффективной работы с большими партиями продовольствия, требующего особых температурных условий.
Задача:
Нам нужно было разработать стильный, современный, но при этом простой и понятный сайт. Он должен отличаться от конкурентов, быть аккуратным и логичным.
Особый акцент важно было сделать на услугах хладокомбината, так как основной целевой аудиторией предприятия являются крупные компании, заинтересованные в долгосрочном хранении своей продукции.
Также стояла задача на разработку имиджевой страницы "О компании", где перечислялись бы ключевые преимущества комбината, и отдельной страницы "Вакансии", где соискатели могли бы оставлять свою заявку на работу.
Кроме того, нам необходимо было учесть, что часть блоков сайта должна быть реализована таким образом, чтобы клиент и его специалисты в будущем могли без особых проблем менять там контент.
Особый акцент важно было сделать на услугах хладокомбината, так как основной целевой аудиторией предприятия являются крупные компании, заинтересованные в долгосрочном хранении своей продукции.
Также стояла задача на разработку имиджевой страницы "О компании", где перечислялись бы ключевые преимущества комбината, и отдельной страницы "Вакансии", где соискатели могли бы оставлять свою заявку на работу.
Кроме того, нам необходимо было учесть, что часть блоков сайта должна быть реализована таким образом, чтобы клиент и его специалисты в будущем могли без особых проблем менять там контент.
Поиск идей:
Перед началом работы мы, как и всегда, отправились искать вдохновения. В данном проекте поиски осуществлялись несколькими способами:
Карта ассоциаций: мы выписали все возможные ассоциации, которые связаны со словом "Хладокомбинат". Сделано это было намерено, чтобы найти какие-нибудь необычные метафоры и использовать в дизайне, а также определится с настроением и стилистикой сайта.
В процессе у нас сложилась следующая картинка: холодные цвета - голубой, синий или сиреневый. Прозрачные плашки, напоминающие кусочки льда; снежные сугробы; сосульки или снежинки; что-то масштабное, технологичное, современное. Отсюда крупные широкие шрифты, большие фотографии.
В процессе у нас сложилась следующая картинка: холодные цвета - голубой, синий или сиреневый. Прозрачные плашки, напоминающие кусочки льда; снежные сугробы; сосульки или снежинки; что-то масштабное, технологичное, современное. Отсюда крупные широкие шрифты, большие фотографии.
Референсы: у нас было два вида референсов - пожелания и примеры сайтов от клиента + наша собственная подборка хороших дизайнов из разных областей.
Забавно, но клиенту очень нравился календарь, который висел на стене их офиса - там были изображены пингвины среди ледника. Что-то в подобном стиле от нас и хотели получить. Конечно, пингвинов мы добавлять не стали, но взяли идею с холодной Антарктидой на вооружение.
Забавно, но клиенту очень нравился календарь, который висел на стене их офиса - там были изображены пингвины среди ледника. Что-то в подобном стиле от нас и хотели получить. Конечно, пингвинов мы добавлять не стали, но взяли идею с холодной Антарктидой на вооружение.
От идеи к реализации:
После этапа генерации идей и поиска референсов мы приступили к самому сложному и интересному - созданию дизайн-концепции первого экрана.
Вариантов было действительно много, мы цеплялись буквально за каждую необычную идею и раскручивали ее в полноценную концепцию, которая будет работать.
Вариантов было действительно много, мы цеплялись буквально за каждую необычную идею и раскручивали ее в полноценную концепцию, которая будет работать.
Путём тщательного отсеивания и дальнейшей работы с деталями мы пришли к тому, что оставили 4 наиболее интересных и привлекательных варианта, из которых клиенту нужно было выбрать одного "победителя", на основе которого и будет строится весь сайт.
Для всех концепций был выбран широкий крупный шрифт, который показывает масштабность и технологичность предприятия, а также холодный сиреневый цвет - необычный оттенок, который передает морозную атмосферу не хуже синего или голубого.
В первой концепции на фоне используются вот такие "технологичные" сугробы. Которые выполнены не из снега, а из сетки. Такая метафора отсылает пользователей к тому, что Иркутский хладокомбинат - это динамично-развивающееся предприятие, которое постоянно развивается и совершенствует свои технологии.
Также в качестве декоративных элементов были использованы полупрозрачные "ледышки", чтобы добавить сайту атмосферу настоящего зимнего холода.
Также в качестве декоративных элементов были использованы полупрозрачные "ледышки", чтобы добавить сайту атмосферу настоящего зимнего холода.
Вторая концепция - отсылка к тому самому календарю на офисной стене. На фоне используется реальное фото заснеженных ледников. Также дополнительно паттерн льда был добавлен на заголовочный текст - для создания дополнительной глубины и атмосферности. Ну, и любимые декоративные "ледышки" тоже здесь.
Еще один вариант с отсылкой к календарю. И хоть он и выглядит намного проще, чем все остальные, но это не умаляет его эффектности. Огромные заснеженные просторы на фоне опять же говорят о масштабности иркутского хладокомбината.
Последний вариант будет знаком тем, кто уже видел сайт. Именно его выбрал клиент. В основе данной концепции лежит огромное бело пространство, которое показывает величину предприятия и настоящая 3D-модель иркутского хладокомбината, разработанная нами специально для сайта.
Данная концепция выглядит очень современно и стильно, а благодаря декоративным элементам добавляет сайту той самой атмосферы холода и ледников.
Данная концепция выглядит очень современно и стильно, а благодаря декоративным элементам добавляет сайту той самой атмосферы холода и ледников.
Итоговый дизайн:
На основе выбранной концепции мы разработали дизайн остальных блоков сайта, которые выполнены в такой же "холодной" стилистике с крупными полупрозрачными плашками, минималистичными иконками и снежными паттернами на фоне.
Вёрстка сайта: перерабатываем первый экран
На этапе вёрстки клиент попросил нас переработать первый экран, в частности:
В итоге у нас получился новый вариант первого экрана
- Переделать 3D-модель хладокомбината
- Вынести все услуги на начальный экран, чтобы сократить путь пользователя.
В итоге у нас получился новый вариант первого экрана
Мы детализировали модель комбината, добавив на него железнодорожные пути и больше грузовых автомобилей на стоянке. Также мы немного изменили масштаб и угол наклона.
Услуги мы добавили в форме крупных округлых кнопок, при нажатии на которые можно быстро попасть на страницу интересующей услуги.
Услуги мы добавили в форме крупных округлых кнопок, при нажатии на которые можно быстро попасть на страницу интересующей услуги.
Также мы разработали удобную страницу с вакансиями, где любой специалист может быстро оставить заявку на подходящую должность.
Итоги:
Команда QWER.agency разработала сайт для Иркутского хладокомбината. В итоге у нас получился стильный и удобный сайт, который полностью отвечает запросам клиента и отлично выполняет свои функции.