Веб-сайт для ikses.ru
Гарантированный конкурс - конкурс не может быть отменен заказчиком
Золотой конкурс - к конкурсу допускаются только отобранные дизайнеры

ikses.ru

Иксэс

Ссылка для скачивания материалов - https://disk.yandex.ru/d/RIHVHcd6e8zXDQ

Основная задача:
Разработка дизайна сайта в соответствии с фирменным стилем на замену существующему.
(см. файл Logobook)

Цели проекта:
• Приведение стилистики сайта в соответствие с новыми концептуальными тезисами компании;
• Приведение стилистики сайта в соответствие с современными тенденциями корпоративного стиля.

О компании:
Крупнейший магазин розничной и оптовой торговли офисной мебелью на вторичном рынке. Представлен в трех регионах – Москве, Санкт-Петербурге и Нижнем Новгороде.
Компания основана в 2017 году и оказывает весь цикл услуг в своем направлении деятельности – от вывоза мебели с территории поставщика до ее сборки на территории конечного покупателя. Большой опыт организации вывоза мебели позволяет работать с любыми объемами мебели и выкупать мебель по всей территории России западнее Екатеринбурга, а наличие собственного автопарка и штатного персонала предоставлять услуги по доставке мебели, ее подъему и сборке.

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

Сайт:
ikses.ru

Целевая аудитория:
• Коммерческие организации. От стартапов в малом бизнесе до крупных нефтяных корпораций и банков.
• Муниципальные учреждения. Школы, университеты, детсады и т.д.
• Съемочные группы, представители киноиндустрии.
• Частные лица. Школьники, студенты, арендаторы и арендодатели.

Концептуальные тезисы (Цели деятельности):
• Пропаганда заботливого отношения к природе. Россия находится на первом месте в рейтинге стран по ежегодной вырубке лесов. На конец 2018 года этот показатель был равен 4.1 млн гектар/год.
• Участие в благотворительности. Периодически поступают запросы на предоставление мебели в детские дома, школы и т.д.
• Помощь бизнесу в кризис.
• Использование современных технологий для улучшения сервиса и повышения уровня качества оказываемых услуг.
• Создание условий, позволяющих изменить отношение жителей к вторичному мебельному рынку, убрать стереотипы, сложившиеся в 90е годы.

Интернет-магазин

Десктопная версия

Задачи:
1. Разработка макета главной страницы. https://ikses.ru/
1.1. В имеющейся «шапке» - http://joxi.ru/823vQWQCwDeePm - учесть:
Учесть:
• Лого
• Телефон
• E-mail
• Режим работы
• Кнопки «Вотсап» и «Телеграм»
• Поиск по сайту
• Избранное
• Корзину
• Кнопку «Перезвонить мне» и форму с графами
- Имя
- Телефон
- Выпадающий список с вариантами: «Хочу купить мебель»; «Хочу продать мебель»
- Комментарий
- «Отправить»
- Чекбокс «Я принимаю условия пользовательского соглашения»
Пример - http://joxi.ru/12M50g0S8w8n02
• Меню каталога
• Служебное меню
• Личный кабинет
Примеры - http://joxi.ru/krDRygyHdg4jR2
1.2. В имеющемся «подвале» - http://joxi.ru/12M50g0S80DZ82 - учесть:
Учесть:
• Адрес
• Телефон
• E-mail
• Режим работы
• Ссылки на соцсети
• Ссылка на Яндекс.Отзывы - http://joxi.ru/l2ZxDKDiVR7qNr
• Инфоэлементы об оплате - http://joxi.ru/Dr8PLaLiDJMRLr
• Кнопка «Обратная связь»
Разработать форму с графами:
- ФИО
- Телефон
- Комментарий
- «Прикрепить файл»
- «Отправить»
- Чекбокс «Я принимаю условия пользовательского соглашения»
• Блок служебных страниц
• Блок основных категорий
• Инфострока «Информация на сайте не является публичной офертой. Подробнее»
• Карта сайта
Примеры - http://joxi.ru/L21GY5YfDz0Kbr
1.3. Адаптировать под новый дизайн:
• Инфостроку - http://joxi.ru/MAjBXdXCY1kMRA
• Баннер - http://joxi.ru/v29GKRKfjze8qr - в виде карусели.
Пример - http://joxi.ru/krDRygyHdgdZg2
• Информационный текст - http://joxi.ru/ZrJkgBgfkMYk5m - в виде инфографики
Пример - http://joxi.ru/eAOWjEjhG6WzzA
1.4. Добавить товарные блоки:
• Новинки
• Хиты
• Специально для Вас
Примеры - http://joxi.ru/gmvlG1GC0vkLjA; http://joxi.ru/Q2K1MgMTgwY4Nr; http://joxi.ru/KAxJEpEtw1yZvm
• Эксклюзив
Пример - http://joxi.ru/v29GKRKfjz1d8r
• Вы смотрели
1.5. Добавить блоки:
• Наши клиенты
Пример - http://joxi.ru/EA445d5T0v0K9A
(Материалы в прикреплении – см. файл «Наши клиенты»)
• Реализованные проекты
• Пример - http://joxi.ru/Vrwz0y0tg8NkjA
(Материалы в прикреплении – см. файл «Реализованные проекты»)
• Мы в благотворительности
(Материалы в прикреплении – см. файл «Благотворительность»). Блок не должен «тянуть на себя одеяло» и «сильно» выделяться на фоне остальной информации, необходимо заметить участие компании в подобных проектах, но не позиционировать это участие в качестве большого достижения или приоритетной информации.
• Забота о природе
Пример - http://joxi.ru/Y2LQGlGCvQKDkA
Отсылка к эко не должна восприниматься, как определяющая деятельность компании.
1.6. Добавить карту.
Пример - http://joxi.ru/Q2K1MgMTgyg0Pr
1.7. Реструктурировать разделы каталога и сменить оформление.
Пример 1 - hoff.ru → http://joxi.ru/Y2LQGlGCvQk01A → http://joxi.ru/n2YX4L4t0ZLLPm
Пр. 2 - express-office.ru → http://joxi.ru/EA445d5T0v0a9A → http://joxi.ru/v29GKRKfjRjLOr
(Каталог с уровнями иерархии в прикреплении – см. файл «Каталог»)


Комментарии

11 ноября в 17:40

4. Разработка макета страницы оформления заказа. https://ikses.ru/personal/cart/
4.1. Для страницы оформления заказа учесть:
4.1.1. Состав заказа в виде списка с превью:
• Фото
• Наименование
• Артикул
• Состояние
• Габариты (ДхШхВ)
• Рейтинг из 5 звезд
• «Выбор количества»
• Текст ошибки для лимитированных остатков «В наличии “Х” шт.»
• Стоимость
• Скидка
• Стоимость со скидкой
• Кнопка «Удалить»
• Комментарий
4.1.2. Заказ услуг «Доставка», «Грузчики», «Сборка» в виде чекбоксов.
4.1.3. Блок с итоговыми значениями:
• Количество товаров
• Стоимость товаров
• Скидка
• Стоимость услуг
• Примечание в виде текста «Расчет стоимости услуг производится менеджером в индивидуальном порядке»
• Итого стоимость
4.1.4. Блок действий:
• Кнопка «Оформить заказ»
• Кнопка «Купить в один клик»
4.1.5. Товарные блоки:
• Хиты
• Специально для вас
• Новинки
Примеры - http://joxi.ru/Vrwz0y0tgjLoDA; http://joxi.ru/82QLzjzt4V085m; http://joxi.ru/52aBdXdC0gJlVA
4.2. Для страницы заполнения данных учесть:
4.2.1. Блок персональной информации:
• ФИО
• Телефон
• E-mail
4.2.2. Блок «Форма оплаты»:
• По банковскому счету (при выборе данного варианта предусмотреть возможность прикрепления файла)
Пример - http://joxi.ru/DmBZkgkT6gnWjm
• Наличными в магазине
• Картой в магазине
• Картой онлайн
• По QR-коду
4.2.3. Блок «Доставка»
• Город
• Улица
• Дом
• Корпус
• Строение
• Квартира/офис
• Примечание в виде текста «Доставка товара в пределах города от 0 руб.!»
• Элемент примечания (при наведении курсора отобразить таблицу с ценами)
Пример - http://joxi.ru/eAOWjEjhG6WjlA
4.2.4. Блок «Грузчики»
• Этаж
• Лифт (Варианты: «Нет», «Пассажирский», «Грузовой»)
• Примечание в виде текста «Подъем товара даже при отсутствии лифта»
• Элемент примечания (при наведении курсора отобразить таблицу с ценами)

4.2.5. Блок «Сборка»
• Примечание в виде текста «Сборка мебели от профессионалов = сохранность ее ресурса»
• Элемент примечания (при наведении курсора отобразить таблицу с ценами)
4.2.6. Блок действий:
• Кнопка «Оформить заказ»
• Чекбокс «Я принимаю условия пользовательского соглашения»
4.2.7. Дополнительно:
• Подсветка некорректно заполненных граф
• Текст ошибки «Неверно заполнена графа»
• Текст ошибки «Графа обязательна для заполнения»
• Текст ошибки «Введите номер в формате +7 (ххх) ххх-хх-хх»

5. Дополнительно:
• Сохранить шрифт с текущей версии сайта;
• В товарных блоках и в любых областях с товарными фото использовать соотношение сторон строго 4:3;
• Учесть расширение товарной ленты в зависимости от разрешения - http://joxi.ru/823vQWQCwaWlMm → http://joxi.ru/gmvlG1GC0dXRkA
• Фон офисного пространства, используемый в качестве фотосцены заменить на соответствующий новому фирстилю.

11 ноября в 17:40

3. Разработка макета страницы товара.
3.1. Для отдельного товара - https://msk.ikses.ru/catalog/mebel_dlya_personala/stoly/pryamye/stol_pryamoy_bene_1200x800_dsp_seryy_avstriya_spsr2_09082/
3.1.1. Учесть:
• Хлебные крошки
• Заголовок страницы – H1
• Главное фото
• Листинг фото
• Увеличение фото
• Инфоблок в виде всплывающей плашки - http://joxi.ru/bmoJ7R7tl7wvJr
• «В избранное» и «Из избранного»
• Рейтинг в виде 5ти звезд
• «Количество товара в наличии» ИЛИ «под заказ»
• «Количество товара в резерве»
• Выбор количества
• «В корзину»
• «Купить в 1 клик»
3.1.2. Учесть блоки:
• Описание
• Характеритики
• Краткая информация о доставке и формах оплаты - http://joxi.ru/823vQWQCwaqoWm; http://joxi.ru/52aBdXdC0gx81A
3.1.3. Учесть товарные блоки:
• «С этим товаром покупают»
• Похожие товары
• Хиты раздела
Пример - https://d-mebela.ru/catalog/myagkaya-mebel-i-dlya-otdykha/kresla/myagkoe-kreslo-walter-knoll-700x700-kozha-chyerniy-germaniya-knkchk-25051/
3.2. Для карточки модельного ряда - https://msk.ikses.ru/catalog/myagkaya_mebel_i_dlya_otdykha/divany/divan_slesh_avgust_1950x750_kozhzam_korichnevyy_rossiya_dnkrsl3_16062/
3.2.1. Учесть:
• Хлебные крошки
• Заголовок страницы – H1
• Главное фото
• Листинг фото
• Увеличение фото
• Инфоблок в виде всплывающей плашки - http://joxi.ru/bmoJ7R7tl7wvJr
• «В избранное» и «Из избанного»
• Рейтинг в виде 5ти звезд
• «Количество наименований»
• Доступные цвета
3.2.2. Учесть блоки:
• Описание
• Характеристики
• Краткая информация о доставке и формах оплаты - http://joxi.ru/823vQWQCwaqoWm; http://joxi.ru/52aBdXdC0gx81A
3.2.3. Учесть товарные блоки:
• «С этим товаром покупают»
• Похожие товары
• Хиты раздела
3.2.4. Учесть блок «Модельный ряд» - http://joxi.ru/xAeBayaCVby6kr
В самом блоке учесть:
• Фильтр по категориям
• Фильтр по цвету
• Превью для товара, входящего в состав модельного ряда
3.2.4.1. В превью учесть - http://joxi.ru/1A5G6L6fwzP70m:
• Фото товара
• Наименование
• Полосу листинга фото
• Стоимость
• Цена с уценкой
• Остаток
• Шильдики «Процент скидки», «Новинка», «Хит»
• «В избранное»
• «Из избранного»
• «Быстрый просмотр»
• «В корзину»
• «В один клик»
• Выбор количества
• Артикул
• Состояние
• Габариты в формате «Д х Ш х В»
• Условия производства - http://joxi.ru/bmoJ7R7tl7bqPr

11 ноября в 17:39

2. Разработка макета страницы каталога. https://ikses.ru/catalog/
2.1. Адаптировать - http://joxi.ru/4AklxLxCV0VEzr - под новый дизайн:
• Заголовок страницы H1
• Хлебные крошки
• Тегирование
2.2. Адаптировать сортировку в текстовом виде.
Варианты: «по дате», «по стоимости», «по остаткам».
Пример - http://joxi.ru/ZrJkgBgfkbkzVm
2.3. Добавить функционал «Выводить по “ХХ” товаров».
Пример - http://joxi.ru/brRKbgbI8L8EWm
2.4. Добавить функционал «Компоновки».
Пример - http://joxi.ru/eAOWjEjhG6GlPA
2.5. Фильтры оформить в виде сайдбара с левой стороны.
Варианты фильтров - http://joxi.ru/xAeBayaCVbVv0r
Пример - http://joxi.ru/xAeBayaCVbVner; http://joxi.ru/RmzolBltVjVnl2
2.6. Адаптировать превью карточки товара - http://joxi.ru/LmGnNgNCZgZGOr
2.6.1. Учесть в версии без наведения - http://joxi.ru/J2bBLxLCMgMDB2:
• Фото товара
• Наименование
• Полосу листинга фото
• Стоимость
• Цена со скидкой
• Остаток
• Шильдики «Процент скидки», «Новинка», «Хит», «Цена нового»
2.6.2. Учесть в версии для отдельного товара при наведении - http://joxi.ru/823vQWQCwawBYm:
• Фото товара
• Наименование
• Полосу листинга фото
• Стоимость
• Цена с уценкой
• Остаток
• Шильдики «Процент скидки», «Новинка», «Хит», «Цена нового»
• «В избранное»
• «Из избранного»
• «Быстрый просмотр» - http://joxi.ru/823vQWQCwawBYm → http://joxi.ru/8AnbyayTKoKvMA
• «В корзину»
• «В один клик»
• Выбор количества
• Артикул
• Состояние
• Габариты в формате «Д х Ш х В»
2.6.3. Учесть в версии для модельного ряда при наведении - http://joxi.ru/n2YX4L4t07n4xm:
• Фото товара
• Наименование
• Полосу листинга фото
• Стоимость «от»
• Цена с уценкой
• Шильдики «Процент скидки», «Новинка», «Хит»
• «В избранное»
• «Из избранного»
• «Быстрый просмотр»
• «Модельный ряд»
• Рейтинг в виде 5ти звезд
• Количество наименований
• Толщина фасадов
• Толщина столешницы
• Доступные цвета
2.7. Учесть блок с SEO текстом. Стандартный текст внизу каталога.
2.8. Учесть пагинацию.
2.9. Добавить блок «Вы смотрели».
Пример - http://joxi.ru/YmE37g7SLBeJgA
2.10. Добавить товарные блоки «Хиты раздела», «Специально для вас» и «Новинки».
Пример - http://joxi.ru/52aBdXdC0gBkOA