Магвай
Конкурс для дизайнеров Web Design Awards — виртуальная галерея веб-искусства
Магвай
WDA
2024
#Сайт под ключ#Фирменный стиль#Брендинг

Конкурс для дизайнеров Web Design Awards — виртуальная галерея веб-искусства

2503 
Магвай
Магвай Россия, Волгоград
Поделиться:
Конкурс для дизайнеров Web Design Awards — виртуальная галерея веб-искусства
Клиент

Web Design Awards

Бюджет

4 000 000

Сфера

Каталоги, рейтинги, поисковые системы

Регион

Россия

Тип сайта

Порталы и сервисы

Сдано

Август 2023

Задача

Web Design Awards — новый российский конкурс сайтов, цель которого отметить и наградить лучшие работы в сфере веб-дизайна. Миссия проекта заключается в том, чтобы создать платформу, на которой дизайнеры смогут публиковать свои работы, получать обратную связь от коллег и находить вдохновение. Наша задача — разработать систему, которая гармонично сочетала бы в себе современную визуальную часть, а также максимально удобный и функциональный интерфейс, чтобы все группы целевой аудитории смогли интуитивно решать свои задачи.

Решение

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

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

Разработку мы разделили на несколько важных этапов:

- Предпроектное исследование и аналитика

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

- Разработка дизайна

1Предпроектное исследование и аналитика

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

По итогам аналитики мы выявили следующие роли:

1.Дизайнеры и продакшены, которые хотят подать свои работы на конкурс.

2.Дизайнеры и продакшены, которые будут искать вдохновение среди работ победителей.

3.Члены жюри, которые будут выставлять оценки.

4.Компании, которые ищут подрядчиков. 

Также необходимо было проанализировать все ведущие конкурсы с подобным подходом.

В свой список мы включили:

- Css Design Awards,

- Awwwards,

- The FWA

Было несколько целей анализа конкурентов:

1.Изучить механики проведения конкурсов. Это позволило углубиться в нюансы и понять технические тонкости.

2.Архитектура и юзабилити (UX). Конкуренты уже набили шишки, а мы можем избежать ключевых ошибок. Было важно перенять опыт лучших, чтобы свой сервис сделать идеальным.

3.Визуальная часть (UI). Это креативный проект, и в первую очередь мы хотели добиться визуального wow-эффекта. Аналитика помогла понять, что дизайн должен быть не только современным, но и достаточно нейтральным, чтобы не отвлекать пользователей от главного.

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

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

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

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

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

3Разработка дизайна

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

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

Мы шли по пути стартаперов и столкнулись сразу с двумя проблемами:

1.Сделали дизайн, а затем смотрели, размышляли и в итоге решили переделать почти все с нуля. Мы — перфекционисты и за это заплатили временем и деньгами. Зато проект получился уровнем выше. На будущее сделали вывод, что нужно выбирать: либо быстрый запуск и тестирование гипотезы, либо долго и дорого.

2.Мы заложили функционал MVP, но в процессе разработки сделали намного больше. Это тоже ценный опыт. Часто хочется добавить сразу все, но это только отдаляет запуск. 

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

Мы использовали минимализм вместе с лайнами, меш-градиенты и современные актуальные шрифты. С помощью цветов расставили акценты. Фишка сайта — русские мотивы в графических вставках: березы и традиционные орнаменты. 

Результат

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

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

Еще одним итогом стал манифест «Будущее веб-дизайна». Наша главная мысль: веб-дизайн давно перестал быть всего лишь инструментом, его нужно приравнять к искусству. Веб-дизайнеры создают образы, обладающие эстетическими, коммуникативными и познавательными функциями. И главное, эти образы рождают эмоции. А задача WDA — сделать так, чтобы проектов с качественным дизайном на российском рынке стало больше! 


Стек технологий

  • CSS CSS Язык программирования
  • HTML HTML Язык программирования
  • SQL SQL Язык программирования
  • 1С-Битрикс 1С-Битрикс CMS
  • Vue.js Vue.js Фреймворк/библиотека
  • MS SQL MS SQL База данных
  • Figma Figma Графический редактор

Над проектом работали:


Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

Магвай с удовольствием обсудит вашу задачу

Оставить заявку