Как сверстать промостраницу, если никогда этого не делал
На прошлой неделе верстала промостраницу для продажи диджейского контроллера Нюмарк в Школе редакторов. Это была моя вторая сверстанная страница в жизни, поэтому боялась жутко. Первый раз я верстала вступительное задание в Школу: пыталась простым языком рассказать про теорию относительности. Получилось плохо, в Школу поступила на 51 месте. До сих пор стыдно: иногда снится Эйнштейн, грустный и молчаливый. Хорошо хоть не орет на меня по-немецки матом.
Я вообще «криворук», красиво у меня пока не выходит. Я смотрю грустно на красивые макеты, скришотю их и любуюсь. Повторить по памяти не могу. Разбора страниц ждала как казни. Безумно радовалась, когда Максим Ильяхов выделил хорошие моменты у моей страницы. Крутое ощущение, когда долго не получается, а потом хоть небольшой шаг вперед. Сразу хочется еще три страницы сверстать за одну ночь. Прёт жутко.
Пока изучала, писала и верстала, прошла все любимые стадии: паника-паника-паника, «надо разобраться в теме», паника-паника, «сел и сделал», переделал, поспал, переделал, поспал. Пока паниковала и делала, выделила для себя важные моменты для всех заданий, статей и любой такой работы:
Не садись писать и верстать, пока тщательно не изучишь продукт. До задания я ни черта не знала про контроллеры, винил и диджеев. В клубах работают люди, которые делают прикольную музычку — потолок моих знаний. Нюмарк изучала часа четыре: читала обзоры и сравнения, смотрела видео диджеев и разборы старых работ прошлых выпусков Школы. Получился файл на 6 листах с мнениями, расшифровкой терминов и мыслями. Я узнала, как играют на виниле и чем это хуже или лучше. Я пропиталась темой и остановилась, когда Нюмарк стал сниться. Для меня это всегда хороший знак, значит знания прут из всех щелей.
Спроси экспертов. Я нашла живого человека, кто в прошлом диджеил, и спросила мнение. Он с радостью мне рассказал, как играть на виниле, как на такой штуке, что, почему, зачем и как выглядит. Взгляд изнутри здорово отрезвляет и разрушает все фантазии о продукте, я-то себе напридумывала всякого. Если такого знакомого нет, можно кинуть клич в фейсбуке. Всегда найдется друг друга подруги, который разбирается. Лучше спросить у двух или трех.
Ответить на вопрос «Для кого эта штука?» и делать страницу с упором на эту аудиторию. Не надо распыляться на всех сразу.
Верстала в Редимаге. После Тильды мне он показался волшебным. Но это всё от моей криворукости. HTML, CSS и бутстрап знаю поверхностно, на уровне тегов head, body и div, а дальше пропасть. Обещаю себе научиться, но времени не хватает.
По разбору заданий составила небольшой конспект:
- Не заставлять пользователя взаимодействовать с интерфейсом. Подписывать элементы сразу, а не прятать описания за кнопками и всплывающими подсказками, не играть c законом Фиттса.
- Не ставить видео в три колонки, максимум в две.
- Не лечить и не влезать на территорию читателя. «Даже если вы новичок, на Нюмарке будете выглядеть плохо — влезать на территорию клиента» — плохая фраза из моего текста.
- Не использовать векторные иконки в многоколонниках, сразу похоже на однообразные лендинги. Это скучно и не хочется читать.
- Не делать выводы за читателя и не навязывать, что ему хотеть и как применять. Например, «Не подходит для профессиональных диджеев» — плохо.
- Круто выделять ключевые мысли другим цветом, это заменяет функцию заголовков в абзацах.
Ошибок у меня, конечно, море, я и сама вижу. И верстка любительская. Но это для меня прям шажище. И хочется делать еще и еще. Давно уже так ничего не пёрло.