Yablochkin Group

Рассказываем в статье про 5 явных признаков, по которым можно определить, что вашему сайту нужен редизайн Проблема: - Устаревшие слайдеры, «плиточный» дизайн, градиентные кнопки - Нет адаптации под мобильные (текст «плывет», кнопки слишком маленькие) Как проверить: Откройте сайт на смартфоне и спросите себя: «Выглядит ли это современно?» Цифры не врут: - Посетители есть, но заказов/звонков мало - Высокий процент отказов (сразу закрывают страницу) Что делать: 1. Проверить Google Analytics → вкладка «Поведение»...

Рассказываем в статье про 10 самых популярных шрифтов в 2025 году Хороший шрифт — как удачный костюм: его не замечают, но он делает весь образ солидным. Мы собрали топ-10 шрифтов, которые используют ведущие бренды и студии. Без сложных терминов — только практика! Лучший «рабочий» шрифт для интерфейсов. Читается даже в мелком размере. Где используют: Финансовые сервисы (Revolut), SaaS-платформы. Бесплатный аналог: скачать Универсальный, дружит с любым дизайном. Google сделал его стандартом для Android...

Оптимизация сайта — это не только про «ускорение загрузки». Это комплексная работа над производительностью, SEO и удобством пользователей. В этом руководстве разберем пошаговую стратегию с техническими и дизайнерскими приемами. Прежде чем оптимизировать, нужно выявить слабые места: Инструменты для аудита: - PageSpeed Insights (Google) — оценка скорости и рекомендации. - GTmetrix — детальный разбор загрузки (TBT, LCP, CLS). - WebPageTest — тестирование из разных локаций. - Lighthouse — проверка SEO, доступности и производительности...

Рассказываем в статье, как правильно создать Moodboard для проектов! В мире веб-дизайна moodboard, или «доска настроения», стал одним из ключевых инструментов для визуализации концепции проекта. Этот процесс позволяет собрать идеи, вдохновение и сочетающиеся элементы, которые помогут сформировать общее видение дизайна. В этой статье мы предоставим вам пошаговое руководство по созданию moodboard для вашего проекта. Перед тем как приступить к созданию moodboard, важно понять его цель. Выберите, что...

Рассказываем в статье про 5 приемов, которые сделают ваш сайт привлекательным и дорогим Перегруженность элементами — главный враг дорогого дизайна. Чем проще и чище выглядит сайт, тем выше его воспринимаемая ценность.   Что делать:   - Уберите лишние декоративные элементы (тенями, градиенты, анимации).   - Оставьте немного пустого пространства между блоками.   - Используйте лаконичные шрифты (например, Helvetica, Montserrat, Playfair Display).   Дешевые стоковые изображения или размытые фото сразу выдают низкий уровень...

Рассказываем в статье про подборку полезных расширений Chrome для дизайнеров Браузерные расширения могут значительно упростить работу дизайнера, ускорить поиск вдохновения, помочь с анализом сайтов и улучшить рабочий процесс. В этой подборке — лучшие расширения Google Chrome, которые пригодятся веб-дизайнерам, графическим дизайнерам и UX/UI-специалистам.  WhatFont: Позволяет быстро определить шрифт на любом сайте. Достаточно навести курсор на текст — расширение покажет название, размер, цвет и другие параметры шрифта...

Рассказываем в статье, как микроанимации влияют на ux В современном дизайне интерфейсов даже мелочи имеют значение. Одним из таких важных элементов являются микроанимации — небольшие, едва заметные анимации, которые делают взаимодействие с продуктом плавным, интуитивным и приятным.   Микроанимации — это небольшие анимационные эффекты, которые:  - Подсказывают пользователю, что произошло (например, кнопка изменила цвет при нажатии).  - Указывают на изменения состояния (загрузка, успешное действие, ошибка)...

Рассказываем в статье, почему адаптивный дизайн - это важно В эпоху, когда пользователи выходят в интернет с самых разных устройств — от смартфонов и планшетов до ноутбуков и Smart TV — адаптивный дизайн перестал быть просто трендом, а стал необходимостью. Если сайт не подстраивается под разные экраны, он теряет аудиторию, рейтинги в поисковиках и, как следствие, прибыль.  Адаптивный дизайн — это подход к веб-разработке, при котором сайт автоматически подстраивается под размеры экрана и ориентацию устройства...

Рассказываем в статье, как правильно подготовить макет к вёрстке Подготовка макета к вёрстке — важный этап, который влияет на скорость и качество разработки. Если дизайнер правильно организует файлы, продумает структуру и учтет требования верстальщика, это сэкономит время и минимизирует доработки.  В этом гайде разберем ключевые шаги подготовки макета перед передачей в верстку.  Перед отправкой макета убедитесь, что он структурирован и удобен для работы.  1.1. Группировка и именование слоев: - Называйте слои логично (например, Кнопка/Основная, Заголовок/H1)...

Какую платформу выбрать веб-дизайнеру в 2025 году В 2025 году дизайнеры и веб-разработчики по-прежнему сталкиваются с вопросом: какую платформу выбрать для проектирования интерфейсов и создания сайтов? Figma, Adobe XD и Webflow остаются ключевыми игроками на рынке, но их функционал и ниши применения различаются.  Давайте разберёмся, какой инструмент подойдёт именно вам.  Плюсы: ✔ Коллаборация в реальном времени — идеально для командной работы.  ✔ Кроссплатформенность — работает в браузере и на всех ОС...

Рассказываем в статье про книги, которые обязан прочитать человек, интересующийся дизайном Представляем топ-5 книг по дизайну, которые должен прочитать каждый дизайнер, арт-директор или креативный специалист. Почему стоит прочитать? Книга Дона Нормана - это классика UX/UI - дизайна. Автор объясняет, почему одни продукты удобны, а другие вызывают раздражение, и как создавать интуитивно понятные интерфейсы. Кому подойдёт? Дизайнерам интерфейсов, продуктовым дизайнерам и всем, кто хочет понимать психологию пользователей...

Рассказываем в статье, как сочетать цвета правильно Цвет играет ключевую роль в дизайне, моде, интерьере и даже маркетинге. В этой статье разберемся, как работать с цветовыми палитрами и подбирать идеальные комбинации. Перед тем как сочетать цвета, важно понять их взаимосвязь. Основной инструмент - цветовой круг Иттена, который включает: - Основные цвета: красный, синий, жёлтый - Вторичные: зелёный, оранжевый, фиолетовый - Третичный: промежуточные оттенки (например, красно-оранжевый). На основе круга строятся гармоничные комбинации: 1...