Женя. Создаю сайты на Tilda и Taplink

Пост-закреп, или чем я здесь занимаюсь

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

Меня зовут Женя и я делаю сайты на Тильде и Таплинке. Почему эти платформы?

Тильда – это про свободу творечества без знаний кода. Любую дизайн-идею можно сделать там.

Таплинк – это быстрота и мобилность. Если страничку нужно сделать быстро – таплинк лучшее решение.

Теперь по контенту. Что я здесь публикую?

Здесь есть мои кейсы, полезные посты и сервисы для дизайнеров. Поэтому:

Если тебе нужно сделать сайт, то вот мои лучшие кейсы:

📍Кейс: сайт на Тильде для учителя по программированию

📍Кейс: сайт для блогера с аудиторией 600 000 подписчиков

📍Кейс: лендинг по продаже домов из бруса

📍Кейс: таплинк для нутрициолога с аудиторией 350 000 подписчиков

📍Кейс: лендинг для продажи онлайн-курса о питании детей

📍Кейс: сайт для школы танцев в Сочи

А если ты веб-дизайнер, то вот мой ТОП постов, которые можно забрать себе:

📍ТОП-3 мест поиска заказов для новичка в веб-дизайне

📍Как безопасно перейти на фриланс

📍Базовые правила при создании сайтов

📍Какие материалы нужны от клиента, чтобы начать работу

📍Как найти клиента. Практика. Часть 1

📍Как найти клиента. Практика. Часть 2

Вроде все рассказал. Читай посты, лайкай, комментируй, задавай вопросы в комментах, а я буду радовать тебя новыми кейсами и клевыми постами.

А если нужно задать вопрос по созданию сайта, то прошу в личные сообщения – @zhenek_3

Проблему с мокапами можно забыть

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

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

Вот ссылка – https://shots.so/

Сохраняйте себе, такое не каждый день раздаю. Кстати, как у вас дела? Завалены проектами?)

Нейросети для дизайнера

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

То ли дело, когда я дошел до цифровых аватаров. Я показал нескольким знакомым этот видос и они практически не отличили разницы от реального меня.

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

Главное сделать правильную заготовку и проблема со съемками разговорных видео отпадает надолго.

Хочу сделать несколько роликов и потестить в разных соц сетках, интересно как пойдет.

Кстати, а вы используете какие-то нейронки в своих проектах? Можно поделиться в комментах, что-нибудь заберу себе🤪

Кейс: сайт для запуска курса «Формула похудения»

Этот кейс я берег почти месяц, т.к. это самый крупный блогер из всех тех, кому я делал сайт под запуск.

Мария – дипломированный нутрициолог, которая помогла с похудением огромному количеству женщин.

А ее аудитория составляет 600 тыс. подписчиков.

Звучит офигенно! А что по задаче?

Задача следующая: нарисовать и сверстать дизайн сайта на Тильде под запуск курса.

Текст брался с прошлого сайта, фото тоже. Пожелания по цветам – цвет тиффани + розовый.

В сумме на весь проект ушло в районе 5 дней (2 дня дизайн + 3 верстка).

Ну и конечно немножко правок, куда же без них😌

Как-то так.

Хочешь такой сайт себе – жду в личке @zhenek_3

Понравился дизайн – можно поставить❤️

Я полностью переехал на Фигму. Выводы

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

Что я для себя отметил как человек, который все время работал только в фотошопе?

1. Экспорт

Он здесь реально клевый. И если в фотошопе нарезать проект была та еще боль, то здесь это делается очень быстро.

2. Плагины

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

3. Доступность

Очень клево, когда ты можешь открыть Figma где угодно и на чем угодно (кроме телефона конечно). В фотошопе приходится все файлы сохранять на диске.

4. Связанность

Здесь я имею в виду работу с проектом в комплексе. К примеру, я хочу поменять 1 цвет во всем проекте. Я выделяю весь проект, Figma показывает мне все цвета проекта, и я меняю нужный мне цвет одним нажатием. И он меняется везде. Такого в фш не было точно.

5. Фотошоп внутри Figma (че?)

Да, здесь и такое есть. Есть такой плагин «Photopea». Так вот по сути это урезанный фотошоп, но нужные инструменты там есть, что ОООЧЕНЬ сильно помогает мягко переехать с одного инструмента на другой.

На данный момент в Figma я собрал 2 кейса на Behance и 1 полностью готовый проект. На очереди еще сайт и парочка таплинков.

Короче – нравится💛

Первые 100 подписчиков в Пинтерест и что вообще с Рилс?

Сегодня я решил выйти с вами на связь с 3 новостями:

1. Я преодолел 100 подписчиков в Пинтерест (можно поздравить реакциями🎉)

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

2. С Рилс творится вообще какая-то дичь

У многих ребят, которые снимают рилсы, почему-то жестко полетели просмотры на роликах. Я исключением не стал.

Если раньше цифры держались на уровне подписок, то сейчас, если набрал 150-300 – это уже можно жить. Говорят поменяли алгоритмы, но в какую сторону – я пока не понял. Продолжаю снимать и выкладывать, но картина пока так себе.

3. Пару дней назад я побил рекорд по крутости клиента.

Сделал один клевый сайт для продажи курса, но показать я его смогу только 21-го числа. А пока что готовлю почву, чтобы показать его вам (делаю кейс на беханс, пост сюда, пост в инсту и т.д.).

Пока что так. Наблюдаем за ситуацией и ставим реакции❤️

Пинтерест для веб-дизайнера. ТОП-5 наблюдений

Зашел я туда по приколу, ибо для меня это соц сеть чисто для девочек, которые ищут идеи ноготков на осень.

А по факту оказалось, что можно неплохо поднимать оттуда аудиторию. Но обо всем по порядку:

1. Пинтерест – не глупый. Я заметил, что очень много пинов публикуется из других сайтов совсем без каких либо заголовков и подписей. Но при этом попадают в нужные категории.

2. Цифры у дизайнеров – примерно одинаковые. Если у вас к примеру 50к просмотров, то переходов будет где-то 50 в месяц +- 10%.

3. В дни обновлений бывают провалы. Есть такой момент, когда у Пинтереста проходят обновления, то статистика может падать.

4. Сезонные тренды – реально работают. Я закинул за месяц до осени несколько пинов на осеннюю тему и знаете – были неплохие цифры и переходы.

5. Дисциплина – решает. Про это уже говорили все, но это реально так.

Пока что так. Отблагодарить можно лайком под постом 🤗

Кстати, а вы сами ведете Пинтерест? Какие цифры? Есть профит?

Кейс: таплинк для запуска курса Дмитрия DIXON

Не зря говорят – в нашей жизни возможно все. И этот кейс не исключение.

Дмитрия я смотрел в инсте где-то полтора года назад. Он профессиональный танцор + снимает классные ролики со знаками зодиака.

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

Были предоставлены фото, цвета и примеры дизайна того, что нравится.

После получения всех данных и оплаты, я начал рисовать дизайн. Решил выбрать максимально легкий стиль: как в шрифтах, так и в композиции, чтобы ничего не мешало.

Такие дела. По итогу получился очень легкий, но довольно стильный сайт, который отлично вписался в общий стиль всего запуска.

А если хотите заказать себе страничку – напишите мне @zhenek_3

Как выбрать шрифты для сайта и не облажаться?

Когда речь заходит о шрифтах, многие дизайнеры начинают паниковать: какой выбрать, как не переборщить и что делать, если заказчик вдруг вспомнит про Impact? Спокойно! Сейчас всё разберём.

1. Цель сайта

Сначала нужно понять, о чём сайт. Это блог о кулинарии? Тогда давай что-то дружелюбное и мягкое. Это сайт юристов? Что-то строгое и деловое. Представь, что шрифт — это голос, которым ты говоришь с пользователем. Ты же не будешь рассказывать про договоры шутливым тоном, верно?

2. Один-два шрифта — достаточно

Не надо выбирать 10 шрифтов, это не набор наклеек в Telegram. В большинстве случаев хватает одного-двух шрифтов: основной (для текста) и акцентный (для заголовков). Всё, точка. Не усложняй.

3. Серфим по гугл-шрифтам

Окей, ты уже знаешь, что тебе нужен простой и понятный шрифт. Но где берут всю «базу»? Есть Google Fonts — библиотека с кучей бесплатных шрифтов, причём нормальных! Открыл, выбрал парочку, протестил на сайте — готово.

4. Проверь на читабельность

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

5. Выбирай контрасты, но с умом

Можно и нужно использовать шрифты с контрастом: заголовок — более жирный и выразительный, основной текст — спокойный и лёгкий. Но не надо делать слишком резкий контраст, например, брать шрифт "печатная машинка" для заголовка и "почерк врача" для текста. Всё должно гармонировать.

6. Шрифтовая психология

Знаешь, шрифты могут создавать настроение и влиять на восприятие. Шрифты без засечек (например, Arial или Roboto) кажутся более современными и минималистичными. А вот шрифты с засечками (типа Times New Roman) больше подходят для классики, чего-то более серьёзного.

7. Тестируй шрифты на реальных людях

И последний, но не менее важный совет: тестируй! Попроси друзей, коллег, родителей, а в идеале – спецов в дизайне посмотреть на твой сайт. Если они быстро устали или напряглись — что-то не так. Пользователь не должен ломать голову, пытаясь прочитать текст.

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

Wix в России всё

С 12 сентября аккаунты, которые были зарегистрированы на территории РФ будут заблочены. Оставят только те, которые были сделаны за пределами страны.

Предвижу несколько вариантов событий:

1. Часть клиентов докажет свою принадлежность иностранного гражданина и останется в сервисе
2. Часть перенесет сайты на другие платформы (Тильда, WordPress и др.)

И тут вопрос уже к функционалу Wix. Дает ли он возможность выгрузить код верстки со своей платформы.

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

Если нет, то придется переходить на аналоги, тем более если клиент не силен в коде.

Тут то сейчас и начнется аврал для спецов на Тильде и схожих сервисах. И если обычный лендинг будет перенести достаточно просто, то вот целые интернет-магазины – вопрос.

Поэтому наблюдаем за ситуацией и ждем первые заявки на биржах о переносе сайта с Wix.

Пост в сторону. Как я впервые увидел Константина Ивлева

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

На прошлой неделе я побывал на Дне рождения ресторана «Облака» в Зеленоградске.

Был хороший концерт, салют и приглашенный гость – Константин Ивлев.

Раньше я видел его только на телеканале «Пятница», а в этот раз – своими глазами.

К тому же ставился рекорд России по самому большому блюду из капусты. Вышло целых 190 кг.

Но как это часто бывает – из-за огромной толпы попробовать я его не смог, поэтому с девушкой заказал пиццу и ушел смотреть на закат с видом на море😌

Такая романтика. А как ваши дела?

Какие ролики снимать веб-дизайнеру для соц. сетей?

Тут 2 варианта: либо для получения клиентов, либо для сбора подписчиков.

К примеру ролик, который вы видите, сделан для поиска клиента. Он простой, но базовые задачи отрабатывает. Еще множно попробовать:

– показ кейсов
– процесс работы
– ролики-призыв
– спидран создания первого экрана

А можно снимать ролики на дизайнеров, заходя через:

– пользу
– фишки и лайфхаки
– интересные новости
– юмор (как во втором видео)

Вариаций множество, но по сути, все ролики что мы видим в соц. сетях, идут из этих разделов.

Все остальное – это правильно обыграть то, что вы хотите донести. И как только нащупаете что-то новое – клиенты, либо подписчики придут со 100% вероятностью.

А может и то и то сразу, кто занет😉

Notion уходит из России. Чем заменить?

Собрал для вас небольшой список из 3 сервисов, которыми можно пользоваться уже сейчас. Итак, вот эти сайты:

https://yonote.ru/ – самый цитируемый. Доступен перенос ваших проектов из Notion
https://unidraw.io/ – аналог от Т-Банка
https://teamly.ru/ - есть бесплатный тариф на 2 Гб и для личного пользования

Уходит этот сервис 5 сентября, но пока не очень понятно, на сколько серьезно будут ограничивать доступ.

Вдруг подключенный ВПН и смена региона поможет обойти данный блок. А может и не сработает, пока не очень понятно.

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

Как подбор цвета влияет на заявки от сайта?

Знаете, вот вроде хочется «налить воды» про то, что такое цвет, за что он отвечает и бла бла бла.

Это до ужаса скучно.

Мне же хочется раскрыть эту тему чуть глубже, чтобы те, кто занимается дизайном и сайтами, понимали, какие цвета нужно применять в своих проектах, а клиентам – понимать «почему именно ЭТИ цвета, а не иные».

1. Первое впечатление.

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

Мороженое – это радость от мала до велика, а значит светлые тона. Дальше смотреть на ЦА. Дети – более «насыщенные» цвета, взрослые – более легкие и светлые, без вырвиглаза.

2. Психология цвета.

В двух словах – это то, как мы воспринимаем те, или иные цвета где либо. К примеру:

Белый – легкость, воздушность
Зеленый – свежесть, новизна
Синий – безопасность и надежность
Красный – страсть и эмоции
Желтый – яркость и сочность

И далее по списку. Исходя из этих вводных происходят корректировки по проекту.

3. Контраст и читаемость.

Попробуйте на краснющем фоне нарисовать кислотную зеленую кнопку и на кнопке написать слово фиолетовым цветом – ваш мозг обалдеет от картинки 🙂

4. Создание иерархии.

Если мы возьмем за основу простой сайт и разложим по цветам, то заметим, что белый – это основа, черный – цвет текста, а к примеру синий – цвет ссылок.

У каждого цвета своя роль и если конкретный цвет отвечает за эту задачу, то нет смысла менять правила игры – это запутает мозг и убьет паттерн того, что «синий цвет отвечает за ссылки, а значит я могу на нее нажать».

5. Тестирование и аналитика.

Человек придумал множество палитр по цветам, которые будут работать в нужных нишах на ура. Но проблема палитр в том, что она применима только к конкретному сайту и без теста мы не найдем именно нашей.

А дальше мы упираемся уже не только в цвета, но и текст, рекламу и т.д и т.п и остальные сокращалки.

Такие дела. Если заходит такой формат постов – дайте знать ❤️ или еще какой-нибудь реакцией, напишу еще подобных полезняшек.

Если хотите пообщаться по поводу вашего сайта или Таплинка – вам сюда

Кстати в у себя пинтересте я выкладываю палитры для использования в разных проектах на различные темы.

Мои кейсы за последнее время

Этот пост подойдет больше для клиентов, но я думаю вам тоже будет интересно, какие проекты я реализовал за эти месяцы.

1. Я наконец-то нарисовал себе страничку

Вы как дизайнеры понимаете как тяжело нарисовать так, чтобы нравилось самому себе)

2. Сайт для практикума Анисы Акст

Небольшой лендинг с записью на обучение отрисованный и собран на zero-блоках Тильды.

3. Сайт для запуска курса по обучению на веб-разработчика Битрикс

Здесь я рисовал только дизайн, а клиент уже верстал макет вручную сам.

4. Таплинк для запуска онлайн-курса по танцам

Для ребят в нише танцев я сделал уже множество Таплинков (примеры есть выше), и этот идет в копилку работ по этой тематике.

5. Сайт для психолога

Легкий, лаконичный сайт с основными блоками и возможностью записаться на прием.

Как-то так. Если понравилась какая-то из работ и хотите обсудить вашу страничку – напишите мне в личные сообщения, и уже там обсудим дальнейшую работу: от идеи до рабочего инструмента.

Связаться – @zhenek_3

Подборка мини-уроков по Тильде и Фигме

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

В основном это уроки по анимации, но в этом их ценность – все давным давно показали всю «базу».

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

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

Ведь такое не каждый день раздаю😌

(И да, у меня после обновления телеги наконец-то заработали нормальные реакции)