Заказать создание и разработку веб-сайта под ключ в Минске

Разработка сайта

Статья + фрагменты кейса VelvetPath®

Статья написана для объяснения моего взгляда на предмет и процесс работы

Евгений Соколовский

  • Продуктовый менеджмент.
  • Продуктовый дизайн.
  • UX/UI дизайн.
  • Брендинг.
  • Фронтенд.
Занимаюсь интерфейсами с 2018

С чего начинается разработка сайта

none

none

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

Моя цель при работе над созданием сайта

none

none

Сделать его эффективным, масштабируемым, привлекательным.

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

Что учитывается при разработке сайта

none

Про связь цифрового продукта с бизнес-процессами

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

none

Пример 1

none

Есть сайт, который создали для того, чтобы получать с него звонки. Ключевой оценкой эффективности сайта является количество полученных звонков за отрезок времени. При этом компания работает с 9:00 до 17:00, а люди начинают звонить с 7–8 утра и до 21–22 вечера. Звонки, полученные в нерабочие часы остаются без ответа.

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

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

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

none

Пример 2

none

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

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

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

Страница конкретного автомобиля

О связи с брендом

none

none

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

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

О роли дизайнера в процессе разработки сайта

none

none

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

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

Основная задача дизайнера — мыслить, сопоставлять, анализировать. Для мыслей нужна почва (цель, задача, проблема, вводные и т.д.). Макеты — это результат, итог и визуализированное решение. Суть не в том, как он нарисован (хотя и это важно), а в том, почему именно так и что это даст.

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

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

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

Product management

Чтобы знать, что нужно сделать.

UX/UI design

Чтобы знать, как это сделать.

Frontend

Чтобы результат на 100% соответствовал макетам.

Сопутствующие услуги

none

Список моих возможностей при работе над сайтом
  • Дизайн
  • SEO оптимизация
  • Frontend
  • Тесты (работа по спринтам с правками сайта и измерением результатов)
  • Контент (фото/видео) — в роли арт-директора

Исследования

none

none

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

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

none

Что я изучаю перед началом работ по разработке сайта

Область/отрасль/рынок
  • Ситуация на рынке. Перспективы. Угрозы. Возможности.
  • Позиция компании на рынке.
  • Емкость рынка. Сегменты. Конкуренты. Лидеры.
  • Доля компании на рынке.
  • Препятствия.
  • SWOT-анализ (сильные, слабые стороны, возможности и угрозы).

none

none

Проблема
  • Какую проблему решает компания.
  • Важность этой проблемы.
  • Частота проблемы.
  • Охват проблемы.

Что я изучаю перед началом работ по разработке сайта

none

Решение/продукт
  • В чем продукт. Как он решает проблему.
  • Слабые/сильные стороны продукта.
  • На каком этапе развития находится продукт (стадия жизненного цикла).
  • Продукты-конкуренты. Преимущества перед конкурентами.
  • Миссия.

none

none

УТП
  • В чем уникальность продукта.
  • В чем его ценность для пользователей.

none

none

«Нечестное преимущество»
  • Как продукт защищен от копирования.

none

none

Аудитория
  • Сегменты.
  • Сегментация по стадиям сделки.
  • Жизненный цикл пользователя.

none

none

Ключевые метрики
  • Бизнес-метрики.
  • Продуктовые метрики.

none

none

Каналы
  • Откуда приходят клиенты. Как они узнают о продукте.

none

none

Дополнительно
  • Структура расходов.
  • Источники доходов.

none

none

none

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

Конфиденциальность

none

none

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

Итог

none

none

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

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

Страница со списком авто и услуг, которые доступны для аренды/заказа.

При нажатии на “Ordering” осуществляется переход к оформлению заказа.

Имею опыт работы как со студиями, так и с конечными заказчиками
из разных стран

География заказов

Работал с резидентами

  • Великобритании
  • Германии
  • Китая
  • Польши
  • России
  • США
  • Франции

и др.

С 2020 работаю на позиции Senior UX/UI Designer

Минимальная стоимость разработки сайта

6000

BYN

Белорусских рублей

≈ 2000

$

Входит в услугу

  • Разработка фирменного знака
  • Дизайн и проектирование сайта (под все устройства)
  • Фронтенд оговаривается отдельно

Процесс

  1. Заявка
  2. Короткий звонок для уточнения условий
  3. Заключение договора
  4. Предоплата
  5. Исследования и анализ бизнеса заказчика
  6. Айдентика
  7. Информационная архитектура и проектирование взаимодействия
  8. Дизайн-концепция
  9. Адаптивные версии страниц
  10. Этапность работ может меняться в зависимости от ситуации. Данный порядок носит информативный характер

Минимальные сроки разработки сайта

30

К.Д.

Календарных дней

Направления,
в которых я работаю

Если остались вопросы,
то напишите мне

Примеры работ

Кейсы и их фрагменты

Кейсов на сайте

Фрагментов

Скетчей

Отрасли заказчиков

  • AdTech & MarTech
  • EdTech
  • FinTech
  • TravelTech
  • и др.

Презентуемые работы

  • Веб-сайты
  • Мобильные приложения (iOS)
  • Фирменные знаки и логотипы
  • Фирменные стили
  • и др.

Каждый кейс освещает ключевые интерфейсные и стилистические решения, примененные в работе над конкретным проектом.

Кейс

VelvetPath

Сайт и айдентика для организатора
визитов в Китай

Награды на Behance

User Interfaces
XD

Разработанный фирменный знак

О компании

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

Фрагменты

343

Фрагменты — это слайды из презентаций к созданным мной проектам.

Кейсы

8

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

Earnpark®

Редизайн сервиса для криптоинвестиций

Награды на Behance

Смотреть кейс
Madnomad®

Сайт и айдентика для студии дизайна цифровых продуктов

Награды на Behance
Смотреть кейс

Обо мне

Кто я, чем занимаюсь, опыт, контакты

Евгений Соколовский

Дизайн и проектирование

Что я проектирую

Цифровые продукты, которые решают проблемы и помогают достигать целей

  • Веб-сайты
  • Мобильные приложения
  • 2D графика
  • и др.

Услуги

  • Продуктовый менеджмент
  • Продуктовый дизайн
  • UX/UI дизайн
  • Брендинг
  • Фронтенд
5
Behance награды

Опыт в дизайне интерфейсов, лет

Опыт в графическом дизайне, лет

8

14

Один из основных навыков

Web
Design

1-й
и пока единственный представитель Беларуси
в жюри
одного из самых престижных международных конкурсов среди профессиональных
веб-дизайнеров и разработчиков

Для консультации по вашему проекту

График работы

GMT +3

Контакты

В своем письме, пожалуйста, расскажите

  • Что вы хотите сделать и почему?
  • Цели и проблемы вашего бизнеса?
  • Какого результата вы ожидаете от совместной работы?
  • Как вы поймете, что работа сделана хорошо?