🌟 Разработка концепции дизайна 🌟

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

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

ПЕРВИЧНОЕ БРИФОВАНИЕ КЛИЕНТАП

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

СОЗДАНИЕ МУДБОРДА

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

СОЗДАНИЕ СКЕТЧА ИЛИ ПРОТОТИПА

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

Мы разделяем UX и UI, чтобы проработать обе составляющие логичного и современного интерфейса.

При работе со сложными проектами мы создаем кликабельный интерактивный прототип, чтобы клиент сам мог оценить логику работы интерфейса, внести корректировки. Работу над прототипом ведет аналитик студии совместно с менеджером проекта и арт-директором.
Прототипы мы создаем в Axure RP, посмотреть наши работы можно здесь. Они выглядят как нераскрашенные макеты сайта.

РАЗРАБОТКА КОНЦЕПЦИИ ДИЗАЙНА

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

Затем мы начинаем собирать UI-kit (набор графических элементов и готовых решений для будущего сайта), отрисовывать главную страницу, ориентируясь на прототип.

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

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

Мы за то, чтобы сразу сделать круто и как нужно клиенту, а не делать несколько сырых концепций в надежде, что какая-то из них понравится заказчику.

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

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

Это позволило структурировать наши макеты, избавив верстальщиков от многих проблем.

Хотите обсудить свой проект? Пишите нам в ТГ, либо через форму обратной связи на нашем сайте (https://pyrobyte.ru)

Гайз, до встречи в аське 🤙🏻 Скоро будем отправлять наши дайджесты там. Шутка, шутка, пока здесь, конечно же 🤫


Новости:

1. VK перезапустит мессенджеры ICQ и MyTeams — «Ведомости» (https://vc.ru/social/380451-vk-perezapustit-messendzhery-icq-i-myteams-vedomosti)

2. Ozon Express провёл ребрендинг: сменил название на Ozon fresh и обновил цвета (https://vc.ru/design/379791-ozon-express-provel-rebrending-smenil-nazvanie-na-ozon-fresh-i-obnovil-cveta)

Интересные материалы:

1. «Dyson в мире ламп»: история светильников Anglepoise, дизайн которых почти не менялся 80 лет (https://vc.ru/design/373282-dyson-v-mire-lamp-istoriya-svetilnikov-anglepoise-dizayn-kotoryh-pochti-ne-menyalsya-80-let)

2. Чем заменить корпоративный мессенджер Slack, если он перестанет работать в России (https://vc.ru/services/380174-chem-zamenit-korporativnyy-messendzher-slack-esli-on-perestanet-rabotat-v-rossii)

3. Полезное. Школа Nimax закрыла коммерческое направление и выложила курсы в открытый доступ (https://vc.ru/marketing/380505-shkola-nimax-zakryla-kommercheskoe-napravlenie-i-vylozhila-kursy-v-otkrytyy-dostup)

4. Чем заменить интеграции иностранных сервисов в своих продуктах (https://vc.ru/services/380024-chem-zamenit-integracii-inostrannyh-servisov-v-svoih-produktah)

5. Как бизнесу адаптироваться и зарабатывать во «ВКонтакте» и Telegram в 2022 году (https://vc.ru/marketing/379503-kak-biznesu-adaptirovatsya-i-zarabatyvat-vo-vkontakte-i-telegram-v-2022-godu)

6. Знания и навыки, необходимые для работы в тестировании в 2022 году (https://habr.com/ru/post/656027/)

7. Советы начинающим тимлидам: как работать с командой, выбраться из ловушки токсичного специалиста и не сойти с ума (https://habr.com/ru/company/quadcode/blog/655549/)

8. Flutter: Совмещаем GraphQL с JsonSerializable (https://habr.com/ru/post/655511/)

9. Дайджест интересных материалов для мобильного разработчика #434 (7 — 13 марта) (https://habr.com/ru/company/productivity_inside/blog/655451/)

10. С чего начать в Three.js. На английском (https://medium.com/geekculture/getting-started-with-three-js-1c2d02e18330)

11. Релиз языка программирования Go 1.18 (https://news.1rj.ru/str/techno_news_tg/465)

Hi peeps 🤟🏻

Начинаем новую неделю с английского сленга 🇬🇧

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

Такие «словечки» в английском языке называются buzzwords 🐝

Они приобретают популярность в определенной сфере в определенный период.

Зачастую, когда используют словосочетание buzzword compliant (compliant — соответствующий нормам) по отношению к новой технологии, имеют в виду, что она имеет определённые характеристики только потому, что это модно, стильно, молодёжно.


Ещё один пример: если резюме специалиста пестрит аббревиатурами, названиями, которые не несут никакой смысл, а лишь создают пафосное впечатление, то можно сказать, что его CV is buzzword compliant ☝🏼

Hey hey, сегодня поговорим о MVP. Что это за покемон, и чем он может быть полезен вашему проекту 🤔

Как вашему проекту поможет создание MVP 

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

Что такое MVP

MVP (minimum viable product) — это продукт, обладающий минимальными функциями достаточными для первых потребителей. Основная задача — получить обратную связь и сформировать гипотезы дальнейшего развития продукта. Сбор информации с помощью MVP дешевле, чем разработка продукта с большим количеством функций.

В чем экономия

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

Какие еще плюсы

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

💜 Вы экономите на исследованиях ЦА

💜 Получаете реакции и отзывы первых пользователей

💜 Становится проще привлекать инвесторов к продукту. MVP — наглядная, живая версия, которая уже может начать приносить прибыль

💜 Ускоряется процесс разработки

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

А в каких именно случаях вы можете выбрать MVP и быстрее запустить свой проект читайте в статье на нашем сайте :)