Кейс: сайт для бесплатного вебинара «Level Up»

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

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

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

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

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

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

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

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

​​Почему я пришёл в Телеграм?

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

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

1. Новизна

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

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

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

3. Простота

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

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

Что посоветую делать сегодня и вам.

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

Ответы будут публиковаться с хештегом #подписчик_спрашивает

​​Мой ТОП шрифтов для проектов в 2022

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

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

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

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

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

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

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

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

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

Жду ваших 👍🏻 и ❤️, чтобы продолжать писать подобные посты.

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

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

Поэтому надеюсь на вашу активность😉

Кейс: сайт для проекта 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 внутренних. Сказать что я был рад – ничего не сказать.

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

Поэтому жги, и помни – твой клиент всегда где-то рядом⚡

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

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

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

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

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

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

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

А если хотите себе такой-же – жмите «Заказать таплинк»⚡

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

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

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

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

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

Что я сделал?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Продолжаем цикл постов посвященный поиску клиентов на практике.

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

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

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

Таким подходом мы убиваем сразу двух зайцев:

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

2. Мы показываем наш уровень и нашу экспертность в данном вопросе. Сможем ли мы решить поставленную задачу.

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

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

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

​​Как не срывать сроки?

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

Лично для себя я решил выделить следующие техники:

— Метод «Помидора». Да, это заезженный до дыр приём, но он рабочий.

Как его применять?

1. Ставим задачу (например нарисовать дизайн сайта)
2. Ставим помидор (таймер) на 25 минут
3. В это время занимаемся только рисовкой сайта и ничем больше, пока таймер не прозвонит.
4. Далее делаем короткий перерыв (3-5 минут).
5. После каждого 4-го «помидора» делаем длинный перерыв (15-30 минут)

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

— Метод «До победного». Что это за метод такой?

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

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

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

Данный режим подойдет не всем, ибо здесь нужно уметь быстро восстанавливаться. Восстанавливаюсь я обычно путем просмотра каналов, ответов на сообщения (не более 15 минут), либо какого-то легкого перекуса. Затем возвращаюсь к работе.

Вот такие 2 техники я испробовал на себе. В каждой из них есть плюсы и минусы, но то, что они рабочие — факт!

​​А что если студия - тоже хорошо?

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

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

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

Возьмём для начала офис. Что значит работать в офисе?

1. Ты постоянно обеспечен заказами от студии
2. Стабильный доход
3. Больничные, отпускные и прочие ништяки

А взять к примеру тот же фриланс:

1. Ты постоянно должен думать, откуда тебе взять новый заказ
2. Доход может «скакать» (сегодня у тебя заказали сайт, а завтра 1 баннер)
3. Если что-то с тобой случается - все идёт из твоего кармана

И это самое банальное, что приходит на ум.

Можно конечно возразить, что все эти пункты зависят от твоих навыков, опыта, личного бренда и т.д., но для новичка 1 факт будет неизменен: если решил пойти по пути фриланса, то весь головняк студии придётся взять на себя. А на это способен далеко не каждый. Да и признаться честно - не каждому и нужно.

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

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

​​Компьютер для дизайнера

Макбук или ПК? Ноутбук или стационарный? Ходит бесконечно много споров о том, какой ПК взять для работы веб-дизайнеру. Попробуем разобраться😑

Во первых: где вы чаще работаете? Дома или в кафе/парке/сквере? А может вы постоянно куда-то переезжаете? Здесь важно ответить на эти вопросы. Если работаете дома, то обычного домашнего ПК вам будет вполне достаточно. Если находитесь постоянно в движении - ноутбук ваше все!

Во вторых: Mac или Windows?

Ооо, эта тема очень острая, ибо в этих двух системах есть как плюсы, так и минусы. Но я бы исходил из следующих параметров:

— качество экрана
— производительность
— доступность софта
— бюджет

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

Кейс: Таплинк для курса по обучению руководителей школ танцев

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

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

Как строилась работа:

Руслан написал мне в личку с вопросом

— «Привет! Нам нужно нарисовать Таплинк для нового курса. Срок до 7 числа. Как у тебя со временем?»

Я говорю, что все окей, время есть, можем работать.

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

— «Все огонь! Переносим»

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

Проверяем детали, смотрим, чтобы все было окей и запускаем.

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

Кстати, по поводу Таплинка или сайта можно постучать мне в личку. Вдруг у тебя сейчас как раз намечается запуск, а сайта ещё нет.

​​Я помню свой первый раз.

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

Было это так. 2013 год. Мне 15 лет. Я пытался брать какие-то первые заказы на фриланс ру (сейчас фл ру). Работы те еще, количество – штуки 3-4 не больше.

Но я не теряю надежды, раскидываю заявки и тут случается чудо.

«Одну из моих заявок ставят в режим кандидат»

Руки потеют, пульс учащается. Открываю сообщения и вижу следующее:

«Здравствуйте! Понравилось ваше портфолио. Могли бы мы с вами перейти в переписку в скайпе для обсуждения деталей?»

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

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

Предложил он мне тогда 3000 за всю работу.

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

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

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

– Куда переводить деньги?

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

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

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

А каким первый раз был у вас?

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

Если кратко – практически никаких

А если более подробно, то на самом деле я наткнулся на эту платформу случайно.

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

Изначально я думал, как и большинство:

– «Очередной конструктор, который не сможет сделать и половины того, что нужно клиентам».

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

За вечер посмотрел несколько и решил завести на их платформе аккаунт.

Повторил одну работу с их примера, повторил свою и понял – это реально вещь!

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

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

​​Рассказ о том, как я сделал свой месячный доход за 2 недели и чуть не выгорел

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

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

Я такой: огого, сейчас нарубим бабла!

Ага, нарубим.

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

Дни уходили, работа не уменьшалась, а я чувствовал, что начинаю уставать. Именно морально.

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

Но вот главный вопрос: а стоило ли оно того?

Стоят ли порой тех денег те усилия, которые ты прикладываешь? Я ответил для себя так: и да и нет.

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

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

​​Эй йо, ты куда пропал бро?

Чет я посмотрел на дату последнего поста и немножко офигел. Надо вам рассказать что я делал последнее время и какие проекты закрыл.

Во первых – я отдыхал. Очень

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

А именно – скататься в Москву на выходные.

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

Во вторых – проекты

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

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

Пока что так. Это последние сводки со времен моего последнего поста. Дальше постараюсь не пропадать и давать вам как можно больше контента.

Ну и конечно можете поставить ❤️ чтобы идеи для постов появлялись гораздо чаще.