Дизайн сайтов и интерфейсов
Разработка дизайна сайта и интерфейсов командой, у которой есть опыт и в дизайне, и в production-вёрстке таких продуктов. Поэтому нарисованное собирается в код без сюрпризов, кем бы оно ни собиралось. Дизайн проверяем на сценариях людей, а не на вкусе заказчика и не на своём.
Дизайн продукта это не просто оформление. Это то, как человек воспринимает продукт при первой встрече и на основании этого решает, стоит ли разбираться дальше и доходить до действия. Подход выбирается под задачу: если продукт должен произвести впечатление, это один дизайн; если человек будет работать в нём каждый день, это другой; если задача провести его по шагам до результата, это третий. Красивый макет, который не проверен на людях или не учитывает тонкостей конкретного продукта, остаётся дорогой картинкой: выглядит хорошо, а денег не приносит.
Поэтому мы начинаем с вопросов. Зачем человек пришёл. Что он готов сделать бесплатно, а за что уже заплатит. Что его останавливает. В Silent Notary из такого разбора родились заверение без регистрации и возобновляемая бесплатная квота: этих вещей не было в исходном задании, а продукт они определили.
Практическое отличие в том, что мы прорабатываем продукт целиком: все экраны, все состояния, все уведомления и тексты в интерфейсе. Под будущую оптимизацию сразу закладываются места и возможности, чтобы маркетолог мог менять формулировки и акценты, не переделывая макет. Поэтому даже если вы берёте у нас только дизайн, на выходе вы получаете не картинки, а комплект: макеты, дизайн-систему и документацию, по которой продукт соберёт любая команда разработки, ваша или сторонняя.
Отдельная история это интерфейсы, где человек распоряжается деньгами. В экосистеме Ubix.Network мы рисовали кошелёк, биржу, платформу стейкинга и обозреватель сети. Цена непонятного экрана здесь не потерянная заявка, а ушедшие не туда средства, которые никто не вернёт, поэтому такой интерфейс проектируется от необратимых действий: что человек видит перед подписью операции, по каким признакам понимает, что она прошла, и что происходит, когда она не прошла. Заодно эти продукты пришлось привести к одному языку: они делались в разное время и выглядели как четыре разных сервиса.
Дизайн бывает и другой природы. В Battle of the Bees от нас требовался не интерфейс, а мир: персонажи, экономика, ощущение игры. Разбор там начинался не с экранов, а с вопроса, ради чего человек вернётся в игру завтра.
Дизайн идёт рядом с веб-разработкой, мобильными приложениями и фронтендом, а начинать разумно с прототипа или MVP. Примеры работ: личный кабинет табачного магазина, витрина игрового магазина, главная страница системы мониторинга, а также SignItNow и Battle of the Bees.
Что входит в услугу
Можно взять любой набор из перечисленного.
Структура, экраны под все размеры, состояния и мелочи, которые определяют впечатление: пустые списки, ошибки, длинные названия, формы на телефоне.
Личные кабинеты, панели управления, внутренние системы. Здесь дизайн помогает сотруднику сохранять работоспособность на протяжении всего дня: чем меньше он устаёт, тем меньше ошибается и тем больше успевает.
Экраны под iOS и Android по правилам обеих платформ, с учётом того, как люди держат телефон и куда дотягивается большой палец.
Кликабельная версия до разработки, чтобы спорные решения разошлись на прототипе, где правка стоит дёшево.
Компоненты, состояния, отступы и правила плюс описание логики экранов. Дальше продукт растёт ровно, а новые экраны выглядят частью целого.
Иллюстрации, иконки, подача продукта в презентациях и в магазинах приложений. Фирменный стиль и логотипы тоже делаем, и делаем хорошо, но специализация у нас всё-таки в том, как человек работает с бизнесом через продукт.
Как мы работаем
Разбираем аудиторию и сценарии, смотрим, что происходит сейчас и на каких шагах люди останавливаются. На выходе список экранов и решений, а не мудборд.
Схематичные экраны, связанные между собой: на них уже видно, как будет работать задуманное, и это заметно удешевляет любую правку на последующих этапах. Срок зависит от числа экранов и сложности процессов.
Оформление, типографика, состояния, тёмная и светлая темы, адаптив. Показываем итерациями, чтобы направление подтверждалось по ходу.
Собираем компоненты, правила и описание логики, чтобы разработка шла быстро и предсказуемо.
Смотрим собранное в браузере и на телефоне, помогаем команде разработки на запуске, дорабатываем то, что вылезло на реальных данных.
Стек и инструменты
Кейсы по услуге
Частые вопросы
Цена зависит от числа экранов и от того, нужна ли дизайн-система. После разбора задачи даём оценку по этапам, чтобы было видно, за что платите.
Да, это обычный сценарий. Вы получаете макеты, дизайн-систему и документацию, по которой продукт соберёт ваша или любая другая команда. Заодно скажем, какие решения в вашем стеке дороги в сборке, чтобы это выяснилось до начала работ.
Проверяем на прототипе до разработки, а после запуска смотрим на поведение: где люди задерживаются, что нажимают, какие шаги проходят дольше остальных. Это надёжнее споров о вкусах.
Делаем. Сначала разбираемся, что именно мешает, потому что чаще дело в структуре и в порядке шагов, а оформление уже следствие.
Всё определяет договор, и прописываем мы это на этапе технического задания, до начала работ. Каждый утверждённый этап переносится на вашу сторону, то есть работа накапливается у вас, а не у нас. После закрытия проекта исходные файлы дизайна, макеты и документация передаются вам вместе с правами на них.
Да, отдельной договорённостью: авторский надзор, новые экраны и развитие дизайн-системы.
Смежные услуги
Обсудим вашу задачу?
Расскажите, что нужно сделать - вернёмся с оценкой сроков, составом команды и планом первых двух недель.