Кейс: таплинк для эксперта по ТикТок и 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. Простота

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

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

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

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

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

​​Мой ТОП шрифтов для проектов в 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. Пожелания

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

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

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