Артур Белецкий
Артур Белецкий
Web & Graphic Designer с многолетним опытом работы и неутихающей любовью к развитию
Lesen 2 Minuten

Как сделать сайт без фотошопа?

Как создать сайт и при этом не стать дизайнером? Легко! Текст для тех, кому нужен сайт, но бюджет на него 5-10 тысяч рублей. Сделать сайт самостоятельно будет проще, интереснее и полезнее. Не говоря уже про сэкономленные нервы.

Image for post

Первое что вам потребуется - это набор инструментов для работы. Все онлайн и ничего качать не надо: #Tilda #Freepick #Flaticon #EvaDesignSystem (ссылки дам дальше)

Начнем с главного - tilda.cc Вам потребуется любой аккаунт. Как работать с тильдой, что делать в сложных ситуациях и тд и тп — я рассказывать не буду. Все это очень подробно и доступно описано в справочнике от разработчиков. А еще есть Ютуб канал Тильды, где тоже много полезного в еще более понятной форме.

Нам потребуются только стандартные блоки. ZERO-блок и уж тем более всякие скрипты нам не нужны. Тут вы можете делать все на свое усмотрение. Но сразу хочу предупредить, что не все блоки в ПК и мобильной версии выглядят одинаково круто. Иногда горизонтальное фото (формата 16:9, к примеру) дико выглядит на мобиле, там лучше использовать квадратный формат. Поэтому активно используйте "диапазон видимости на устройствах" (в настройках блока, в самом низу находится эта функция).

С #Тильда все действительно просто! Вам не надо ничего рисовать, думать как расположить. Для того, чтобы сделать продающий сайт - не надо ничего изучать! Просто выбираете подходящие блоки и все.

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

Дальше вам придется наполнить свой сайт разными текстами, картинками и иконками. Картинки (фото или векторные иллюстрации) берем на www.freepick.com, а все иконки (например, для раздела "преимущества компании") качаем на сервисе www.flaticon.com. Иконки я рекомендую качать в формате SVG.

И последнее в тексте у меня, но одно из первых на вашем сайте — цвет. Самым простым (на мой взгляд) сервисом для подбора гармоничных цветов являетсся сервис: colors.eva.design Слева вверху вы просто вводите шестизначный код вашего главного акцентного цвета сайта и вам сразу предлагают комбинацию дополнительных цветов, которые реально могут быть нужны в процессе разработки сайта.

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

И последнее. #LandingPage или Продающая страница — это просто вид сайта, фишкой которого является продажа всего одного товара (или группы товаров) или одной услуги. Поэтому, если вы хотите максимальной конверсии - продавайте на сайте только одну свою услугу или товар. А про дополнительные услуги/товары расскажите где-то внизу страницы, типа внезначай.

Все.

Расскажите о своем опыте создания сайтов (если вы не дизайнер) - сложно ли их сейчас создавать на конструкторах? Или вы нашли исполнителей, которые за 10к сделали бомбезный сайт? И вообще, нужен ли вам сайт?=)

81 Ansichten
Hinzufügen
Mehr
Артур Белецкий
Web & Graphic Designer с многолетним опытом работы и неутихающей любовью к развитию
Abonnieren