Про новый дизайн FunPay от студии Артемия Лебедева

Привет, Королевство. Хотим рассказать историю о новом дизайне нашего сайта. Редизайн на FunPay уже успел стать притчей во языцех, мемом и поводом для шуток (слишком давно мы его обещаем). Дизайн всё ещё не установлен на сайт, но он свёрстан и почти готов, поэтому мы хотим показать, что именно изменится, подразнить и немного похвастаться. Мы понимаем, что интересно это только тем, кто пользуется нашим сайтом. Но кто из нас не любит покритиковать дизайн? С большим интересом выслушаем любые мнения!

Вселенная FunPay​

О процессе создания

Новый дизайн FunPay разработала студия Артемия Лебедева. Опыта сотрудничества с такой крупной студией у нас не было, поэтому сначала мы хотим немного рассказать о том, как это было.

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

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

Когда ты впервые заказываешь дизайн за кучу бабла у самой крутой студии в России, невольно ожидаешь, что с ходу получишь бомбический результат. Но дизайн — это не только и не столько результат, сколько процесс. Поэтому сначала мы были немного шокированы теми вариантами, которые нам предлагали. Шаблоны с треском рвались, а задницы эффектно горели.

С чего всё начиналось​

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

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

Чем всё закончилось​

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

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


Об изменениях

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


Главная страница

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

Главная​

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

А ещё мы объединили разные регионы и типы серверов одной игры. Переключаться между ними можно с помощью кнопок. Если раньше для Lineage 2, например, было 3 блока: Lineage 2 RU, Lineage 2 EU, NA и Lineage 2 Free, то теперь есть просто Lineage 2.

Переработали шапку сайта. Все персональные разделы переехали вправо. Сумма денег на вашем балансе теперь всегда перед глазами, и (наконец-то!) можно будет установить аватарку! Слева находятся поиск и раздел помощи. Если сейчас поиск — это просто фильтр игр на главной, то с новым дизайном он превратится в полноценный поиск по сайту и по предложениям.

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


Разделы игр

Разделы игр тоже изменились. Они представлены планетами, проиллюстрированными скриншотами или артами. Крупные категории в них оформлены в виде спутников. Чем спутник больше, тем больше предложений. Некоторые планеты анимированы. Выглядит круто.

Раздел игры (не обращайте внимания на несоответствие игры и иллюстрации — это рабочая версия)​

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

​

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


Страница предложения

А вот как будет выглядеть страница предложения. Форма оплаты, описание лота и чат с продавцом умещаются на одном экране. Если у вас есть деньги на балансе FunPay и вы захотите оплатить ими заказ, то при оплате увидите точную сумму, которую потратите. Не придётся с калькулятором высчитывать и вычитать комиссию платёжных систем.

Страница предложения​

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

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


Прочее

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

Профиль пользователя​

История выводов стала нагляднее. Статус операции выделен цветом, в описании операции указана использованная платёжная система и номер кошелька или карты. Схожие изменения коснулись истории продаж и покупок.

История выводов​

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

Продажа валюты​

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

Осталась самая малость — «накатить» дизайн на сайт. Сначала мы обещали смену дизайна к концу 2018, затем — в начале 2019, потом в феврале, а после — в марте… Уже середина апреля, а дизайна всё нет. Но дождались же мы восьмого сезона «Игры престолов», верно? Нового дизайна на FunPay тоже дождёмся! Редизайн близко.

P.S. Про конкурс мы не забыли. Дефо решил перенести его на май. Говорит, аудитория ещё не почувствовала весну, в головах и душах тлен и безысходность.