Женя. Создаю сайты на Tilda и Taplink
1.28K subscribers
37 photos
29 videos
33 links
Здесь собрано мое портфолио, состоящее из сайтов, таплинков и всего остального, что я смог задизайнить. Так-же иногда делюсь своими мыслями.

По всем вопросам – @zhenek_3
Download Telegram
В двух словах о том, что я здесь буду публиковать:

1. Кейсы

Все свои работы, которые я успел сделать за последнее время. Это и сайты, и таплинки, и паблики в Вконтакте, и все то, что посчитаю нужным. Отзывы пришлю каждому, кто хочет с ними ознакомится 🙂

2. Посты

Переодически буду добавлять сюда свои какие-то фишки в работе с Фотошопом и Тильдой. Плюс темы, которые будут касатся моей специализации.

Пока так. В дальнейшем будем смотреть по росту канала и запросу подписчиков. Всем мир ❤️
Женя. Создаю сайты на Tilda и Taplink pinned «В двух словах о том, что я здесь буду публиковать: 1. Кейсы Все свои работы, которые я успел сделать за последнее время. Это и сайты, и таплинки, и паблики в Вконтакте, и все то, что посчитаю нужным. Отзывы пришлю каждому, кто хочет с ними ознакомится 🙂»
This media is not supported in your browser
VIEW IN TELEGRAM
Кейс: сайт для вебинара Марии Кардаковой

С Марией я работаю уже не первый месяц и сделал для нее множество страничек для её проектов.

И сегодняшний кейс – тому подтверждение.

Передо мной стояла задача нарисовать и собрать лендинг на Тильде для продажи вебинара по питанию в современных реалиях.

Что-ж. Как всегда начнем с дизайна

– предпочтения по стилю у Марии были изначально. Белый фон с грубыми линиями и легкими кистями.

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

По поводу верстки – здесь все стандартно. Было сделано:

– ПК версия
– Мобильная версия
– Базовая и покадровая анимация
– Подключение нужных скриптов

Сроки создания всей странички от получения ТЗ, до запуска – 5 дней.

А если хотите себе такой-же – смело пишите в личку, все покажу, расскажу и сделаем вам такой-же крутой сайт😍
This media is not supported in your browser
VIEW IN TELEGRAM
Итак, я наконец-то добрался до одного из лучших моих кейсов за последнее время😌

Сайт у нас сегодня следующий: это лендинг для продажи практического интенсива.

Ко мне обратился Андрей с просьбой нарисовать и собрать лендинг на Тильде.

Было общее понимание и концепция, но не было четкого и понятного ТЗ – я с этим конечно-же помог.

Далее начали рисовать дизайн. Было сделано 2 первых экрана – в светлом и темном варианте. В итоге решили оставить светлый.

Затем полностью нарисованный макет я перенес на платформу Тильда. Там сделал мобильную версию, добавил анимацию (2-х видов) и подключил все нужные ссылки.

Общий срок выполнения составил – 6 дней.

По итогу получился красивый, объемный и информативный лендинг, который точно будет в ТОП-3 моего портфолио.

А если хотите себе такой-же – жду вас в личке, сделаем такой и вам
This media is not supported in your browser
VIEW IN TELEGRAM
Кейс: создание странички для продажи курса

Этот сайт был создан еще в январе, но выложить его я решился только сейчас. Почему – даже не знаю😀

Как все начиналось: ко мне обратилась Вероника с просьбой сделать страничку для продажи её курса по Instagram.

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

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

После утверждения дизайна, я начал переносить дизайн на платформу Тильда.

Делал все: начиная мобильной версией и заканчивая подключением оплаты вместе с корзиной.

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

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

Знакомое сообщение? Для дизайнеров, маркетологов и разработчиков сайтов – еще как.

Чаще всего такие сообщения приходят тогда, когда клиент «сам знает, чего хочет», а после удивляется – почему все пошло не по плану.

Сейчас я решил написать про некоторые «точки», которые влияют на конверсию сайта. Советую подписаться, чтобы заявки увеличились вдвое :)

Начнем с базы:

1. Читаемость

На сколько хорошо читается текст на вашем сайте? Достаточный ли там размер шрифта? А какой шрифт? А какая жирность? А какой цвет? Под фон подходит?

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

2. Адаптивная версия

В 2022 году версия для мобильных устройств – это «база». Есть у всех, но не всегда сделан правильно. Просмотрите размер картинок и шрифтов, не налезает ли один элемент на другой, все ли легко читается?

3. УТП

Вам «шашечки» или «ехать»? Перечитайте свое главное предложение и ответьте себе на вопрос: закрываете ли вы проблему будущего клиента через одно предложение? Если да – хорошо. Нет – переделывайте.

4. Скорость загрузки

Вспомните себя, когда вы открываете какую-то тяжелую страничку, а она грузится больше 10 секунд (главный экран в частности). Не круто? Еще бы. Банальное сжатие изображений даст вам прирост в загрузке на 15-20% при низкой скорости интернета.

5. Распыленность

Хочу продать все на одной странице! И еще всплывающими баннерами с плашками приправить! Не надо так. Если продаете уроки английского – продавайте уроки английского. Клиенту не нужно грузом докидывать еще и путевку в Лондон. 1 страница – 1 продукт.

Вот это все добро я собрал за то время, сколько собираю сайты. Да, это не супермегакрутые инсайты, но это та самая «база», которую нужно соблюдать всегда.в
This media is not supported in your browser
VIEW IN TELEGRAM
Кейс: таплинк для эксперта по ТикТок и Reels

Ксюшу я нашел совершенно случайно – через рассылку. Отправил простое предложение о том, что я делаю Таплинки и могу сделать ей.

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

Далее мы обсудили ТЗ, условия, сроки и сумму. Всех все устроило и я начал работу.

Сначала был сделан дизайн – принят с первого раза с мелкими правками.

Далее я перенес его на платформу Таплинк и подключил все нужные ссылки.

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

А если вам понравился данный кейс – смело пишите мне в личку, сделаем такую-же красоту и вам
This media is not supported in your browser
VIEW IN TELEGRAM
Кейс: сайт-визитка для книги Елизаветы Гильман «Помирись с едой»

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

Пожелание было одно: сайт должен выглядеть в стиле книги. Что-ж, будем иметь в виду😉

Сначала был нарисован дизайн. Здесь много времени затрачено не было – макет Лиза приняла сразу.

Далее начался процесс переноса верстки из Фотошопа в Тильду. Здесь все стандартно и рассказывать особо не о чем:

– Мобильная версия
– Базовая анимация вперемешку с кастомной
– Подключение домена

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

По итогу данный сайт мы успели сделать за 5 дней. Ярко, сочно и информативно.

А если вам нужно сделать ваш личный сайт-визитку – чуть ниже есть кнопка "Заказать сайт"
​​Не бойтесь нас, мы не кусаемся, или почему делать все самому – плохая затея.

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

Кто-то из-за страха, кто-то из-за самоуверенности, кто-то по иным причинам, но переступить эту черту и доверится специалисту – фи!

Вот возьмем пример моей ниши – создания сайтов. В мой спектр услуг входит: дизайн сайта, перенос на Тильду, адаптивная (мобильная) версия, анимация, подключение корзины, платежных систем, базовой рассылки. Просто какой-то огромный объем работы.

В довесок к этому возьмем еще и самый главный компонент – мое потраченное «время» на изучение всех описанных выше этапов и тот опыт, который у меня есть при решении каких-то нестандартных задач, которых нет в гайдах или мануалах.

Запомнили? Отлично!

И вот ситуация:

Человек приходит ко мне, интересуется о стоимости, сроках, что я сделаю за эти деньги – и уходит.

Здесь «эксперты» могут сказать: ну по-любому ценник загнул, плохо продавал, на рынке услуг можно и дешевле найти и бла бла бла…
Окей.

Проходит время и как ни странно – эти же люди возвращаются ко мне со словами «Я пытался(ась) сделать сам(а), но появилось много вопросов и ошибок»

*тут у меня появляется легкая улыбка умиления*

И дальше мы уже либо прорабатываем вопрос вместе, либо мне нужную задачу «делегируют». А когда заканчиваем работу, то честно признавались, что лучше бы они сразу обратились за помощью, чем пытались разобраться сами. Ведь это как минимум «экономия своего времени».

К чему я этот сыр-бор затеял? Все просто.

«Не всегда нужно делать все самому. Чувствуете что не справляетесь – отдайте это дело человеку, который может решить вашу проблему». Пусть даже услуга стоит не малых денег.

И каждый раз, когда решите сэкономить на специалисте, то ответьте сами себе на вопрос: есть ли у вас взамен достаточно времени, сил и нервов, чтобы пройти весь мой путь самому?

Для меня ответ очевиден.
This media is not supported in your browser
VIEW IN TELEGRAM
Первый кейс с подписчиком: сайт для наставника по программированию и подготовке к ЕГЭ

Итак, это первый клиент из этого канала, который решил обратиться ко мне за созданием сайта-визитки.

На самом деле Иосиф изначально хотел обновить дизайн Таплинка, но этот вариант нам не подошел из-за некоторых ограничений.

Поэтому решили делать полноценный лендинг.

Дизайн

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

После отрисовки начался следующий этап.

Перенос на Тильду

Здесь ничего нового я не делал:

– Перенес все на Zero-блоки (вместе со стандартными)
– Сделал мобильную версию
– Добавил базовую анимацию
– Подключил домен и нужные сервисы

Вуаля! За 5 дней у нас получился полноценный лендинг, который выполняет свою основную функцию – рассказывает об авторе и о его курсах.

А если хочешь себе такой – смело нажимай «Заказать сайт»👇🏻
​​5 заповедей дизайнера-фрилансера. 

Сохраняй себе, чтобы не потерять.

❗️ Избегай ШАБЛОННОСТИ

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

❗️ ВСЕГДА бери предоплату

В 2022 году работать «за честное слово» просто абсурдно. Исключения - проверенные заказчики, с которыми работаешь достаточно долго.

❗️ СОБЛЮДАЙ сроки

Боишься сорвать — назови сроки на пару дней больше. Подстрахуешь себя и не обманешь заказчика. Да и тем более сдать работу раньше срока будет милым делом.

❗️ Создавай сайт так, будто делаешь самому СЕБЕ

Заказчик — такой-же человек как и ты. Он хочет иметь лучший продукт, и видит этот продукт среди всех твоих предыдущих. Поэтому не ленись и не делай на «отвали» — твои кейсы говорят за тебя.

❗️ Совершенствуй свои НАВЫКИ

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

Это мои 5 заповедей, благодаря которым я остаюсь на плаву огромного моря под названием фриланс. Надеюсь они так-же помогут и вам
​​ТОП-3 мест заказов для новичка веб-дизайнера

Сегодня хотел бы огласить ТОП-3 мест поиска работы, которые ТОЧНО помогут найти первый заказ. Информация полезная, поэтому советую сохранить себе.

Первое место – это сайт work-zilla.com

Стой-стой-стой! Сейчас ты можешь сказать:

– Да там копейки платят, зачем мне туда влезать?

Ответ будет довольно банальным – это гарантированное место, где именно НОВИЧОК сможет взять первые заказ и получить первые деньги. Баннер, листовка, чек-лист – вообще на изи. Тебе сейчас главное понять принцип продажи услуги, а не забрать у своего клиента как можно больше.

Второе место – чаты и группы с вакансиями

Принцип очень простой: заходите в Телеграм (он как пример взят, можете брать любую соц. сеть), вбиваете в поиске «работа для дизайнера», открываете каналы и смотрите предложения. Здесь главное мониторить и не забрасывать через 5 минут, и тогда своего клиента вы точно найдете.

Третье место – пробив по блогерам

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

Это самые простые варианты, которые мне приходят на ум. Конечно есть и еще, но они уже требуют куда больших вложений.
This media is not supported in your browser
VIEW IN TELEGRAM
Кейс: сайт для продажи консультации Сергея Несмеянова

Сергей обратился ко мне на днях с просьбой сделать посадочную страничку для продажи консультации.

ТЗ уже было готово, но не было точного понимания стиля для будущего сайта.

Этот вопрос мы решили довольно быстро – я подсказал общую стилистику, сбросил референсы и объяснил, почему именно они больше всего подходят.

Далее я начал рисовать сайт: дизайн был принят без каких-либо правок.

Затем я перенес дизайн в Тильду со всем необходимым функционалом, а именно:

– Мобильная версия
– Базовая анимация
– Добавление необходимых ссылок

Срок создания лендинга: 4 дня

По итогу у нас получился простой и одновременно стильный лендинг, который выполняет свою основную задачу – продает консультации Сергея.

Хотите себе такой-же сайт? Смело жмите на кнопку "Заказать сайт"👇🏻
Первая тысяча! Спасибо каждому из вас❤️

Дальше будет только интереснее
This media is not supported in your browser
VIEW IN TELEGRAM
А где же твои отзывы?

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

Окей, кейсы есть – а отзывы то где? Вдруг ты наворовал чужих работ и выставляешь за свои?

Ммм?🧐

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

У меня собралась внушительная пачка видеоотзывов от моих клиентов, но выгрузить их сразу одним постом не выходит (как те же картинки к примеру).

Поэтому публикую один из них, а остальные, при необходимости сброшу каждому потенциальному клиенту😉

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

Всем мир и доброй ночи, а я пошел делать очередные правки по очередному заказу😴
​​«Душный беханс» или «ловушка новичка»

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

Очень.

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

Те-же эффекты, те-же приемы, те-же шрифты. Все похожее.

И вроде с одной стороны это красиво. Грамотные соотношения всего со всем.

Но вот беда: а где в этих работах они сами? Ведь по сути это просто калька стиля того преподавателя, который им преподает с заменой текста и фотографий.

Почему я на это обратил внимание? Все просто.

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

Тут я выделил 3 варианта:

Первый: уходить в какие-то новые курсы, в которых расскажут почти то же самое, но в новой обвертке.

Второе: искать что-то своё. Искать свой собственный, уникальный стиль, который сможет стать трендовым. И уже ему обучать других людей.

Третий: это быть разносторонним. Пробовать создавать портфолио в максимально разных стилях. Flat, Material, "русский беханс" – пробовать адаптировать всё. Наглядный пример – студия Лебедева (это только как пример, не брать в эталон).

Лично для себя я выбрал 3-ий вариант. Порой мне нравится сделать проект в стиле наших ребят. Порой нравится плоский дизайн запада. Порой нравятся 3D модельки и т.д. Все эти направления я совмещаю с базовыми правилами дизайна, которые будут существовать всегда.

Не нравится только одно – делать по готовому шаблону.

И вам не советую, ибо если пойдете по шаблонам, то так и останетесь новичком, который выложил очередную домашку на Бехансе.

P.S. Набросайте ❤️ если интересна тема "базовых правил в создании сайтов". Напишу для вас пост😎
​​Как безболезненно перейти на фриланс 

Тема очень важная, поэтому сохраняй себе, чтобы не потерять

Не будем тянуть, пойдем сразу по пунктам:

1. Не спеши уходить с работы.

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

2. Не брать больших кредитов (а лучше вообще не брать)

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

3. Не трать первый заработок куда попало

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

4. Не создавай дизайн за копейки

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

5. Наращивай скилы

В 2022-м году навыки это всё. От них зависит и ваш уровень дохода и ваш уровень востребованности. Поэтому никогда не оставайтесь на прежней точке и всегда двигайтесь дальше.

Я описал каркас, базу для вхождения в мир фриланса. На первом этапе этого достаточно.
This media is not supported in your browser
VIEW IN TELEGRAM
Кейс: таплинк для Марии Кардаковой

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

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

Я его нашел, посмотрел и загорелся сделать дизайн. Но не просто дизайн, а нечто новое для себя. Кейс нового уровня так сказать🙂

Дальше все по стандарту: нашел примерные референсы, отрисовал дизайн, перенес на платформу и подключил ссылки.

И вот продукт готов. Отсылаю на оценку – огонь, все нравится🔥

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

А если хотите себе такой-же – жмите "Заказать таплинк"
​​Базовые правила в создании сайтов

Итак, тот самый пост. Тот самый свод правил, которые я соблюдаю при создании страничек для своих клиентов.

Погнали!

1. Сетка

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

2. Цвета

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

3. Шрифты

Здесь я использую всегда одно правило: не более двух шрифтов на проект. Возьмёте больше — скорее всего получится каша, а нам это не нужно.

4. Предпочтения клиента

Прежде чем искать референсы и выстраивать первые концепты в голове — выслушайте клиента. Вникните в то, что он хочет. И когда смогли вникнуть — попробуйте совместить с вашей концепцией.

Думаю на первое время этих четырёх правил вам пока хватит. Как только вспомню ещё — сразу напишу сюда. А если понравился пост и нужно больше таких — лайки и репосты туда👇🏻