Мария | Веб-дизайнер

🤩🤩🤩🤩 Привет, меня зовут Мария! Я занимаюсь веб-дизайном уже 3 года 🤩 Здесь я показываю, как дизайн помогает бизнесу выделяться, привлекать клиентов и продавать через удобный и продуманный интерфейс 💰 Что вы найдете у меня: 🤩 разборы сайтов и интерфейсов 🤩 процесс создания дизайна с нуля 🤩 кейсы и реальные проекты 🤩 советы для начинающих дизайнеров 🤩 полезные фишки по UX/UI 🤩 закулисье работы веб-дизайнера и немного моей жизни Навигация по каналу: 🤩 Портфолио - #кейсы Дизайн корпоративного сайта для школы верховой езды Приложение для изучения иностранных языков 🤩 Полезное для дизайнеров #плагины #палитра #шрифты 🤩 Советы и разборы #uxui #марафон_30дней 🤩 Мои мысли и личное - #лайф 🤩 Услуги и сотрудничество - #работа Бесплатный аудит Вашего сайта Если вы: 🤩 ищете дизайнера для своего проекта 🤩 хотите вдохновляться красивыми решениями 🤩 сами изучаете веб-дизайн 🤩 или просто любите эстетичный контент Добро пожаловать🫶 🤩 Behance 🤩 Pinterest 🤩 Insta 🤩 📌 Если хотите обсудить проект, сотрудничество или задать вопрос - пишите в личные сообщения - @mari_371

День 4/30 Марафон, где не будет просто красивых картинок. Каждый день я буду показывать экран и подробно разбирать свои решения: почему выбрана такая композиция, как работают шрифты и как это влияет на поведение пользователя и продажи 🍀 Сегодня разбираем первый экран для ретрита - пространства цифрового детокса и восстановления среди природы Задача этого экрана - не продать, а буквально замедлить человека с первых секунд. Чтобы пользователь открыл сайт и почувствовал себя спокойно 🤩 Много воздуха в композиции Я специально оставила много свободного пространства вокруг текста. В премиальном wellness-сегменте пустота работает сильнее, чем перегруженность деталями. Она создает ощущение тишины еще до того, как человек начинает читать текст 🤩 Визуал как эмоциональный якорь Фото не просто про природу. Здесь человек сидит спиной к нам - это помогает пользователю мысленно поставить себя на его место. Такой прием усиливает эффект погружения и вызывает желание оказаться внутри этой атмосферы 🤩 Натуральная цветовая палитра Теплые оливковые оттенки, молочные цвета и мягкий свет создают ощущение естественности и безопасности. Я избегала холодных и слишком контрастных цветов, потому что задача экрана - снизить визуальный шум и напряжение 🤩 Масштабный заголовок Крупная типографика здесь работает как главный эмоциональный акцент. Заголовок занимает много места не случайно - он замедляет взгляд пользователя и задает ритм всему экрану. А плавные формы букв поддерживают ощущение мягкости и спокойствия Весь экран построен так, чтобы человек не чувствовал давление интерфейса. Здесь дизайн становится частью состояния, которое продает сам ретрит 🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩 Интересно, что вы заметили первым: атмосферу изображения, крупный заголовок или кнопку?👀 #марафон_30дней

Недавно показывала вам первый экран нового проекта - агрегатор для подбора подрядчиков на мероприятия Все еще продолжаю работу над этим проектом, идет медленно, так как параллельно было 3 заказа🙈 К счастью, два других уже закрыто и сейчас все внимание сфокусировано на этом сайте. Что уже сделано: 🤩 Разработана полноценная структура сайта в текстовом варианте, чтобы было на что опираться при разработке прототипов 🤩 Сделаны прототипы практически всех страниц (остался только личный кабинет подрядчика) 🤩 Продумана будущая стилистика Сейчас за выходные должны согласовать прототипы и уже с понедельника приступаю к самому дизайну. Один из любимых этапов, когда можно воплотить в жизнь свои идеи 🔥 #марафон_30дней

День 3/30 Марафон, где не будет просто красивых картинок. Каждый день я буду показывать экран и подробно разбирать свои решения: почему выбрана такая композиция, как работают шрифты и как это влияет на поведение пользователя и продажи 🥂 Сегодня разбираем главный экран для студии, которая занимается оформлением пространств, интегрируя элементы природы (свет, растения, натуральные материалы, воду, формы) в интерьер и архитектуру Здесь мы работаем с темой восстановления, поэтому дизайн должен транслировать спокойствие, премиальность и технологичность одновременно 🤩 Эффект «матового стекла» Центральная плашка с эффектом размытия - это не просто тренд. Она позволяет сфокусировать взгляд на тексте и кнопке, не перекрывая при этом полностью потрясающий визуал на фоне. Это создает ощущение глубины и многослойности интерьера 🤩 Контраст типографики Я использовала сочетание изящного акцидентного курсива в заголовке и строгого гротеска в описании. Заголовок передает эмоцию и уют. Описание отвечает за экспертность и конкретику 🤩 Акцент на визуал в рамке Обратите внимание на «окно» слева внутри плашки. Оно четкое, в то время как остальной фон размыт. Это направляет взгляд пользователя на конкретный пример реализации, создавая эффект присутствия 🤩 Функциональный минимализм Кнопка «VIEW PROJECTS» и пункты меню выполнены максимально тонко. В премиум-сегменте мы не кричим яркими цветами, а даем пользователю пространство для самостоятельного исследования Дизайн подчеркивает философию бренда - интеграцию природы в архитектуру. Каждая деталь работает на снижение визуального шума, настраивая клиента на нужный лад еще до начала работы 🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩 Куда в первую очередь упал ваш взгляд: на четкую картинку или на крупный заголовок? Проверим работу акцентов! 👀 #марафон_30дней

День 2/30 Марафон, где не будет просто красивых картинок. Каждый день я буду показывать экран и подробно разбирать свои решения: почему выбрана такая композиция, как работают шрифты и как это влияет на поведение пользователя и продажи 🥂 Взяла в работу новый проект - агрегатор для подбора подрядчиков на мероприятия. Сегодня покажу, с чего начинается качественный сайт. Перед вами прототип первого экрана, где мы проектируем не красоту, а логику и путь пользователя Прототип - это скелет, который определяет, как сайт будет работать на продажи 🤩 Центральная композиция и фокус Весь контент выстроен по центру. Это классическое решение для имиджевых сервисов, которое концентрирует внимание пользователя на главном сообщении и кнопке действия 🤩 Иерархия заголовков Акцент сделан на фразе «Мероприятие, продуманное до деталей». Она сразу попадает в запрос клиента, который ищет надежных подрядчиков. Подзаголовок расшифровывает суть - подбор идеальных исполнителей в одном месте 🤩 Функциональная шапка В прототипе уже предусмотрен поиск и геолокация. Это критически важные элементы для агрегаторов, которые снимают лишние шаги пользователя и позволяют сразу перейти к делу 🤩 Визуальные якоря внизу Серые блоки в нижней части - это будущие фотокарточки с мероприятий. Мы сразу намечаем ритм и структуру, чтобы контент не выглядел скучно, а показывал атмосферу праздника Прототип - это стратегия. Если на этапе серых блоков понятно, о чем сайт и куда нажать, значит, фундамент заложен верно 🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩 Впереди визуальная концепция. В каком стиле вы видите этот проект: минималистичный и строгий или нежный, в пастельных тонах с обилием декора? Пишите в комментариях🫶 #марафон_30дней

День 1/30 Марафон, где не будет просто красивых картинок. Каждый день я буду показывать экран и подробно разбирать свои решения: почему выбрана такая композиция, как работают шрифты и как это влияет на поведение пользователя и продажи 💎 Разбираем первый кейс - главный экран для лендинга по туризму в Якутии Первый экран - это 80% успеха. Если пользователь не почувствовал атмосферу за первые 3 секунды, он уйдет 🤩 Работа с пространством Вместо того чтобы забивать экран деталями, использован бесконечный ледяной горизонт. Это создает ощущение масштаба и эксклюзивности путешествия. Девушка в центре в традиционном костюме - точка фокусировки: она дает зрителю масштаб и привносит человеческий фактор, вызывая доверие 🤩 Типографика как часть ландшафта Массивный белый шрифт «САХА ЯКУТИЯ» выглядит монументально, как сами ледники. Заголовок не перекрывает персонажа, а будто пропускает его сквозь себя, создавая 3D-эффект и глубину 🤩 Цветовые акценты и конверсия Мы придерживаемся холодной арктической гаммы, чтобы пользователь физически почувствовал холод и чистоту региона. Кнопка сделана полупрозрачной стеклянной плашкой. Она не спорит с величественным фото, но четко видна. Мы не убеждаем пользователя купить, а предлагаем исследовать 🤩 Навигация и UX Меню лаконичное, чтобы не отвлекать от главного оффера. Целевое действие "забронировать тур" вынесено в правый угол - это стандарт, позволяющий быстро совершить покупку, когда человек уже готов Дизайн работает на премиальное позиционирование. Мы продаем не просто билеты, а уникальный опыт и величество природы 🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩 Если закрыть глаза и резко открыть их, глядя на этот экран, что первое бросается вам в глаза? Девушка, небо или заголовок? Давайте проверим, как работает айтрекинг (направление взгляда) на практике👀 #марафон_30дней

Вот и все, по итогам голосования было принято решение, что марафон будет на тему: "30 дней: дизайн + объяснение" 🔥 Первый дизайн будет готов уже завтра✨ Я очень надеюсь, что действительно смогу продержаться этот месяц и каждый день публиковать сюда новые работы📝 Поэтому, я буду очень благодарно вашей поддержке☺️ Пожелайте мне удачи 🫶

Хочу запустить здесь небольшой движ на 30 дней 🤩 Не просто что-то постить каждый день, а реально прокачаться и параллельно давать вам пользу (а не красивые картинки без смысла) Но я застряла между несколькими идеями и хочу выбрать вместе с вами: 🤩 30 дней - 30 первых экранов Каждый день делаю первый экран под разную нишу и показываю, как за 3–5 секунд зацепить человека (то самое место, где пользователь либо остался, либо закрыл сайт) 🤩 30 дней - 30 мобильных экранов Приложения, мобильные версии сайтов - покажу, как делать удобно, а не просто красиво (и прокачаю это у себя тоже☺️) 🤩 30 дней: дизайн + объяснение Здесь не будет “смотрите, как я сделала”, здесь каждый день буду показывать экран и подробно объяснять свои решения. Почему так, как это влияет на поведение и продажи Если честно, мне откликаются все варианты, но я хочу делать то, что будет интересно вам смотреть 😉 Проголосуйте, пожалуйста, в опросе ниже ⬇️⬇️⬇️

Собрала для вас подборку плагинов, которыми пользуюсь ежедневно 🌟 #плагины

Для чего дизайнеру делать анализ целевой аудитории? 💎 Чтобы перестать делать сайты на вкус и начать делать сайты, которые реально работают Можно сделать красивый визуал, подобрать шрифты и цвета, но без понимания, для кого это всё, дизайн остаётся просто картинкой без какого-либо результата Когда нет понимания ЦА, решения принимаются интуитивно: 💜так выглядит лучше 💘мне нравится 💝сейчас так делают В итоге текст не попадает в боли, структура не ведёт пользователя, а визуал не усиливает смысл. Такой сайт может выглядеть нормально, но он не продаёт и не решает задачу бизнеса. Анализ целевой аудитории даёт опору в работе. Ты начинаешь понимать, кто этот человек по ту сторону экрана, чего он хочет, чего боится, как принимает решение. За счёт этого меняется подход к дизайну: ты уже не просто расставляешь блоки, а выстраиваешь логику, по которой пользователь идёт к нужному действию По сути, анализ ЦА - это рабочий инструмент дизайнера, а не что-то дополнительное, что можно делать по желанию. Именно он помогает делать не просто визуально аккуратные сайты, а проекты, которые приносят результат🔥 #uxui