О ПРОЕКТЕ
Проект twinings-promo.ru представляет собой корпоративный промо-сайт, который даёт пользователю возможность узнать историю компании, её новости, а также интересующую посетителя информацию о продукте, представленном на российском рынке.
ОКАЗЫВАЕМЫЕ УСЛУГИ
Компания «ТриЛан» оказывала R.Twining and Company Limited услуги проектирования веб-дизайна, программирования сайта, вёрстки и наполнения контентом.
НАЧАЛО СОТРУДНИЧЕСТВА
Переговоры с клиентом начались в июне 2012 года. Примерно, в это же время началась работа над первой концепцией дизайна. Проект был полностью завершён и опубликован в марте 2013 года.
ХОД РАБОТЫ
В основу первой концепции дизайна были положены представления о богатых традициях создания чайных букетов Twinings и отличном качестве продукции компании, достигающемся благодаря использованию самых современных технологий. Визуально воплотить синтез традиций и технологий было решено, используя два блока: слайдер, рассказывающий историю Twinings, и быстрый доступ к каталогу по сортам чая.
В первом варианте дизайна атмосфера чаепития создавалась благодаря применению в визуальном оформлении элементов, имитирующих процесс заварки чая — погружающихся на дно чайника чаинок, которые плавно движутся при пролистывании слайдера с историей.
Однако заказчик предпочёл задействовать в оформлении черный и золотой цвета, как соответствующие обновлённому корпоративному стилю, дополнив своё указание пожеланием увидеть больше интерактивных элементов. Что из этого получилось, судить вам.
ОПИСАНИЕ СТРАНИЦ
ГЛАВНАЯ СТРАНИЦА
Дизайн главной страницы сайта выполнен в соответствии с пожеланиями клиента о соблюдении нового корпоративного стиля. Чёрный и золотой цвета, современный шрифт, большие и изображения и минимализм — вот, на что была сделана ставка при разработке концепции.
При наведении курсора на меню отображается часть фоновой фотографии соответствующего раздела в качестве тизера.
СТРАНИЦА НОВОСТЕЙ
Удобный просмотр анонсов и подробного описания новостей.
Вид Лондона меняется с приходом тёмного времени суток.
СТРАНИЦА КАТАЛОГА
Информативный и удобный каталог. Переход от одного продукта к другому осуществляется в один клик.
СТРАНИЦА ИСТОРИИ КОМПАНИИ
Красочная история Twinings в лицах и цифрах.
ЗАДАЧИ И ИХ РЕШЕНИЯ
Дмитрий Кукушкин, ведущий программист:
Задача: Обеспечить динамическую работу визуальных эффектов на страницах сайта без их перезагрузки.
Решение. Использование технологии асинхронной загрузки Ajax.
Александр Асланов, ведущий программист-верстальщик:
Задача: Реализовать возможность плавного перехода от одной категории каталога к другой.
Решение: Смена изображений реализована через jQuery. При нажатии на один из пунктов каталога сайт посылает запрос к серверу, который возвращает позиции каталога и параллельно ведёт загрузку фонового изображения. Изображение показывается пользователю только в тот момент, когда полностью загрузится. В результате вместо резкой смены картинки пользователь видит плавный и красивый перелив.
СТОРОНЫ О ПРОЕКТЕ
Александр Асланов, ведущий программист-верстальщик:
«Понравилось работать над проектом. Интересная задача».
Дмитрий Кукушкин, ведущий программист:
«Очень интересный дизайн. Реализовать программную часть постарались соответствующе».
РЕЗУЛЬТАТ
Разработанный сайт оказывает положительное влияние на формирование узнаваемости бренда, создаёт у посетителей премиальное восприятие торговой марки, а также выступает каналом коммуникации компании с потребителем.
Проведите конкурс среди участников CMS Magazine
Узнайте цены и сроки уже завтра. Это бесплатно и займет ≈5 минут.