За свою карьеру я создал бесчисленное количество лендингов. Я делал это в маленьких веб‑студиях, затем я делал это в крупных enterprise компаниях.

В мини студии нам достаточно было сверстать лендинг и натянуть на готовую CMS (чаще всего это был какой‑нибудь Wordpress). А затем залить это все на хостинг и можно было отдавать заказчику.

В крупной компании, создавая типовой сайт, мы должны соблюдать порядки деплоя и релиз‑менеджмента, тестирования (включая пентесты ИБ), аналитики и т. д., что соответственно повышает трудозатраты.

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

И вот, когда нам в очередной раз прилетает запрос на новый лендинг, мы решаем что пора что‑то с этим делать.

В идеальном мире всё происходит следующим образом: происходит брейншторм, детально изучаются бизнес-требования, анализируются конкуренты, рисуется прототип, согласовывается прототип и уже как в чистовик рисуется дизайн с использованием всех наработок дизайнера, готовых компонентов, разрабатывается ui kit, на базе которого также создаются компоненты, рисуется адаптив для различных разрешений, рисуются различные состояния блоков/элементов с соответствующими комментариями.

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

На деле же выходит чаще всего следующим образом: есть поверхностные бизнес-требования, берутся за базу старые отрисовки, подгоняются под текущую цветовую схему, заполняется текстом-рыбой, адаптив может и вовсе отдаваться в разработку “на своё усмотрение”.

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

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