Найти тему
Валерий Гербелев

Первые шаги и полезные советы при конструировании сайта в Тильде.

Оглавление

Создать хороший сайт — это не проблема. Проблема сделать это самому. Собрать самостоятельно сайт по кирпичикам, без команды, быстро и за недорого можно используя конструктор Tilda.

Идея сайта

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

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

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

Состав сайта

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

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

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

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

Схематично это выглядит так:

-2

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