Файл: Разработка навигации по мобильной версии сайта для интернет – магазина Vzlate.ru.pdf

К навигации по страницам сайта предъявляются следующие основные требования:

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

Стиль сайта можно описать, как минималистичный и лакончиный. В качестве цветовой гаммы рекомендуется использовать светлые цвета (цветовая палитра должна соответствовать полноэкранной версии сайта Vzlate.ru).

Все страницы сайта должны:

• быть выполнены в едином стиле и четко идентифицироваться, как составляющие части веб-сайта компании;

• быть выполнены с доминирующим присутствием фирменных цветов, содержать логотип

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

• при добавлении новых элементов на сайт, внешний вид страниц не должен меняться.

• при увеличении количества информации на одной странице, если она не может в себя вместить полный объем текста или картинок, должен быть осуществлен переход на вторую и последующие страницы с понятным интерфейсом «перехода».

3.3. Описание концепта и идеи

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

Цветовая гамма соответствует гамме основного сайта. Я меняю размещение основных разделов каталога, располагая их в удобном месте для пользователя (см. рис. 3.3). У сайта много разделов и фильтров, для упрощенного поиска изделий. Необходимо разместить их так, чтобы пользователю было интуитивно понятно где располагается интересующий их раздел.

Рис. 3.3. Эскизы страниц сайта

Гамма меню остается такой же, логотип так же остается без изменений. Осиным шрифтом выбран Arsenal (см. рис. 3.4).

Рис. 3.4. Цветовые решения и шрифт

3.3. Разработка визуализации

Основываясь на концепте, цветовой гамме и шрифте, я создала визуальные эскизы интрфейса мобильной версии сайта меню ювелирного интрнет – магазина (см. рис. 3.5.)

Рис. 3.5. Навигация по мобильному сайту

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

телефонов в программе Photoshop (см. рис. 3.6).

Рис. 3. 6. Мокапы сайта

3.5. Расчет стоимости

Расчет стоимости создания мобильной версии навигации сайта для интернет-магазина.

Стоимость одного часа работы дизайнера 600 руб/час.

Концепт. 1 дня (7 рабочих часов)

Знакомимся с технически заданием заказчика. Изучаем сайты конкурентов и оценку интересных фишек. Проводим их анализ, выявляем плюсы и минусы. Составляем концепт страниц, описываем идею.

Дизайн. 3 дня (21 рабочих часов)

Создаем дизайн – проект. Верстаем страницы, основываясь на концепте и пожеланиях клиента. В данном случае макет сайта не сложный, здесь нет сложной графики и 3D моделей, поэтому по времени работа с таким сайтом занимает меньше времени.

Получается 28 час × 600 р/час = 16800 рублей. Заложим риски на переделки, если заказчик в очередной раз что-то надумает или передумает. Итого, стоимость дизайн – проекта 21000 рублей.

Заключение

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

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

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