О ПРОЕКТЕ

Проект twinings-promo.ru представляет собой корпоративный промо-сайт, который даёт пользователю возможность узнать историю компании, её новости, а также интересующую посетителя информацию о продукте, представленном на российском рынке.

ОКАЗЫВАЕМЫЕ УСЛУГИ

Компания «ТриЛан» оказывала R.Twining and Company Limited услуги проектирования веб-дизайна, программирования сайта, вёрстки и наполнения контентом.

НАЧАЛО СОТРУДНИЧЕСТВА

Переговоры с клиентом начались в июне 2012 года. Примерно, в это же время началась работа над первой концепцией дизайна. Проект был полностью завершён и опубликован в марте 2013 года.

ХОД РАБОТЫ

В основу первой концепции дизайна были положены представления о богатых традициях создания чайных букетов Twinings и отличном качестве продукции компании, достигающемся благодаря использованию самых современных технологий. Визуально воплотить синтез традиций и технологий было решено, используя два блока: слайдер, рассказывающий историю Twinings, и быстрый доступ к каталогу по сортам чая.

В первом варианте дизайна атмосфера чаепития создавалась благодаря применению в визуальном оформлении элементов, имитирующих процесс заварки чая — погружающихся на дно чайника чаинок, которые плавно движутся при пролистывании слайдера с историей.

Однако заказчик предпочёл задействовать в оформлении черный и золотой цвета, как соответствующие обновлённому корпоративному стилю, дополнив своё указание пожеланием увидеть больше интерактивных элементов. Что из этого получилось, судить вам.

ОПИСАНИЕ СТРАНИЦ

ГЛАВНАЯ СТРАНИЦА

Дизайн главной страницы сайта выполнен в соответствии с пожеланиями клиента о соблюдении нового корпоративного стиля. Чёрный и золотой цвета, современный шрифт, большие и изображения и минимализм — вот, на что была сделана ставка при разработке концепции.

При наведении курсора на меню отображается часть фоновой фотографии соответствующего раздела в качестве тизера.

СТРАНИЦА НОВОСТЕЙ

Удобный просмотр анонсов и подробного описания новостей.

Вид Лондона меняется с приходом тёмного времени суток.

СТРАНИЦА КАТАЛОГА

Информативный и удобный каталог. Переход от одного продукта к другому осуществляется в один клик.

СТРАНИЦА ИСТОРИИ КОМПАНИИ

Красочная история Twinings в лицах и цифрах.

ЗАДАЧИ И ИХ РЕШЕНИЯ

Дмитрий Кукушкин, ведущий программист:

Задача: Обеспечить динамическую работу визуальных эффектов на страницах сайта без их перезагрузки.

Решение. Использование технологии асинхронной загрузки Ajax.

Александр Асланов, ведущий программист-верстальщик:

Задача: Реализовать возможность плавного перехода от одной категории каталога к другой.

Решение: Смена изображений реализована через jQuery. При нажатии на один из пунктов каталога сайт посылает запрос к серверу, который возвращает позиции каталога и параллельно ведёт загрузку фонового изображения. Изображение показывается пользователю только в тот момент, когда полностью загрузится. В результате вместо резкой смены картинки пользователь видит плавный и красивый перелив.

СТОРОНЫ О ПРОЕКТЕ

Александр Асланов, ведущий программист-верстальщик:

«Понравилось работать над проектом. Интересная задача».

Дмитрий Кукушкин, ведущий программист:

«Очень интересный дизайн. Реализовать программную часть постарались соответствующе».

РЕЗУЛЬТАТ

Разработанный сайт оказывает положительное влияние на формирование узнаваемости бренда, создаёт у посетителей премиальное восприятие торговой марки, а также выступает каналом коммуникации компании с потребителем.

Перейти на сайт