Яна ProDesign
47.6K subscribers
385 photos
60 videos
17 files
151 links
Мысли, знания и опыт веб-дизайнера, который стабильно делает на фрилансе миллионы

Instagram: https://www.instagram.com/yanadlx
Download Telegram
Как мягко перейти из корпоративной карьеры на фриланс и стать веб-дизайнером? ⭐️

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


Что вам нужно знать прежде, чем вы решитесь сменить формат работы?

1. Фриланс — это не «деньги в легкости», сидя в модном кафе и попивая матчу. Фриланс — это такая же работа, требующая отдачи и дисциплины (это порой сложнее, чем работа на кого-то, так как ты не просто исполнитель задач, ты их постановщик 😁).

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

3. Вы сами ответственны за привлечение заказов и клиентов. Таким образом, вы постоянно в поиске новых идей, тестировании гипотез. Вы никогда не стоите на месте — значит растёте и усиливаете свои скиллы (а не находитесь в зоне комфорта, где проекты даются компанией).

С этим разобрались.


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

1. Объективно оцените свои навыки. Если их не хватает для самостоятельной работы, пройдите онлайн-курсы или изучите новые инструменты (можете начать с моего бесплатного бота)

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

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

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

5. Постепенный переход. Если возможно, начните обучаться веб-дизайну параллельно с вашей основной работой. Это позволит вам обрести опыт и уверенность, чтобы сделать переход более плавным.

Самое главное: не бойтесь ошибок. Ошибки — это часть процесса освоения новой ниши. Учитесь на них и двигайтесь дальше.


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

😎 А что вам нужно знать для построения успешной карьеры в нише веб-дизайна в 2025 году — расскажу на своем онлайн вебинаре 9 ноября!

Я поделюсь своими секретами: как вам выделяться среди конкурентов и, как следствие, быть востребованным и высокооплачиваемым 💯

Регистрируйтесь по ссылке. Всем быть ❤️
Please open Telegram to view this post
VIEW IN TELEGRAM
3❤‍🔥3610👍9
This media is not supported in your browser
VIEW IN TELEGRAM
Как использовать тренд «Граффити» в дизайне?

Зачем вообще использовать тренды/необычное оформление?
💯 Увеличить вовлеченность аудитории;
⛔️ Пробить баннерную слепоту;
❤️ Выделиться среди конкурентов и запомниться…

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



В данном тренде наша цель создать что-то небрежное, но стильное, с эффектом: «Я даже не старалась, а у меня вон как круто получилось»

1. Шрифты
Это идеальное готовое решение, которое легко внедрить в контент. Но такими декоративными шрифтами лучше дополнять мысль, писать короткие фразы (не использовать его в качестве основного, слишком тяжело будет читаться). Мою подборку граффити-шрифтов можете СКАЧАТЬ ТУТ. А как использовать шрифт – в этом посте

2. Текстуры
Текстуры можно найти в готовых паках в Figma Community или самому на просторах Интернета (Pinterest, Cosmos, Unsplash и другие сайты с контентом/стоки). Использовать их в Figma очень просто: мы применяем наложение (в настройках слоя – Appearance); а в CapCut еще проще – добавляем нужное изображение через «Наложение», а затем меняем его тип через «Склейку».

3. Готовые векторные иллюстрации на стоках
Например, можно использовать Freepik. А также скачивать изображения в растровом формате и преобразовывать в вектор в Figma с помощью плагинов (Tracer, Image Tracer etc.)


4. Рисовать самому
Этот способ самый простой, наверное)) Просто берёте лист белой бумаги, пишете/рисуете всё, что нужно и фотографируете на телефон. Затем также через наложение добавляете в CapCut и выбираете более подходящий тип в «Склейке» 🙂

Тема трендов не раскрыта? Интересно/полезно или нет? Дайте знать реакциями ☺️
Please open Telegram to view this post
VIEW IN TELEGRAM
146🔥17💘10
This media is not supported in your browser
VIEW IN TELEGRAM
Что такое адаптивный дизайн (и для чего он нужен)?

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

Поэтому каждый раз, когда я показываю адаптивы своих учеников — мне приходит огромное количество реакций и сообщений с вопросом: «Как вы это делаете?»

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

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

К сожалению, при обилии информации в Интернете, реально ценной — всего 1%. В свое время мне потребовалось изучить 1000 статей, книг и исследований, чтобы глубоко вникнуть в тему адаптивов и научиться правильно их использовать.

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

Если вы понимаете, что:
➡️ Хотите разобраться в столь важных для веб-дизайнера темах, чтобы быть востребованным и выделяться среди конкурентов
➡️ Вы — новичок, который хочет попробовать освоить одну из самых перспективных профессии (быстро и бесплатно)
➡️ Вы — специалист, который работает НЕ структурно, получает 1000 правок и боится повысить чек
➡️ Хотите успеть попасть на финальный 11 поток моего обучения ProDesign

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

➡️ Регистрируйтесь по ссылке
Please open Telegram to view this post
VIEW IN TELEGRAM
148🔥6
This media is not supported in your browser
VIEW IN TELEGRAM
5 кириллических шрифтов

1. DaMiOne
2. HandWriting
3. Skandal
4. Lepka
5. Ambidexter

СКАЧАТЬ → ЗДЕСЬ 🔗


Как использовать в сторис?
1. Сохранить шрифты к себе в Файлы на айфоне
2. Распаковать архив (открыть приложение Файлы и просто нажать на нужный архив)
3. Перейти в приложение CapCut (или любой другой редактор видео/фото, где можно добавлять свои шрифты)
4. Текст – добавить текст – шрифт – добавить шрифт – нажать на "+"
5. Загрузить сохраненный шрифт из Файлов (форматы файлов, которые вам нужны: .otf или .ttf). Если возникают вопросы по установке на ваш смартфон – все легко гуглится.

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

Приятного использования!
❗️Тип лицензии приложен к каждому шрифту внутри папки.

→ Еще 30+ шрифтов в этом посте
159🔥15👍4
Где брать стикеры для проектов/соц.сетей?
Ловите подборку 5 способов:

1. 44 elements mega pack
Подборка стикеров из Figma Community

2. GRUNGED peeled stickers FREE
Подборка стикеров из Figma Community

3. Fun Stickers – Visual assets
Подборка стикеров из Figma Community

4. 3D icons pack
Подборка стикеров из Figma Community

5. Endlesstools.io
Бесплатный сервис для создания собственных фигур. А забрать готовые 3D объекты можно в этом посте

Отправляйте реакцию, если хотите ещё подборки стильных стикеров и 3D объектов ❤️
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
1127🔥37👍2
This media is not supported in your browser
VIEW IN TELEGRAM
15 новогодних шрифтов🎄

Названия шрифтов из видео:
1. Coca-Cola
2. Welcome Christmas
3. Christmas Reign
4. Quacker
5. Westerland

🎁 +10 дополнительных шрифтов внутри папки!

СКАЧАТЬ → ЗДЕСЬ 🔗

Как использовать в сторис?
1. Сохранить шрифты к себе в Файлы на айфоне
2. Распаковать архив (открыть приложение Файлы и просто нажать на нужный архив)
3. Перейти в приложение CapCut (или любой другой редактор видео/фото, где можно добавлять свои шрифты)
4. Текст – добавить текст – шрифт – добавить шрифт – нажать на "+"
5. Загрузить сохраненный шрифт из Файлов (форматы файлов, которые вам нужны: .otf или .ttf). Если возникают вопросы по установке на ваш смартфон – все легко гуглится.

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

Приятного использования!
❗️Тип лицензии приложен к каждому шрифту внутри папки.

→ Еще 30+ шрифтов в этом посте
1❤‍🔥7525🍾11
Я тут решила уработаться и запустить Новогодний 31-дневный Reels марафон по дизайну: лайфхаки, туториалы, советы, подборки и многое другое ❤️ Ставь уведомления, чтобы ничего не пропустить!

В этом посте сделаю для вас удобную навигацию ↓

1 день — Туториал на анимацию в Figma
2 день — Как начать карьеру в веб-дизайне?
3 день — Разбор ошибок ученицы
4 день — 6 правил оформления текста
5 день — Подборка нейросетей
6 день — Подборка Новогодних стикеров + Новогодние шрифты
7 день — Список книг, которые помогут прокачать продажи и дизайн
8 день — Где искать клиентов?
9 день — Эффективные сервисы для поиска клиентов
10 день — 3 ошибки, которые я совершила в начале карьеры
11 день — Как стильно оформить Reels?
12 день — Туториал на классный эффект в Figma
13 день — Подборка плагинов в Figma
14 день — Как идеально сочетать цвета?
15 день — Подборка подарков для дизайнера
16 день — Подборка Новогодних шрифтов
17 день — Как упаковать кейс?
18 день — Туториал на анимацию
19 день — Как стать высокооплачивыемым дизайнером в 2025 году?
20 день — Как создавать Reels, которые привлекают клиентов?
21 день — 4 вещи, которые я не понимаю, работая веб-дизайнером
22 день — 5 сервисов для анимации, которые повысят твой чек
23 день — 5 вещей, которые я сделала, чтобы найти первого клиента на фрилансе
24 день — Топ-3 ошибки, которые всегда убивают визуал
25 день — 5 ошибок веб-дизайнера
26 день — Мои итоги 2024 года
27 день — Что постить в первую неделю года, чтобы привлечь клиентов?
28 день — Red Flags в дизайне 🚩
29 день — Подборка модификаций для Tilda
30 день — Как зарабатывать больше, а работать меньше в 2025
31 день — Тренды в дизайне в 2025
1❤‍🔥6738🔥1
С чего начать карьеру в веб-дизайне? 8 последовательных шагов ↓

– Начать никогда не поздно, но вот сделать это лучше грамотно, чтобы не слить 10 лет на заваривание каши в голове


1. Изучение Figma
Figma – это базовый инструмент современного веб-дизайна. Разберись с интерфейсом, настройками и возможностями. Попробуй создать несколько простых проектов: визитка, баннер. Помогут уроки в боте @yanadlx_bot

2. Как создать дизайн?
Для того, чтобы прокачивать насмотренность – ищи крутые референсы. Только не делай это на Pinterest, пока твои рекомендации ещё не сформировались. Воспользуйся специальными площадками, где собраны только хорошие дизайны

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

4. Изучай теорию
Много теории! И каждый раз, когда выучил новое правило – иди к стопке хороших референсов и ищи подтверждение этому правилу там

5. Качай навыки
В нашей нише нельзя сказать: «Я всё». Тебе всегда будет, куда расти. Обязательно научись использовать маски, булевы операции, аuto layout, компоненты, стили, варианты – это минимум

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

7. 7 слайд = твоя основа

8. Научись продавать
4 шага продажи в этом посте – они помогу тебе начать

🔥– рассказать больше про продажи
❤️– рассказать больше про дизайн
1112🔥55👍16
50 новогодних стикеров для оформления соц. сетей 🎅

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

СКАЧАТЬ → ЗДЕСЬ 🔗
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥64🔥2116