Дизайн-проект · CS2

SkinHub

Геймифицированная платформа вокруг скинов Counter-Strike 2: кейсы, апгрейды, баттлы, уровни и сезоны. Здесь собраны материалы дизайна по этапам.

  1. 01Исследование конкурентовготовоСемь CS2-кейс-сайтов: скриншоты, оценки UX, воронка первого кейса, нижнее меню, блоки главной, выводы.
  2. 01Ревью вайрфреймов (Fable)готовоНезависимая критика: законы UX, эвристики, юридика, недостающие экраны.
  3. 02Вайрфрейм: главнаяv12.1Лента дропов, карусель героя, офферы, каталог. Мобайл и десктоп.
  4. 02Вайрфрейм: страница кейсаv1.7Демо без входа, рулетка, результат, шансы и Provably Fair.
  5. 03UI: главная (гость)v1Вайрфрейм главной в согласованном UI: мобайл в мокапе телефона, десктоп в окне браузера.
  6. 03Стенд стиляv1Стиль в деле, цвета из атрибутов, шрифты, форма, иконки Solar, компоненты и контраст WCAG AA. Значения — из concept/tokens.css.
  7. 03Референсы концептаготовоСтили и экраны из Refero: основа, приёмы и какие волнения пользователя они снимают.
  8. 04Токеныне начат
  9. 05Компонентыне начат
  10. 06Дизайн-системане начат
  11. 07Хендофне начат