Разработка сайта с дружелюбным и современным дизайном для мультиканального чат-центра из Польши

Ссылка: https://omniomni.io/

<aside> ⚠️ Ссылку на проект в Figma я не могу дать, так как подписано NDA. Проект можно показать только “с рук”.

</aside>

Роль в проекте

Первый этап — протипирование и базовый функционал сайта

  1. Создание и согласование прототипа с Product Owner и маркетинговым отделом;
  2. Контроль работы над проектом:
    1. Просмотр и корректировка макетов от дизайнеров;
    2. Адаптация мобильной версии сайта;
    3. Ревью подготовленного UI кита;
    4. Ревью работы верстальщика

Примеры работ — главная страница. Нажмите, чтобы увеличить:

Прототип главной страниц сайта. Котики для заказчика, потому что они все делают милей

Прототип главной страниц сайта. Котики для заказчика, потому что они все делают милей

Дизайн принятый заказчиком. 3D элементы, чтобы подчеркнуть новаторский характер сервиса

Дизайн принятый заказчиком. 3D элементы, чтобы подчеркнуть новаторский характер сервиса

Примеры работ — мобильная версия

Адаптация главной страницы.

Адаптация главной страницы.

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

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

UI-кит — страница посвященная типографике:

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

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

Второй этап — дизайн и дополнительные страницы

К этому моменту над проектом работал я один. Заказчик принял решение о расширении функционала сайта. Из простого лендинга он должен был стать полноценным сайтом. Также, маркетингу требовалось создать “живые” соц. сети, которые бы соответстовали предложенному фирменному стилю и поддерживали коммуникативный стиль бренда.

  1. Создание и мобильная адаптация дополнительных страниц на сайт:
    1. Блог и статья в блоге
    2. База знаний
    3. О компании