Интернет-магазин детских товаров «Шустрик»

Задача: сделать интернет-магазин детских товаров. 


***

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

Итак.
Для создания хорошего, детского настроения, вдохновляемся советскими мультиками.

вдохновение.jpg


Делаем яркий, но лаконичный дизайн-макет.

первый-макет.jpg


В основе концепции: "резиновая верстка" от bootstrap. Разделы сайта выводим с левой стороны экрана. Меню — сверху, баннер — тянется. 

Смотрим, как будут выглядеть внутренние страницы:



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




Версия всех устраивает, делаем внутренние страницы:




Проектируем сценарий поведения левого блока каталог / фильтр, а также сниппета товаров:



Правим логотип. 

Менеджеры говорят, что новый логотип слегка похож на знак одного нехорошего парня. Смеёмся, но оставляем. 

Обновляем макеты, прорабатываем паттерны, продолжаем макетирование.

обновленный-логотип-шустрика.jpg
паттерны.jpg





Слишком много зеленого. Добавим оранжевый цвет.

оранжевый-паттерн.jpg



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



Проекты

В данном разделе представлены некоторые проекты, над которыми работали специалисты Студии СПИЧКА. Разработка дизайна сайтов, брендинг, верстка, программные работы, поисковое продвижение, интернет-реклама и не только. Понравился результат какого-либо проекта? Вы легко можете заказать аналогичную разработку специально для вас!

Интернет-магазин «Olmi-shop»

Линка: www.olmi-shop.ru

Вид проекта: Интернет-магазин

Фишка проекта: Терминальная версия

Интернет-магазин «АРШИН»

Линка: www.arshin-shop.ru

Вид проекта: Интернет-магазин

Роль студии: Дизайн сайта

Фишка проекта: Все для стройки

Интернет-магазин эко-товаров Катёна

Линка: katyena.ru

Вид проекта: Интернет-магазин

Фишка проекта: Передать через web натуральность и экологичность проекта.

Промо-сайт «Псорилаксис»

Линка: psorilaxis.ru

Фишка проекта: Продающий промо-сайт

Айдентика компании «Полинтермед»

Линка: polintermed.ru

Фишка проекта: Заказчик заказал логотип перед разработкой сайта

Сайт компании «Полинтермед»

Линка: polintermed.ru

Фишка проекта: Три в одном

Промо-сайт «Olight Russia»

Линка: olightrussia.ru

Фишка проекта: Адаптивная верстка на bootstrap 3

Туристический портал «Ofhotels»

Линка: ofhotels.info

Фишка проекта: Агрегатор

Корпоративный сайт интернет-провайдера «Система»

Роль студии: Дизайн сайта

Фишка проекта: интернет провайдер

Интернет-магазин «Везучий»

Вид проекта: Интернет-магазин

Роль студии: Дизайн сайта

Фишка проекта: Утерянный проект за 2011 год

Военно-исторический музей

Роль студии: Дизайн сайта

Фишка проекта: Музей!

Магазин аниме товаров АКИБА

Линка: akiba.su

Вид проекта: Интернет-магазин

Фишка проекта: Аниме магазин

Интернет-магазин эко-продукции Люблена

Линка: lublena.ru

Вид проекта: Интернет-магазин

Фишка проекта: Натуральность проекта эко-товаров

Интернет-магазин медицинской техники "Медолина-М"

Линка: medolina-m.ru

Вид проекта: Интернет-магазин

Фишка проекта: Разработать корпоративный сайт с функционалом интернет магазина

Интернет-магазин одежды family look "Счастливы Вместе"

Линка: schastlivi-vmeste-shop.ru

Вид проекта: Интернет-магазин

Фишка проекта: Впечатление, которое должен произвести сайт на пользователя: Вау!

Корпоративный сайт Бюро Элитной Недвижимости "Must Have"

Линка: mhburo.ru

Роль студии: Дизайн сайта

Фишка проекта: Сайт для Бюро Элитной Недвижимости в Москве

Интернет-магазин техники и электроники EKBAY.RU

Линка: ekbay.ru

Вид проекта: Интернет-магазин

Фишка проекта: Создание современного полнофункционального интернет- магазина, интегрированного с 1С

Интернет-магазин товаров для ремонта 8metrov.ru

Линка: 8metrov.ru

Вид проекта: Интернет-магазин

Фишка проекта: Реализовать подбор товаров по многочисленным характеристикам

Корпоративный сайт компании Sl-Group

Линка: tent196.ru

Фишка проекта: Параллакс. Анимированная панорама

Интернет-магазин автотоваров "Октант"

Линка: oktant.su

Вид проекта: Интернет-магазин

Фишка проекта: Расширеный обмен данными с 1С