← «Магазин эротичного белья»
  • Портфолио
  • Обо мне
  • Контакты
Редизайн сайта компании «Fast-sales» →
  • Русский Привет
  • English Hello
  • Портфолио
  • Обо мне
  • Контакты
Я дизайнер и маг, ведь я работаю с идеями, метафорами, символами. Магией часто называют то, что не понимают, что по мнению наблюдателя рождается само по себе. Но настоящие маги знают: ничего само по себе не рождается. За результатами скрывается кропотливый и упорный труд. А окружающие? Окружающие пусть думают, что это просто магия.
Прокрути меня

«Магазин игр»

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

При небольших видоизменениях в дизайне «Магазин игр» также можно использовать скина для магазина книг и DVD-дисков.

Остановимся подробнее на игровых особенностях скина.

Главная

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

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

Меню легко видоизменяется, оно обладает двойным уровнем вложенности, на маленьких экранах становится вертикальным.

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

Полки для товаров автоматически подстраиваются под ширину экрана.

Маскотом магазина является знаменитый «Космический Захватчик». Это дань уважения эпохе зарождения компьютерных игр.

Адаптивная Главная

main-page_adaptive

Каталог

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

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

В каталоге есть возможность фильтрации по жанрам.

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

Проработаны краткий и подробный вид товаров.

catalog-reference-2

Адаптивный Каталог

catalog_adaptive

Страница товара

На странице товара пользователь может совершить покупку.Но какие еще функции она должна нести? Одна из главных — это ознакомление с игрой. Если такие популярные игры, как «GTA», в описание они не нуждаются и их продажи переваливают за миллиард, то для инди-игр жизненно необходимо иметь возможность познакомить пользователя с игрой. Как бы мы узнали о таких шедеврах, как «The Stanley Parable», если бы не сарафанное радио? Поэтому немаловажная роль в распространение игры отдана отзывам. При их разработке была добавлена возможность описывать положительные и отрицательные моменты игры.

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

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

Раздел «Видео и скриншоты» при уменьшение размера экрана из вертикального становится горизонтальным.

product-reference-1

Раздел «О товаре» позволяет выбрать сборку игры и попробовать сыграть в демо версию.

Маскота можно встретить во множестве мест на сайте. Отзывы — одно из них.

Адаптивная Страница товара

product_adaptive1

Корзина

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

Страница стилей

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

styles-1

styles-2

styles-3

styles-4

styles-5

styles-6

styles-7

404

404-тая страница — это часто любимая часть сайта у дизайнеров и возможность проявить креативность.
Подборки «Лучшие страницы 404» по выдаче в поисковиках идут наравне с «40 примеров минималистичных сайтов».
Где еще можно изобразить грустного котенка, Эрика Картмана или Большого человекоподобного робота?

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

Проектирование

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

Выделение персонажей

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

Коля Селезнев, 30 лет

person_1g

Матерый геймер, играет с 9 лет, когда ему впервые купили компьютер. Любит разные жанры, но предпочитает RPG/Adventure и отслеживает все новинки в данной области. Игромания не помешала ему сделать карьеру и он готов тратить часть бюджета на хобби.

Проблема:

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

Решение:

  • Переработать раздел рекомендаций и новинок, чтобы Коля мог легче подбирать игры подобного типа.
  • Добавить на главную раздел с популярными инди игрушками. Возможно Коля устанет от прелестей и багов последних ААА-новинок и оценит глоток свежего воздуха в виде «Papers, please» или «Stanley parable».

Петр Иванов, 24 года

person_2g

Играет в основном в бесплатные сетевые игры, но уже устал раковать на миде и ему хочется поиграть во что-нибудь интересное. Однако у него не так много денег, поэтому на дорогие ААА игры он их тратить не хочет. Не гнушается пиратить большую часть игр.Не смотря на то, что Петя — пират, на одежку и ключи к сундукам в любимой игрушке уходит достаточно денег, ведь иначе он не может выиграть.

Проблема:

  • У Пети нет денег на игры, а хочется поиграть.

Решение:

  • Показывать информацию об акциях, возможно У Пете таки проснется совесть.
  • Кроме игр добавить возможность покупать внутриигровые валюты (симпоинты в симс и тд).

Машулька Федорова, 15 лет

person_3g

Играет с 9-ти лет. В основном в «Sims» и «SimCity». Деньги дают родители, на «Sims» их не всегда хватает. Поэтому Машулька часто дожидается выходов сборников или уведомления о распродажах.

Проблема:

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

Решение:

  • Действительно, кроме многочисленных дополнений, бонусных предметов часто выпускаются сборники, которые содержат несколько вариаций вышеперечисленного. Иногда сложно разобраться в подобном многообразии. Поэтому в раздел товара добавляем выбор и описание сборников, чтобы пользователь мог легче ориентироваться в многообразии.
Связаться со мной Связаться со мной
+7 (950) 881 12 06 contact@daria-koshkina.com dellilla13 dariakoshkina daria-koshkina