Обновленный дизайн VIB

VIB — Интерактивный учебник по Vue.js

Привет! Меня зовут Александр и я опытный frontend-разработчик в области e-commerce, специализируюсь на разработке больших высоконагруженных приложений таких как маркетплейсы с высокой посещаемостью и объемной бизнес логикой. Работал в таких крупных компаниях как Коммерсантъ, Л`Этуаль, Камаз

Подробнее обо мне тут:

Подписывайтесь на новости о разработке проекта в телеграмм

Vue interactive book включает в себя текстовые уроки, тестирование и практические задания — https://vib-online. ru

Это свершилось!

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

О дизайне в целом

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

Как создавался VIB?

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

Почему важно обращаться к дизайнеру как можно раньше?

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

Резюме

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

Если вам понравился дизайн или вы давно искали опытного специалиста, то пишите в телеграмм

Начать дискуссию