WWW.NET.KNIGI-X.RU
БЕСПЛАТНАЯ  ИНТЕРНЕТ  БИБЛИОТЕКА - Интернет ресурсы
 

«О магазине «SPIRITUS 888» - это Интернет-магазин эксклюзивной дизайнерской одежды. Название Магазина переводится на русский язык как «душа», «дух», «веяние», «дуновение», ...»

Заказчик: ИП Фомина Е. С.

Отрасль: дизайнерская одежда и предметы интерьера

Разработчик: компания «АйТи центр»

Сайт: spiritus888.com

О магазине

«SPIRITUS 888» - это Интернет-магазин эксклюзивной дизайнерской одежды.

Название Магазина переводится на русский язык как «душа», «дух», «веяние»,

«дуновение», «настроение».

Наше сотрудничество началось в ноябре 2011 года и продолжается до сих пор.

Разработка фирменного стиля

Работы над проектом начались с разработки фирменного стиля Магазина.

Фирменный стиль в рамках договора оказания услуг включал в себя создание:

логотипа бланка визитки конверта Первым этапом стало создание логотипа.

Дизайнеру проекта было предложено 4 варианта названия Магазина на латинском языке:

1. CULTUS MODUS

2. NOVUS OFFICIUM

3. SPITITUS

4. SURSUM

Используя первые три варианта названия, мы предложили следующие эскизы логотипа:

Клиенту понравился вариант SPIRITUS, но было решено добавить к названию три восьмерки.

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

В итоге был выбран следующий логотип:

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

Вариант 1 Конверт Бланк документа Визитка Вариант 2 Конверт Бланк документа Визитка



В поисках оригинальных идей для визитки были предложены следующие варианты:

Визитка – оборотная сторона:

В результате был утвержден следующий фирменный стиль, которым остался доволен заказчик:

Визитка – лицевая сторона Визитка – оборотная сторона Бланк Конверт Разработка дизайна На следующем этапе работы мы приступили к созданию дизайна сайта.

Вот как выглядела первая версия страницы каталога:

Концепция предложенного дизайна была взята за основу, но макет еще не раз переделывался. Было проработано около двух десятков вариантов шаблона страницы. Мы проделали серьезную работу, экспериментировали с отдельными элементами страницы и ее структурой.

Итоговым стал следующий вариант страницы каталога:

Смена языка выглядела так:

Макет страницы товара:

Главная страница:

Представленный макет был интегрирован в систему управления 1С-Битрикс. Но на определенном этапе разработки проекта заказчик понял, что ожидал несколько иной результат. Путем совместных усилий и обсуждений макет сайта был переработан. Мы проделали действительно большую работу по изменению дизайна Интернет-магазина. Страницы сохранили свою структуру, но поменялись шрифты, прорисовка отдельных элементов, и сайт стал выглядеть по-другому, он стал по-настоящему современным. Ничего лишнего, все лаконично, чисто и со вкусом.

О том, что получилось, поговорим далее.

Главная страница

Главная страница теперь выглядит вот так:

–  –  –

Сразу хотим оговориться, что видеоролики с птицей SPIRITUS, которые размещены на главной странице сайта, были разработаны московской компанией, поэтому за их внешний вид мы никакой ответственности не несем.

Попадая на главную страницу сайта, пользователь видит блок с видео-контентом. Видео начинает воспроизводиться автоматически, циклично. Никаких элементов управления у видео нет. Видео размещено при помощи HTML 5.

Под блоком с видео находится меню навигации по основным разделам каталога. Когда пользователь нажимает на какой-либо пункт меню, появляется всплывающее окно для выбора языка.

Пользователь выбирает язык.

Далее, в зависимости от выбранного раздела каталога, в центральном блоке вместо видео по умолчанию начинает проигрываться видео соответствующего раздела (для женщин, для мужчин, балет или уют).

В зависимости от выбранного языка после окончания проигрывания видео пользователь автоматически перенаправляется в выбранный раздел каталога на нужном языке. Если пользователь не хочет дожидаться окончания видео – он может самостоятельно перейти в выбранный раздел по появившейся ссылке под блоком с видео справа.

Если пользователь нажимает ссылку «ABOUT» - после выбора языка открывается всплывающее окно (попап) с текстом о Магазине на нужном языке, редирект не происходит, окно можно просто закрыть.

На сайте есть отдельная главная страница для раздела «Балет». Работает она по аналогии с основной главной страницей, там лишь немного иначе выглядит меню и размещены другие видеоролики.

Главная страница раздела «Балет» http://spiritus888.com/balley.php Раздел каталога Так выглядит страница раздела каталога. Представлен список товаров раздела.

–  –  –

При наведении на товар – всплывает плашка, на которой указана цена, либо, если товар не продается – указано, что товар «по запросу» (подробнее об этом см. ниже).

Раздел или подраздел каталога может быть закрыть для неавторизованных пользователей.

–  –  –

Заказчиком направление балетной одежды выделяется в особую линию, именно поэтому была создана специальная входная страница для него. Кроме того вид верхнего меню для раздела «Балет» также отличается.

–  –  –

Как видим, если текущим разделом является «Балет» – мы меняем порядок элементов верхнего меню и ссылка «БАЛЕТ» становится первой. Для остальных разделов порядок пунктов меню не меняется.

Языки и валюты В настоящее время проект реализован на двух языках – русском и английском.

Список валют включает рубль, доллар и евро.

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

По умолчанию для русского языка устанавливается валюта «рубль», для английского – «доллар».

Курс валют обновляется ежедневно, информация берется с официального сайта Центрального Банка Российской Федерации. При этом в заказе покупателя сохраняется информация о курсе валюты, который был актуален на момент заказа.

Количество валют и языков может быть расширено.

Язык и текущая валюта могут быть изменены пользователем в любой момент, с любой страницы сайта.

Малая корзина

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

Товары в малой корзине прокручиваются вертикально. Появляется корзина при наведении на слово Cart (Корзина) в правом верхнем углу сайта.

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

–  –  –

На странице товара большую часть занимает слайдер изображений. В верхнем левом углу контентной части страницы расположен скролл для переключения между изображениями, в центре – блок просмотра выбранного изображения. Это изображение можно увеличить и уменьшить (zoom), воспользовавшись кнопками управления (значки лупы).

Справа от изображения представлена информация о товаре:

- его название

- ссылка для открытия описания товара (всплывает в попапе) Описание товара - попап

- цена в выбранной валюте

- выбор размера; указываются все размеры – как в наличии, так и нет; пользователь не сможет заказать товар с размером, который не доступен для заказа, появится окно следующего содержания:

–  –  –

- ссылка «сетка размеров» - открывает в новом окне изображение с сеткой размеров (в зависимости от языка и раздела скрипт выводит нужное изображение):

Окно с таблицей размеров

- выбор цвета (также как и размеры – цвета могут быть недоступны для заказа)

- кнопка «Положить в корзину»

- кнопка «Отложить»

Если пользователь уже помещал в рамках текущей сессии товар в корзину – система запоминает выбранные им параметры (размер и цвет) и ставит их по умолчанию.

По требованию заказчика пользователь не может вручную ввести количество заказываемого товара.





Можно только несколько раз заказать его.

Когда пользователь нажимает на кнопку «В корзину» или «Отложить» - всплывает окошко, в котором уточняются параметры заказа.

–  –  –

После того, как пользователь подтвердил свой выбор – товар попадает в корзину или в список отложенных товаров. О результате операции пользователю выводится диалоговое окно с предложением продолжить покупки, либо перейти в корзину.

–  –  –

Формы добавления товара в корзину и в список отложенных товаров (как и большинство форм на сайте) разработаны с использованием технологий JQUERY и AJAX.

Товары с ценой по запросу Для некоторых товаров Магазина цену выводить не требуется, и заказать эти товары обычным способом нельзя.

–  –  –

После того, как цена запрошена – владельцу Магазина приходит письмо с данными заполнения формы – с информацией о лице, запросившем цену, и информацией об интересуемом товаре и его параметрах.

Запросить цену этого же товара повторно нельзя – выведется соответствующее уведомление.

–  –  –

Только что запрошенный товар пока не имеет цены. Администратор Магазина после получения запроса укажет цену товара для конкретного покупателя.

Для владельца Интернет-магазина очень удобно, что он может один и тот же товар реализовывать для разных лиц по индивидуальной цене, рассчитывая ее на основе анализа внешних факторов.

Когда администратор Магазина устанавливает для товара цену – пользователю, запросившему ее, приходит уведомление на e-mail.

С этого момента он может положить товар в корзину из своего личного кабинета.

Администратор сайта может указать дату, когда товар автоматически станет недоступным для заказа. Если такая дата указана – пользователь увидит счетчик времени, оставшегося для совершения заказа. Счетчик обновляется в онлайн-режиме без перезагрузки страницы.

Внешний вид и работа с каталогом товаров по запросу аналогична основному каталогу.

Коллекции Администратор сайта имеет возможность формировать из нескольких товаров каталога так называемые «коллекции» – это набор отдельных элементов каталога, которые, по его мнению, отлично сочетаются друг с другом и могут быть приобретены в комплекте. Для того чтобы показать покупателям такие сочетания в Магазине можно создавать коллекции.

–  –  –

На странице коллекции представлен слайдер изображений с фотографиями того, как сочетаются отдельные товары. Также выводится информация о каждом отдельном товаре коллекции: его название, информация о цене и ссылка на страницу детального просмотра.

Персональный раздел Персональный раздел включает в себя следующие подразделы.

Корзина покупателя Корзина покупателя представляет собой список товаров, которые желает приобрести пользователь. Для каждого товара в корзине выводится изображение анонса, название (с ссылкой на страницу детального просмотра), выбранные параметры товара (размер, цвет, артикул), количество данного товара в корзине (согласно требованиям технического задания менять количество товара через Корзину нельзя), цена товара в нужной валюте.

Каждый товар в корзине можно удалить или переместить в список Отложенных.

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

Страница оформления заказа выглядит следующим образом:

Сейчас в Интернет-магазине доступны 2 способа оплаты – счет для оплаты в банке и система онлайноплаты пластиковыми картами через банк «Авангард».

После того, как заказ оформлен пользователь видит такую страницу:

Отложено Список отложенных товаров выглядит и работает по аналогии с разделом «Корзина покупателя».

Товары из списка Отложенных можно перемещать в Корзину и удалять.

Профиль пользователя Профиль пользователя содержит список профилей данного пользователя в Интернет-магазине, которые использовались им при оформлении заказа.

Каждый профиль можно удалить или отредактировать.

Новый профиль можно создать в момент оформления очередного заказа.

Личный кабинет покупателя также позволяет отслеживать историю его заказов.

Каждый заказ можно повторить или просмотреть детальную информацию о нем.

–  –  –

На странице детального просмотра заказа выводится подробная информация о заказе, ссылка для отмены заказа (доступна пока статус заказа не сменили на «Передан в службу доставки»), кнопка платежной системы – для формирования счета для оплаты в банке (счет можно распечатать) или перехода на страницу системы оплаты пластиковыми картами банка «Авангард».

Страница банковского счета выглядит так:

Страница оплаты пластиковыми картами:

На странице детального просмотра заказа также можно посмотреть информацию о выбранном способе доставки. На данном этапе Магазин поддерживает только один способ доставки – DHL.

После того, как Магазин отправит заказ через данную систему доставки – отправление получает уникальные номер, по которому его можно отслеживать с сайта DHL.

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

К сожалению, на данный момент нет возможности показать работу скрипта, так как тестовый номер посылки, который мы использовали во время разработки, сейчас неактивен.

Данные авторизации В данном разделе персонального кабинета пользователь может сменить свой e-mail (а именно по нему осуществляется авторизация) и пароль.

Товары по запросу – были рассмотрены ранее.

Перспективы развития Итак, мы рассмотрели наиболее интересный функционал, реализованный в Интернет-магазине «SPIRITUS 888».

Проект еще молод. Наша компания совместно с заказчиком строит планы по его расширению и развитию.

Мы собираемся увеличить географию проекта, добавив языковые версии сайта и дополнительные валюты.

Уже сейчас начинаем работу над продвижением сайта в поисковых системах.

Будут появляться новые способы оплаты и доставки товара.

Похожие работы:

«УДК 81’34 И. И. Явиц аспирант каф. фонетики английского языка ф-та ГПН МГЛУ; e-mail: i1yavits@gmail.com НАЦИОНАЛЬНАЯ ИДЕНТИЧНОСТЬ ЮМОРА (на материале интонации юмористов из Ирландии, Шотландии и Англии) Задача данной работы – экспериментальным путем п...»

«Известия высших учебных заведений. Поволжский регион УДК 1(091): 681.518 Э. А. Бирюкова РАЗВИТИЕ ФИЛОСОФСКО-АНТРОПОЛОГИЧЕСКОГО АНАЛИЗА ВИРТУАЛЬНЫХ КОНТЕКСТОВ ДУХОВНОГО ОЗДОРОВЛЕНИЯ ЛИЧНОСТИ Аннотация....»

«Вестник КрасГАУ. 20 10. №4 висимость удельного электрического сопротивления растительной ткани от расстояния между измерительными иглами-электродами и оптимизировать этот зазор в пределах 6–15 мм. Литература 1. Юревич Е.И. Теори...»

«ОТЧЕТ ОБ ИТОГАХ ГОЛОСОВАНИЯ НА ВНЕОЧЕРЕДНОМ ОБЩЕМ СОБРАНИИ АКЦИОНЕРОВ № б/н Полное фирменное наименование Общества: Акционерное общество "Новинка" Сокращенное фирменное наименование Общества: АО "Новинка" Место нахождения О...»

«АКАДЕМ И Я Н АУК С.:СР СИБИРСКОЕ ОТДЕЛЕНИЕ ИНСТИТУТ ГЕолоfии И ГЕОФИЗИКИ З.В.Лyroва. Стр атиграфия и фораминиферы келловея севера Средней Сибири Труды, 6ыn.472 ИЗДАТЕЛЬСТВО НАУКА " МОСКВА 1981 УДК 563.12:551.31 (57...»

«одинаковы, признаки внешнего воздействия на ЛКП отсутствуют, можно утверждать, что эти дефекты имеют заводское происхождение. К.С.Ремнев, канд. тех. наук, доц. кафедры Автомобили и автомобильное хозяйство, тел. (4872)35-05-01, e-mail: remnevk@rambler.ru (Россия, Тула, ТулГУ) TO THE PROBLEM OF ST...»

«УЧЕНЫЕ ЗАПИСКИ КАЗАНСКОГО ГОСУДАРСТВЕННОГО УНИВЕРСИТЕТА Том 151, кн. 1 Гуманитарные науки 2009 УДК 111 ОНТО-ЛИНГВИСТИЧНОСТЬ И ВЕРОЯТНОСТНЫЙ СУБЪЕКТ В СОВРЕМЕННОЙ ФИЛОСОФИИ В.Г. Косыхин Аннотация Статья рассматривает проблему новой герменевти...»

«Мультиварка-скороварка RMC-PM4507 РУКОВОДСТВО ПО ЭКСПЛУАТАЦИИ УВАЖАЕМЫЙ ПОКУПАТЕЛЬ! Благодарим вас за то, что вы отдали предпочтение бытовой технике от компании REDMOND. REDMOND — это новейшие разработки, качество, надежность и внимательное отношение к нашим покупателям. Надеемся, что и в будущем вы будете выбира...»

«РОССИЙСКИЕ ЭЛИТЫ: ЦЕНТР И РЕГИОНЫ ПРОБЛЕМЫ ПОЛИТИЧЕСКОЙ МОДЕРНИЗАЦИИ В РФ: ФЕДЕРАЛЬНЫЕ И РЕГИОНАЛЬНЫЕ АСПЕКТЫ КОВАЛЕВ Виктор Антонович Сыктывкарский государственный университет, доктор политических наук, профессор, профессор кафедры политологии и ме...»

«7 Изготовитель: ШАНХАЙ ДЖОЕ ИМПОРТ ЭНД ЭКСПОРТ КО. ЛТД. Китай-Рм 339, № 551 ЛАОШАНУЧУН, ПУДОНГ, ШАНХАЙ, П.Р.Импортер: ООО "ЭНКОР-Инструмент-Воронеж": 394018, Воронеж, пл. Ленина, 8. Тел./факс: (473) 239-03-33, E-mail: opt@enkor.ru Сервисный центр “Корвет” тел./ факс (473) 239-24-86, 261-...»








 
2017 www.ne.knigi-x.ru - «Бесплатная электронная библиотека - электронные матриалы»

Материалы этого сайта размещены для ознакомления, все права принадлежат их авторам.
Если Вы не согласны с тем, что Ваш материал размещён на этом сайте, пожалуйста, напишите нам, мы в течении 1-2 рабочих дней удалим его.