Cоздание с нуля интернет-магазина
робототехники
Как
делали
Первая неделя
Переговоры и составление ТЗ

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

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

Во время разработки прототипа сайта SEO-специалист предложил разделить ресурсы на 2 - интернет-магазин и информационный портал. Это позволит продвигать каждый из ресурсов более эффективно по коммерческим и информационным запросам соответственно.
Предложение было согласовано с клиентом.

Итог первой недели работы
Составлено первоначальное ТЗ. Разработанный на основе
анализа внешних и внутренних факторов прототип сайта.
Чертеж прототипа Чертеж прототипа Чертеж прототипа
2-3 недели. Дизайн и база данных

На основе прототипа началась разработка дизайна страниц. Были протестированы различные цветовые решения и шрифты.
Итоговая цветовая гамма и шрифтовые решения:

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

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

Итоги третьей недели работы

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

Шрифтовые пары
Клаcсические шрифты которые
подчеркивают строгий стиль.

HelveticaNeueCyr Heavy

HelveticaNeueCyr Bold

HelveticaNeueCyr Regular

Proxima Nova Regular

Сетка
Была использована двенадцати колоночная
Bootstrap сетка, в которую хорошо вписываются
карточки. И позволяет мгновенно адаптировать
дизайн , под мобильные устройства.
Цветовая палитра
Использованы яркие и заметные
цвета в карточках и классические
в меню, соблюдая принцип
контраста.
Образец товара
4-5 неделя. Вёрстка и подготовка материалов
После согласования дизайн начались работы по адаптивной вёрстке сайта. Одновременно с этим начался сбор материалов для сайта:
  • покупка фото в стоках
  • проведение фотосъёмки товаров
  • написание текстов
Робот Робот Робот
Робот Робот Робот
6-7 неделя. Интеграция на Laravel, программирование
функционала и наполнение
После завершения вёрстки и создания базы данных, началась наиболее трудоёмкая часть работы - интеграция с фреймворком и программирование функционала. Был запрограммирован базовый функционал:
  • Интеграция систимы оплаты
  • Фильтры
  • Подбор аналогичных товаров
  • Административная часть для удобного поиска обработки заказов.
8 неделя. Тестирование. Запуск.

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

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

Хочу похожий Вернуться