Все услуги

одним списком

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

О клиенте

Что сделано?

Результат

КАК ЭТО БЫЛО?

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

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

glavnaya_1.png

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

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

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

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

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

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

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

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

Shapka.png

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

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

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

soobwestvo_dis.png

Блог

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

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

blog_statya.png

Конкурсы

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

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

konkurci_buduwie.png

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

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

magazin_futbolki.png

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

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

lupa_na_futbolke.png

kartinka_futbolki.png

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

kartochka_tovara.png

Корзина

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

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

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

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

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

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

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

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

Дизайн

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

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

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

ikonki.png

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

user_page_game.png

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

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

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

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

Стена почёта

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

сделать заказ