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

По всем вопросам – @zhenek_3
Download Telegram
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. Предпочтения клиента

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

Думаю на первое время этих четырёх правил вам пока хватит. Как только вспомню ещё — сразу напишу сюда. А если понравился пост и нужно больше таких — лайки и репосты туда👇🏻
This media is not supported in your browser
VIEW IN TELEGRAM
Кейс: сайт для бесплатного вебинара «Level Up»

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

Задача была следующая: сделать страничку бесплатного вебинара, после которого будет предложено оставить заявку на курс «Level Up». Отходить от основного стиля было не нужно, а скорее сделать от основного сайта ответвление.

Что ж, так я и сделал!

Дизайн остался в таком-же пиксельном стиле, но видоизменился под ТЗ, которое прислала команда Марии.

В плане верстки все так-же осталось на уровне основной страницы: версия для ПК, мобильная версия, базовая анимация + для некоторых элементов покадровая.

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

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

Понравился сайт? Можем сделать такой и вам! Все кнопочки внизу
​​Почему я пришёл в Телеграм?

Довольно неочевидное решение, ведь для моей сферы хорошо бы подошли либо ВК, либо Нельзяграм (вот мой аккаунт в нем кстати).

И по началу я так-же думал, пока не выделил для себя парочку факторов:

1. Новизна

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

2. Рынок рекламы

Рассказать о себе миру здесь максимально просто: нашёл нужный тебе канал, написал админу, оплатил размещение — профит. Не нужно мучать себя «тончайшими» настройками таргета, а для меня это порой была боль-боль.

3. Простота

Здесь тебе не подсовывают «стотысячмилионов» функций в духе Рилс, Историй и т.д. Здесь есть каналы и здесь пишут посты (иногда с картинками и видео) и за это я эту соц сеть и люблю.

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

Что посоветую делать сегодня и вам.
​​Решил открыть комментарии для этого поста, чтобы получить от вас обратную связь: на какие темы вы бы хотели получить ответы по веб-дизайну и фрилансу?

Ответы будут публиковаться с хештегом #подписчик_спрашивает
​​Мой ТОП шрифтов для проектов в 2022

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

Сохраняй себе, такое не часто раздаю🔥

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

Gilroy – использую чаще всего для создания каких-то больших надписей (как вариант – первый экран сайта)

Montserrat – могу использовать этот, если Gilroy не подошел (смотрю по ситуации).

Roboto – на него перешел сразу после Arial. Его я применяю во всех вспомогательных текстах (под заголовками, в описаниях и т.д.).

Akrobat – полюбил всем сердцем с момента создания блога. Идеально подошел под мою концепцию блога, но так-же хорошо работает и в других направлениях.

Museo Sans Cyrl – переодически заменяет мне четвертый шрифт. 

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

Жду ваших 👍🏻 и ❤️, чтобы продолжать писать подобные посты.
Готовлю для вас серию постов по поиску заказов для веб-дизайнеров. Именно практических. Именно тех, которые использовал я, когда клиентов не хватало в начале пути.

Но нужно одно условие – добить до 2000 подписчиков. Как только доходим до этой цифры – сразу идет первый пост🔥

Поэтому надеюсь на вашу активность😉
This media is not supported in your browser
VIEW IN TELEGRAM
Кейс: сайт для проекта COSMIC.HEALTH

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

Начали как обычно с дизайна. Заполнили бриф, нашли референсы и начали рисовать.

За основу брались рисунки, которые мне прислала Екатерина + референсы, которые нашли. Хотелось получить легкую и светлую страничку.

После отрисовки и утверждения начался процесс:

– Переноса дизайна на Тильду
– Создание мобильной версии
– Добавление как базовой, так и покадровой анимации.
– Подключение поп-ап окна для сбора E-Mail

И все. По итогу получилась страничка с «точным попаданием в ТЗ».

Понравилось все❤️

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

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

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

picography.co – фотосток с не шаблонными фото. Все разбито по категориям, что очень удобно для поиска.

pickupimage.com – все, что касается фото дикой природы можно найти здесь.

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

pexels.com - этот сайт я открыл для себя почти 3 года назад. Здесь так же собрана достаточно крупная база фото. Если на предыдущих сайтах вы не смогли найти то, что нужно — зайдите на pexels, возможно здесь вы найдёте нужный материал.

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

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

Куда ставить лайки – вы знаете❤️
​​Какие материалы нужны от клиента, чтобы начать работу?

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

Список отрываю от себя, поэтому ваш актив – это топливо для новых постов❤️

Поехали!

1. Фото

От клиента вам 100% понадобятся либо его личные фото, либо фото его продукта. Пример идеальных фото – студийные фото без обрезанных рук и головы. Хороший четкий свет, показывающий контуры человека, либо предмета, который продают. По высоте подходят фото человека в полный рост, либо по пояс.

2. ТЗ

Здесь каждый раз индивидуально: либо у клиента уже по блокам есть четко расписанное ТЗ, либо вы созваниваетесь с клиентом и общаетесь о продукте:

– Что это за продукт?
– О чем он?
– Какие преимущества перед конкурентами?
– Что получит человек при покупке этого продукта и т.д.

И на основе этого брифинга уже формируете первый прототип и согласовываете с клиентом. Либо можете собрать гугл-форму из подобных вопросов и отослать на заполнение.

3. Брендбук

Тут ситуация аналогична второму пункту – либо он есть, либо нет. Если нет, то что тогда пишем клиенту? Просим прислать материалы, либо ссылки, в которых есть хоть какие-то намеки на дизайн. Это может быть оформленный профиль в Нельзяграм, визитка, листовка, логотип и т.д.

4. Пожелания

Последний пункт, который мне приходит в голову – это пожелания клиента. Спросите его: есть ли какие-то примеры сайтов, которые вам нравятся? И спросите так-же примеры сайтов, которые не нравятся от слова «совсем». Так вы поймете в какую сторону двигаться и в голове начнут появляться первые наброски.

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

#подписчик_спрашивает
​​Сначала скилл – потом деньги

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

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

Но каждый раз у меня возникает вопрос: а как дела с твоим портфолио?

Ты прошел курс – молодец. Ты знаешь базовые принципы композиции и цвета – прекрасно. Ты нарисовал «3 работы для портфолио» и т.д.

А как дела с отражением этих всех навыков на твоих работах?

Сколько ты сделал попыток нарисовать лучше, чем прошлая работа? Проводил ли ты анализ на те или иные ошибки допущенные тобой? Брал ли темы для продажи конкретных товаров, или рисовал «для души»?

Почему я задаю все эти вопросы? Потому что я точно так-же как и ты проходил через это.

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

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

«Без хорошего качества не получить хороших денег»

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

Чудо!

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

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

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

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

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

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

Дизайн приняли практически сразу. Были только незначительные правки.

И в конце – банальный перенос макета на платформу. Там на самом деле ничего интересного не происходило🙂

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

А если хотите себе такой-же – жмите «Заказать таплинк»
​​Как найти клиента. Практика. Часть 1

Думаю этот вопрос сейчас стоит очень и очень остро у всех новичков, поэтому я решил сделать не один пост на эту тему, а целую серию.

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

Сегодня мы будем пробовать с тобой такой инструмент как "Рассылка сообщений".

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

Что я сделал?

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

Далее я заходил в директ и писал подобное сообщение:

– (Имя человека), здравствуйте!

Меня зовут Женя и я занимаюсь созданием сайтов и Таплинков. Сейчас ищу 5 человек, для того, чтобы сделать Таплинк для портфолио за (n-ую сумму. Здесь пишете свою цифру)

По срокам: 1-2 дня

Если заинтересовал - сброшу примеры работ.

И всё. Здесь главное соблюдать 3 главных фактора:

– Пишите просто
– Пишите коротко
– Пишите максимально по делу

И главное – не копируйте 1 в 1 как у меня. Сразу говорю – может не сработать. Добавляйте свою нишу, пишите свои сроки, свою цену и соблюдайте 3 правила выше.

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

Далее уже все зависит от вашего навыка общения, а это уже тема для совсем другого поста.

Надеюсь этот вариант поможет вам найти вашего первого клиента и заработать долгожданный 💰

#подписчик_спрашивает