Art-Fresh Ecommerce Solutions

DesignStars.ru

Создание портала для дизайнеров футболок

Коротко о кейсе

Спроектирован интернет-портал, объединивший в себе функционал социальной сети, интернет-магазина, блог-платформы и курсов для дизайнеров

Разработан интерфейс, под разнотипный контент, сделавший работу с порталом удобной и быстрой

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

Разработана связанная механика работы различных составляющих интернет-проекта, что делает его крупной интегрированной платформой

Внедрён простой в использовании конструктор дизайнерской одежды

Портал содержит полноценную социальную сеть дизайнеров

Пару слов о клиенте

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

Что сделано?

Спроектирован интерфейс, объединивший разные виды контента.
Разработана гибкая архитектура, обеспечивающая корректное взаимодействие компонентов портала.
Внедрена многоуровневая система кеширования для минимизации нагрузок на сервер в моменты пиковой посещаемости.
Реализован весь функционал, требующийся современному интернет-магазину одежды: «вкусная» визуальная презентация продукции, выбор размера и цвета, таблицы размерных рядов.
Изображения в товарных карточках обладают эффектом «лупы», позволяющим рассматривать товар в деталях.
Внедрена простая процедура заказа.
Умная «догоняющая рассылки» позволяет возвращать покупателей, прервавших оформление заказа.

Результат

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

Как это было?

DesignStars.ru — проект для Рунета амбициозный и новый. Он объединил в себе информационный портал с массой крутых статей о дизайне и моде, полноценную социальную сеть, многочисленные конкурсы для продвижения дизайнеров и их работ, а также интернет-магазин уникальной одежды.

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

Главная страница магазина.

Геймификация

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

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

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

Проектирование интерфейса

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

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

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

Сообщество дизайнеров

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

Полноценный портал, созданный дизайнерами для дизайнеров.

Блог

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

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

Конкурсы

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

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

Каталог и карточка товара

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

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

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

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

Корзина

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

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

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

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

Оформление заказа

Процедуру оформления заказа сделали простой донельзя. Для чего:

Чтобы облегчить покупателям процесс покупки;
способствовать увеличению конверсии;
минимизировать количество «брошенных корзин».

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

Дизайн

Разумеется, портал профессиональных дизайнеров и сам должен выглядеть на 5. В меру строгий, но модный дизайн прекрасно подчёркивает креативность, новаторство и профессиональные амбиции проекта.

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

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

Программная часть

Особенность DesignStars.ru состоит в том, что проект — не просто набор сервисов, а крупная и сложная интегрированная платформа со связанной механикой компонентов. Иными словами, действия пользователя в одной части сайта приводят к изменениям в другой, открывая перед ним какие-то возможности или поощряя его за какие-то действия.

Дизайн стал мегапопулярным? — Получай комиссию с продаж одежды с твоим рисунком. Круто выступил на конкурсе? — Держи модные бейджи, которые помогут в продвижении работ. Заработал кучу баллов? — Потрать в интернет-магазине на чей-нибудь дизайнерский худи!

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

Стена почёта

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

Функциональный интерфейс, объединивший разнообразный контент в рамках одного масштабного интернет-проекта.
Сопряжённая работа различных компонентов интернет-портала.
Особая программная архитектура на базе гибкой системы классов: проект может смело развиваться без всякой угрозы основным механизмам.
Кэшируемая система товарных карточек: процесс поиска и выбора подходящего изделия стал проще некуда.
Эффект «лупы», позволяющий детально изучить изделие в карточке товара
Простая и прозрачная процедура оформления заказа: удобные «Корзина» и «Мини-корзина», минимум запрашиваемой информации.
Строгий, но стильный дизайн, выгодно подчёркивающий специфику компании.