Как проектировать лендинги: три варианта
Когда мне приходится делать ленды, я пользуюсь одним из двух вариантов. Возможно, кому-то будет полезно посмотреть на эту внутрянку и взять себе какой-то приемчик.
Идеальный вариант. Этот вариант я использую, когда на ленд заложено нормально времени, а сам лендинг для нас уникальный. Другими словами, не шаблонный, и надо сделать что-то эдакое.
Тогда я открываю фигму и начинаю дизайнить его с нуля, как умею. Умею я плохо, поэтому заранее собираю несколько референсов и тыркаю оттуда понравившиеся решения. Потом отдаю дизайну и помечаю, какие решения надо обязательно оставить, а какие можно сделать на свое усмотрение. Еще я оставляю комментарии, когда не могу задизайнить что-то руками.
Этот вариант я люблю больше всего, потому что помимо контента тут рождаются еще и концепция лендинга, всякие фишечки, иллюстрации. А еще это бывает удобно, когда работаешь с непредсказуемыми по качеству дизайнерами и страшно, что он сделает что-то совсем не то.
Вот, как это выглядит →
Быстрый вариант — сделать ТЗшку в гугл-доке. Я перевожу документ в горизонтальную ориентацию и накидываю контент с помощью обычного текста, заголовков и табличек. Если нужна какая-то картинка, я описываю ее словами.
Так можно достаточно четко передать структуру, но не заморачиваться с визуальными решениями и не тратить время на дизайн в фигме. А если работать с крутым дизайнером, то у него меньше ограничений в ТЗ и он может сделать то, о чем я бы даже не додумался.
Это выглядит вот так →
Супербыстрый вариант — когда нужно сделать лендинг по шаблону или задизайнить с нуля ультрапростую страничку, я просто выливаю в чатик или трелло поток сознания с минимальной структурой.
Прям так и пишу:
— Ну короче нужен простой лендинг, он будет как статья, можешь кстати ее как шаблон взять
<h1> Заголовок </h1>
Обычный текст: тыры-пыры пыры-тыры пупа-лупа лупа-пупа.
Кнопочка какая-нибудь контрастная: Купить
И потом когда на кнопку жмешь, открывается попап с вопросами: 1, 2, 3.
Так я делаю только с Вовой Муравьевым, потому что мы с ним давно вместе и хорошо друг друга понимаем. Он может точно так же текстом что-то уточнить, показать промежуточные варианты, но это все не занимает много времени.
Post #235
1.29K
- ❤ 12
- 🔥 9
- 👍 6
- 👏 1