Философия дизайна с Филипповой Софьей

Философия дизайна с Филипповой Софьей

@sofyafilippova
Изображение канала: Философия дизайна с Филипповой Софьей
2 475 подписчиков
99 постов
Посты
Примеры. Эмоции в реальных проектах
Вот пишу я про эмоции. Всё вроде логично. Но где они на сайтах то…сейчас покажу. Покажу разный уровень проработки. Будет и правильная работу с образом, визуальной коммуникацией и вау-дизайн, чтобы можно было понять грани 🔵Когда я думаю о вине, представляю что-то дорогое, изящное, даже немного искусное, примерно такие эмоции я и хочу испытать на сайте винодельни. Wineryatbullrun — шаблонно, скучно, без души. Тематика не отражена через визуал. Ни атмосферы, ни истории. Buenavistawinery — а вот это уже про «прикоснуться» к миру виноделия. Шрифты, цвета, фотографии, подача, сторитейлинг - всё вместе создаёт ощущение, что ты уже там. Хочется не просто посмотреть, а поехать. 🔵Qudrix - вызывает желание обладать. Копирайтинг четкий, создаётся ощущение надёжности. Упор на показ товара, так часто показывают премиум. Светлые цвета, минималистичный дизайн создают ощущение спокойствия и уюта, ничего не бесит, всё на своих местах. 🔵Vazzi - сайт, который про вау-дизайн. Яркие цвета, плавные анимации, слоганы вроде «Stay wet». Визуально дерзкий, но не перегибает. Не просто «красиво», а хочется прокрутить дальше, нажать, почитать. 🔵Еще я сделала разбор трёх гигантов - Wildberries, Ozon и Lamoda. Не по «нравится — не нравится», а по их визуалу и восприятию 🔵Wildberries — перегруженность, кричащие элементы, визуальный шум. Ассоциация с рынком (это не я сказала, мнение клиентов тоже изучала). Средний чек — 870₽. 🔵Ozon — структурировано, удобно, нейтрально. Ассоциация - норм, всё есть. Средний чек — 1790₽. 🔵Lamoda — много воздуха, стильно, спокойно, сдержанно. Ассоциация с премиумом. Средний чек — 6570₽. И нет, это не значит, что дизайнер «недоработал» или «надо было сделать дорого». Все три сайта грамотно подогнали визуальный стиль под свою целевую аудиторию и задачи. Wildberries нужен массовый поток заказов от широкой аудитории — им не до минимализма, им важно показать «у нас всё, быстро, дешево, на любой кошелёк». А Lamoda, наоборот, через сдержанность и стиль визуально усиливает образ бренда из более высокого сегмента. *️⃣Визуальный стиль = ощущение бренда. Эмоциональный дизайн не про «вау» и восторг. Он про осознанный выбор каждого визуального элемента, чтобы вызвать нужное чувство, передать идею, усилить позиционирование. Я собрала десятки таких примеров. Перелопатила исследования (спасибо ChatGPT, что перевёл мне всё), просмотрела кучу сайтов и собрала в систему. 🔥Оформила всё это в платный урок. Внутри: – теория. Что вызывает нужные ощущения и как это встроить в дизайн – разбор 30+ реальных сайтов – пошаговый гайд – шпаргалка по визуальному языку 〰️ Это не урок «про красивенькое». Это про то, как вызвать у человека нужное ощущение — доверие, спокойствие, вовлечённость, интерес, вау-эффект — и сделать это через дизайн. Через цвета, композицию, микрокопирайтинг, стиль иллюстраций, шрифт, форму кнопки — всё то, что мы и так используем. Просто осознанно и сильнее. Урок помогает: – делать дизайн, который действительно работает – зарабатывать больше, потому что за такие проекты платят выше – не раствориться среди шаблонов, когда ИИ рисует всё остальное 📎 Ссылка - здесь. И да, есть тариф с моей обратной связью. Только на 5 мест.
Изображение поста
😞 Почему «просто аккуратно» больше не работает
Раньше аккуратно = хорошо Сейчас аккуратно = как у всех 🔵Новички тоже умеют делать «аккуратно» Именно так учат на первых курсах. Но этим сейчас никого не удивишь, значит, за это будут меньше платить 🔵Нейросети научились рисовать шаблон за 3 секунды Ты больше не конкурируешь только с фрилансерами. Теперь ты конкурируешь с AI, а он быстрый и дешевый 🔵Эмоции не украшение, а бизнес-инструмент Исследования показывают, если сайт вызывает эмоции, то пользователь остаётся, запоминает и возвращается. UX без эмоций работает хуже, а с ними повышает лояльность, конверсии и вовлечённость. 🔵Клиенты все меньше платят за простые сайты Дороже стоят проекты с настроением и идеей. Эмоциональный дизайн = способ поднять ценник и выйти из конкуренции. 🔵В топе те, кто вызывает чувства Почти все сайты с Awwwards, CSS Design Awards и Made on Tilda - это не шаблоны, а проекты с вайбом и идеей. Вот такие пироги... В следующем посте покажу, как работает эмоциональный дизайн на конкретных сайтах, что вовлекает и почему ________________ *️⃣Мои курсы: UX/UI-дизайн, Tilda, Карточки товара, Веб-дизайн, Work&Sell, Магазин уроков
Изображение поста
🔥Первые заказы на дизайн без боли
После курсов многие мечтают сразу делать сайты. А потом трагедия. Отказывают, потому что нет отзывов. Страшно, потому что никогда не работал с реальным клиентом. А если ещё и проект объёмный, то вообще ступор. Я всегда в такие моменты советую - начните с малого. И вот это «малое» я сейчас перечислю. Это рабочие задачи, за которые платят деньги, и которые отлично подходят новичкам. Что можно делать, кроме сайтов: ⚫Карточки товаров для маркетплейсов Нужно просто немного вчитаться в их документацию, чтобы понять технические требования. ⚫Оформление социальных сетей Обложки для групп, Reels, YouTube-видео, дизайн постов - всё это делают дизайнеры. Простая, но нужная работа. ⚫Гайды, чек-листы Особенно для блогеров, экспертов, наставников - визуализировать полезный материал, оформить красиво и понятно. ⚫Презентации Если без анимации, то всё просто. Если с ней, то придётся немножко прокачать навыки в PowerPoint или Keynote, но это тоже решаемо. ⚫Скриншоты для App Store и Google Play Это просто красивые картинки с интерфейсами, которые пользователи видят в магазине. Само приложение делать не надо. ⚫Баннеры для сайтов Знаете эти большие блоки на главной с акциями или распродажами? Вот именно такие баннеры дизайнер и делает. Пару таких заказов для набивания шышек (надеюсь, обойдетесь без них) и можно начинать брать заказы на дизайн сайтов. *️⃣Основной смысл - не зацикливайтесь на сайтах, вы получили базовые навыки дизайна на курсах, поэтому можете делать многое. Главное - не ссать А что касается сайтов, то сайты под ключ больше ценятся - конкуренция меньше, заказов больше и лучше оплата. Именно для этого я и создала курс по Tilda, когда с дизайном уже знакомы, но нужен дополнительный навык, чтобы делать полноценные проекты и зарабатывать больше ________________ *️⃣Мои курсы: UX/UI-дизайн, Tilda, Карточки товара, Веб-дизайн, Work&Sell, Магазин уроков
Изображение поста
⚡️Рубрика «Вдохновение»
Сайты, которые будут ниже, мы разбирали на созвонах (писала в предыдущем посте). Ученики сами приносят ссылки, и мы вместе их разбираем - что работает, что не очень, и почему. Несколько примеров, которые запомнились ⬇️ 📎 Wearecheck Чистый, свежий дизайн. Классная анимация, и особенно стоит приглядеться к микроанимациям. На мой взгляд, это один из редких случаев, когда тренд на сторителлинг и анимацию не ушёл в кашу. Всё понятно, логично и интересно. Полистайте - там есть куда забрести. 📎 Truekindskincare Это кейсовый проект, но уже свёрстанный, то есть не настоящий интернет-магазин, а работа в портфолио. С точки зрения UX там много спорных решений, но как визуальный референс очень даже. Можно разглядывать и вдохновляться сколько угодно. 📎 Plantstotherescue Это не какой-то вау-дизайн в плане функционала - скорее наоборот. Сайт собран на конструкторе и напоминает многие типовые магазины. Но тут поработали с визуальным языком, и в итоге получилось аккуратное ретро-настроение. За счёт деталей - очень атмосферно. #полезное #разбор ________________ *️⃣Мои курсы: UX/UI-дизайн, Tilda, Карточки товара, Веб-дизайн, Work&Sell, Магазин уроков
Изображение поста
🔥Созвон с учениками, где мы разбираем сайты
Я что-то совсем перестала делиться внутрянкой курса - исправляюсь. Рассчитываю, что вы сейчас посмотрите и срочно захотите на такие же разборы. А чтобы туда попасть — нужно записаться на курс UX/UI-дизайн (старт 26 мая) В чём суть таких созвонов: ⚫ понимать, что «красиво» не всегда значит «удобно» ⚫ видеть, как улучшить сайт, чтобы им было реально удобно пользоваться ⚫ замечать, какие элементы визуала и интерфейса можно взять на вооружение ⚫ и самое главное - я показываю, как проверять сайт на качество. И с точки зрения визуала, и с точки зрения удобства. После этого у ребят появляется чёткое понимание, как работать с рефами и зачем вообще их смотреть. *️⃣Следующий поток стартует через 2 недели (26 мая), а с 19 мая стоимость увеличиться 📎uxui.filschool.ru
⚡Новое видео про книги.
Ну честно скажу, что с фразой "их должен прочесть каждый дизайнер" я перегнула. Я всегда говорю, что научиться дизайну по книгам невозможно, так что некоторые можно и пропустить 📱 Смотреть на Youtube 📱 Смотреть в VK Video В комментах пдфка с подборкой книг ⬇️ #ютуб ________________ *️⃣Мои курсы: UX/UI-дизайн, Tilda, Карточки товара, Веб-дизайн, Work&Sell, Магазин уроков
Изображение поста
🔥Большой разбор - нейросети и дизайнеры
Есть несколько самых популярных вопросов, которые мне задают - что почитать, какой ноутбук выбрать и заменят ли нейросети дизайнеров В этом видео я разложила все по полочкам: 🔵кого реально заменят 🔵что учить, чтобы не заменили 🔵каков ChatGPT в роли дизайнера 🔵и конечно же пруфы, чтобы это не было отсебятиной 📱 Смотреть на Youtube 📱 Смотреть в VK Video Я долго писала этот сценарий, поэтому нужна ваша поддержка. Поставьте там лайк, напишите коммент, чтобы видео вышло в топ А если у вас остались вопросы после просмотра, то пишите в комменты ⬇️ #ютуб ________________ *️⃣Мои курсы: UX/UI-дизайн, Tilda, Карточки товара, Веб-дизайн, Work&Sell, Магазин уроков
Изображение поста
🔥Видео про плагины для Figma
Показала свой ТОП-15: как работают, зачем нужны. А еще упаковала все свои любимые плагины (40+) в один файл. Там ссылки кликабельные, сразу можно перейти к нужному плагину Так что сохраняйте себе и пользуйтесь 📱 Смотреть на Youtube 📱 Смотреть в VK Video #ютуб ________________ *️⃣Мои курсы: UX/UI-дизайн, Tilda, Карточки товара, Веб-дизайн, Work&Sell, Магазин уроков
Изображение поста
🔵Как считаете не поздно ли учиться веб дизайну в 36?
Поздно, это когда тебе 86, и ты вспоминаешь, как в 36 испугался, что поздно. Печальнее будет не попробовать. Минутка философии закончилась, пошли дальше. Всё зависит от тех, кто будет за работу платить. Кто-то ищет «молодых и креативных», кто-то «взрослых и ответственных». Например, у меня в команде почти все старше 25. Просто так сложилось. У нас совпадает понимание, как работать работу, и какой она вообще должна быть. Обратная сторона - мне приходилось приписывать себе возраст, потому что заказчики отказывались работать с маленькой девочкой (я начала в 17), так было до 20 лет. Кто-то считает тебя слишком молодым, кто-то — слишком взрослым. А теперь плюсы зрелого возраста: 🔵 у тебя скорее всего прокачаны софт-скиллы 🔵 ты умеешь говорить с людьми 🔵 умеешь решать конфликты 🔵 знаешь, что такое ответственность и качество 🔵 у тебя есть опыт, которого нет у твоих молодых «конкурентов» Всё остальное — практика, адекватный курс, обратная связь и немного упрямства. 🔵Сколько оптимально должно быть в портфолио, если делать его не сайтом, а pdf-файлом? Если вы делаете сайты, то PDF не лучший вариант. Оформите в кейс, выгрузите на Behance, Dprofile, чтобы все было в одном аккаунте. Многие создают отдельный проект в фигме и внутри хранят свои работы, прям картинками, а по запросу отправляют уже исходники (часто просят). PDF в нашей сфере часто ред флаг для hr. Должно быть минимум 3 работы на разные темы, желательные разные типы сайтов, чтобы показать навыки. 🔵Как вы пришли к дизайну и поняли что это ваше дело? Был очень длинный выпуск подкаста про начало моего пути, подробнее я нигде не рассказывала ________________ *️⃣Мои курсы: UX/UI-дизайн, Tilda, Карточки товара, Веб-дизайн, Work&Sell, Магазин уроков
Изображение поста
🆕 Как выбрать стиль дизайна сайта
У меня есть видео про стили в дизайне. Очень советую посмотреть. тык сюда Теперь к сути. Стиль — это не просто «сейчас это в тренде и красиво». У нас есть сразу четыре ограничения: – задача сайта – целевая аудитория и её желания – психология восприятия – и пожелания заказчика. Ну, потому что он платит — а значит, у него могут быть свои фантазии, в духе «хочу как Apple» Иногда ещё добавляется вайб бренда или стилистика самого продукта. Если минималистичная упаковка косметики — то и сайт будет в этом же настроении. А если это яркие баночки с иллюстрациями — то можно добавить красок. *️⃣Например, на курсе «Дизайноведение» я записала прикольный урок, где даю один и тот же товар, но для разных ЦА, и показываю, насколько разными будут референсы и визуальный язык сайта. После анализа четырех ограничений выбор обычно сужается до 2–3 вариантов. Дальше можно: 🔵 собрать мудборд на каждую концепцию дизайна. Одна концепция - один стиль. Уже на этом этапе можно обсудить с заказчиком направление и определиться или пойти на следующий пункт 🔵сделать концепции (обычно это первый экран) в разных стилях с реальным контентом и опять утверждаем с клиентом Нужно уметь разложить стиль на составляющие и понять, соответствует ли он всем критериям — задаче, аудитории, продукту, психологии. Не просто «нравится», а «работает». Иначе можно уйти в стиль ради стиля, а не ради смысла. Короче, стиль не выбирается «на глаз». Он складывается из смысла, задачи и того, для кого ты это делаешь. Ну и чуточку — из вкуса, конечно. Без этого никуда. ________________ *️⃣Мои курсы: UX/UI-дизайн, Tilda, Карточки товара, Веб-дизайн, Work&Sell, Магазин уроков
Изображение поста
⚡ Вообще не планировала, но… решила открыть доступ всем
На мини-погружении зашла идея закрытой группы на курсе "Дизайноведение" — и я хочу протестировать её на большем числе учеников. Что это за группа? 6 месяцев дополнительной поддержки от меня лично. Раз в месяц мы созваниваемся: 🔵 я отвечаю на вопросы 🔵 разбираю ваши работы и домашки 🔵 направляю, если застряли или сомневаетесь и всё это помимо куратора на курсе Попасть можно, если купить курс "Дизайноведение " до 17 мая 📎d.filschool.ru
Изображение поста
🔥Ошибки новичков в дизайне
В начале видео теория. Без неё никак, там как раз важные штуки, которые потом в примерах повторяются. Видео снято давно, поэтому есть несостыковка в длине моих волос 🙃 📱 Смотреть на Youtube 📱 Смотреть в VK Video #ютуб ______ *️⃣Мои курсы: UX/UI-дизайн, Tilda, Карточки товара, Веб-дизайн, Work&Sell, Магазин уроков
Изображение поста
Ребята, я сделала!!!
Первый пак 3D фигур готов и уже в Figma Community 🔥 28 текстильных форм — мягкие, объёмные, в едином стиле. Все в PNG, с прозрачным фоном, 4096х4096 px. Цвет меняется в пару кликов. Можно использовать и в комммерческих проектах — лицензия свободная. Вот тут можно забрать пак *️⃣Если понравится — дайте знак. Это была целая эпопея (намного дольше, чем я планировала), и ваша поддержка реально важна. Что генерировать дальше?
Изображение поста
🔥Традиционный дайджест всего полезного, что было на канале
Спасибо, что читаете, реагируете, комментируете - кайфую от того, какая у нас тут тёплая и живая атмосфера 💙 Подборка шрифтов Нейтральные гротески для заголовков, без лишней декоративности Сервисы для поиска референсов Большая подборка сайтов и сервисов, чтобы искать референсы Плагины для работы с картинками Самые важные и полезные плагины для картинок Подборка шрифтов Эстетичные шрифты для заголовков Фотостоки Подборка фотостоков с нормальной лицензий, чтобы было бесплатно и без указания автора Расширения для браузера Маленькие помощники внутри вашего браузера Как не бояться взять первый заказ Этот пост вызовет у вас желание наконец-то взять и сделать Как найти первый заказ Видео, в котором я делюсь проверенной инструкцией по поиску первых заказов Как вставить видео на behance Видео-инструкция по вставке видео на Behance без лишних элементов и кнопок на видео *️⃣А теперь главный вопрос - какой пост вам понравился больше всего? #полезное ______ *️⃣Мои курсы: UX/UI-дизайн, Tilda, Карточки товара, Веб-дизайн, Work&Sell, Магазин уроков
Изображение поста
🔥Как Ира пришла в дизайн, прошла курс и работает с кайфом
Из этого интервью вы узнаете, что слитые курсы не помогут вам освоить дизайн. Ира попробовала. Послушала полтора часа воды, получила 10 минут пользы — и поняла: «Теперь я знаю, к кому точно не надо идти». После этого она пришла на «Дизайноведение». Прошла курс, родила двух детей, начала брать заказы, вести блог и теперь фрилансит в своё удовольствие. А ещё — просто верила в себя и делала. В интервью она честно рассказала: 🔵 почему решилась на дизайн 🔵 как поняла, что «настоящий» курс — это совсем другое 🔵 что оказалось самым важным в обучении 🔵 и как совмещает клиентов, дизайн и материнство 📸 Посмотри интервью — возможно, оно вдохновит тебя на изменения. 📱 Смотреть в VKVideo 📱 Смотреть на Youtube А если тоже хочешь попробовать себя в дизайне — приходи на мини-погружение. Ты узнаешь, как избежать типичных ошибок новичков, попробуешь сделать свой первый дизайн — и получишь спецпредложение на курс «Дизайноведение» с очень крутым бонусом: моё личное участие. 📎Записаться на мини-погружение
🆕 Как вставить видео в кейс на Behance
Инструкция в видео, а код здесь Записала видео, где показываю, как вставить чистое видео — без логотипов, интерфейса Vimeo и прочих «украшений». Чтобы выглядело красиво и ничего не отвлекало. 📱 Смотреть на Youtube 📱 Смотреть в VK Video #ютуб ______ *️⃣Мои курсы: UX/UI-дизайн, Tilda, Карточки товара, Веб-дизайн, Work&Sell, Магазин уроков
Изображение поста
🔥 Не вебинар, не лекция, а мини-путешествие
Я очень заморочилась с мини-погружением. Теоретическую часть я собрала как настоящую карту — с маршрутом через все болевые точки начинающих. Каждая метка на ней — из моего опыта: и как дизайнера, и как преподавателя. Я слишком хорошо знаю, где ученики застревают, в чём сомневаются, где теряют уверенность. И да, все курсы в Filschool я строю именно с учётом этих мест. Если хочешь их увидеть — приходи на эфир 13 апреля в 13:00. *️⃣ Там будет: – теория, оформленная в виде маршрута – разбор работ участников – скидка на курс «Дизайноведение» – и бонус, которого не было никогда. Это не файл, не инструкция и не что-то, что можно скачать. Это — формат, где я включаюсь лично. А пока ты ждёшь — можешь: 🔵 посмотреть теоретический урок — кто такой веб-дизайнер 🔵 пройти практический урок и прислать свою работу на разбор Если ты где-то между «интересно» и «боюсь начать» — приходи. Мы всё это уже заложили в маршрут. 📎Записаться на мини-погружение
Изображение поста
🔥Как найти свой первый заказ
Собрала в этом видео всё, что реально помогает новичкам выйти на первых заказчиков. Не только мой опыт, но и рабочие шаги, проверенные моими учениками. Никакой магии, никакого «надо просто поверить в себя». Только то, что действительно сработало у десятков человек. А и молнию заценили? Это мы вместе с chat gpt сделали. Докручивать пришлось, но он все-равно умница. 📱 Смотреть на Youtube 📱 Смотреть в VK Video #ютуб ______ *️⃣Мои курсы: UX/UI-дизайн, Tilda, Карточки товара, Веб-дизайн, Work&Sell, Магазин уроков
Изображение поста
✈️ Ваш билет на мини-погружение в веб-дизайн
Когда я только начинала в дизайне, всё было… на ощупь. Открывала Photoshop, пыталась сделать что-то похожее на сайт —и просто надеялась, что делаю хоть что-то правильно. Что такое модульная сетка я даже не гуглила, шрифты выбирала сердцем, а отступы интуицией Но самое грустное — никто не мог посмотреть мою работу и сказать: «Слушай, вот тут норм, а вот здесь — можно лучше». *️⃣У меня не было наставника. Не было разборов. Не было внятного старта. Именно поэтому я сделала другое начало — для вас. ⠀ Мини-погружение - не просто вебинар, а маленький заход в профессию: посмотреть, попробовать, пощупать — и понять, ваше или нет. После регистрации сразу прилетают: ⚫ короткий теоретический урок: кто такой веб-дизайнер и что вообще делает ⚫ практический видеоурок: показываю, как в Фигме делаю первый экран сайта, можно его повторить или адаптировать под свой проект 13 апреля в 13:00 мы собираемся на эфир: ⚫ буду разбирать ваши работы ⚫ расскажу про самые проблемы места в обучении у новичков и как их преодолеть ⚫ отвечу на вопросы ⚫ презентую наш обновлённый курс «Дизайноведение» Ваш билет готов: 📎Отправиться в мини-погружение Да, это часть прогрева к курсу. Но даже если вы просто хотите «пощупать» профессию — это идеальный шанс.
Изображение поста
🔵Нужны ли разные состояния кнопок, если верстать для тильды? UI-кит с разными вариантами кнопок нужен, если проект будет потом делать верстальщик?
Обычно они создаются прямо в Tilda, если это что-то простое. Если ховер сложный — кнопку просто рисуют в Figma без UI-кита и переносят в Tilda. Да, кит нужен в первую очередь верстальщикам — чтобы они понимали, какие ховеры будут. Но если вы сами знаете, какие ховеры хотите — можно не усложнять и обойтись без сборки кита. 🔵Какие книги, учебники посоветуете? Создала целый список. В этом посте 🔵Как понять, что проделанная работа уже достаточно хороша и пора остановиться в погоне за идеалом? Если дедлайн ещё не жмёт. Писала пост на эту тему, надеюсь, что поможет. Читать пост. 🔵Сколько часов уделять обучению и работе в день и часов в неделю, чтобы не получить перегорание? Лучше заниматься по 1–2 часа в день, чем по 10 часов все выходные. Выгорание обычно бывает из-за чрезмерного напора и ухода с головой в обучение. Кину несколько советов: • Чередуй типы активности. Смотри урок — делай макет — гуляй — возвращайся. Не сиди 5 часов подряд в одной позе. • Ставь мини-задачи. Маленькие шаги — меньше стресса. • Планируй отдых. Отдых должен быть в расписании. • Не забывай, зачем ты всё это начал. Цель греет. Особенно когда глаза уже не фокусируются. ⚡️И да, недавно пересматривала наши уроки по тайм-менеджменту на курсе. Там вообще золото. Думаю, собрать из них пост. Надо? ______ *️⃣Мои курсы: UX/UI-дизайн, Tilda, Карточки товара, Веб-дизайн, Work&Sell, Магазин уроков
Изображение поста