Кейс: сайт для вебинара Марии Кардаковой

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

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

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

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

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

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

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

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

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

А если хотите себе такой-же – смело пишите в личку, все покажу, расскажу и сделаем вам такой-же крутой сайт😍

Итак, я наконец-то добрался до одного из лучших моих кейсов за последнее время😌

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

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

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

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

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

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

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

А если хотите себе такой-же – жду вас в личке, сделаем такой и вам⚡

Кейс: создание странички для продажи курса

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

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

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

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

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

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

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

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

​​– А почему у меня сайт заявки не дает?

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

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

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

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

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

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

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

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

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

3. УТП

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

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

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

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

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

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

Кейс: таплинк для эксперта по ТикТок и Reels

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

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

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

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

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

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

А если вам понравился данный кейс – смело пишите мне в личку, сделаем такую-же красоту и вам⚡

Кейс: сайт-визитка для книги Елизаветы Гильман «Помирись с едой»

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

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

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

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

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

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

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

А если вам нужно сделать ваш личный сайт-визитку – чуть ниже есть кнопка "Заказать сайт"⚡

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Для меня ответ очевиден.

Первый кейс с подписчиком: сайт для наставника по программированию и подготовке к ЕГЭ

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

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

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

Дизайн

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

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

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

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

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

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

А если хочешь себе такой – смело нажимай «Заказать сайт»👇🏻

​​5 заповедей дизайнера-фрилансера. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Кейс: сайт для продажи консультации Сергея Несмеянова

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

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

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

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

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

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

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

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

Хотите себе такой-же сайт? Смело жмите на кнопку "Заказать сайт"👇🏻

Первая тысяча! Спасибо каждому из вас❤️

Дальше будет только интереснее⚡

А где же твои отзывы?

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

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

Ммм?🧐

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

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

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

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

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

​​«Душный беханс» или «ловушка новичка»

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

Очень.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Я описал каркас, базу для вхождения в мир фриланса. На первом этапе этого достаточно.

Кейс: таплинк для Марии Кардаковой

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

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

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

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

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

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

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

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

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

Погнали!

1. Сетка

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

2. Цвета

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

3. Шрифты

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1. Новизна

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

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

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

3. Простота

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

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

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

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

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