журнал разборов для веб-дизайнеровномер · ноябрь 2026
Показываете кейс или портфолио целиком, коллеги и старшие дизайнеры оставляют правки: что читается, что теряется и как объяснить решение заказчику.
главный разбор номера · стр. 03Лендинги и сайты
В студии дали лендинг для мастерской по ремонту бытовой техники в Екатеринбурге, клиент пришёл к нам по рекомендации. На 1440 первый экран хороший: заголовок 56 px в две строки, подзаголовок, кнопка «Вызвать мастера», справа фото мастера и три строки «приедем за 2 часа,…
Карина 91 показала на разбор 8 марта
6 правок
Читать разборправка принята
практикум номера
Первый экран учебного портфолио глазами ревьюера. Включайте слои, наводите на маркеры: так выглядят правки, которые оставляют на форуме.
12 колонок по 40 px, промежуток 16 px, поля 32 px. Штриховкой отмечена карточка, которая съехала с колонки.
Шаг 8 px: заголовки и строки текста садятся на линии. Где строка висит между линиями, ритм страницы сбивается.
Условная схема, а не замер: так обычно читают первый экран, от имени слева сверху вниз по левому краю. Контакты справа в меню взгляд пропускает.
Семь правок, как их оставил бы старший дизайнер. Зелёная отметка — то, что сделано хорошо и что стоит оставить.
памятка
Четыре части, на которых держится любой кейс. Нажмите на часть, чтобы увидеть, что в ней писать.
Ориентир по объёму текста: задача коротко, больше всего места процессу и решению.
Частая ошибка: «Задача: сделать современный и удобный сайт». Это пожелание, а не задача.
«Клиника теряла записи по телефону вечером: регистратура до 19:00, а заявки с сайта приходили на почту, которую никто не читал».
Частая ошибка: двадцать экранов процесса без подписей. Ревьюер листает и не понимает, что изменилось между ними.
«Первый вариант был в пять шагов. На тесте двое из пяти бросили на выборе врача, поэтому объединили врача и время».
Частая ошибка: мокап в телефоне на мраморном столе вместо читаемого экрана.
«Кнопку записи закрепили внизу экрана: на маленьких телефонах она уезжала за список врачей».
Частая ошибка: «конверсия выросла в три раза» без базы, периода и источника.
«За два месяца после запуска вечерних записей стало больше, по словам администратора, примерно вдвое. Точной аналитики клиника не дала».
инструмент
Два цвета, текста и фона, и соотношение по WCAG 2.1. Считается прямо на странице.
Кейс: запись к врачу
Подпись 14 px под обложкой проекта: её должны прочитать с телефона на улице.
Кнопка2,8: 1
Частые случаи:
Крупный текст по WCAG: от 24 px обычного начертания или от 18,7 px полужирного.
разворот рубрик
01
Выкладываете кейс целиком или черновиком и получаете правки: что читается, что теряется, где история проекта рвётся.
учебная карточка товара для магазина чая, преподаватель не принял25 октября
02
Первая страница, подборка и порядок работ, о себе, контакты: смотрим портфолио как заказчик и как старший дизайнер на собеседовании.
Сайт-портфолио на конструкторе, первый экран. Где каша?26 июля
03
Посадочные страницы, корпоративные сайты, магазины: первый экран, ритм блоков, адаптив, как показать сайт в кейсе.
Оффер "Качественно и недорого": заказчик не даёт ничего другого11 апреля
04
Личные кабинеты, мобильные приложения, админки и сервисы: сценарии, состояния, компоненты, как не утонуть в экранах.
Первый личный кабинет в студии: сколько экранов рисовать под уведомления?20 октября
05
Колонки, отступы, модульная сетка, базовая линия, пары шрифтов, кегли и интерлиньяж: где макет держится, а где разваливается.
06
Палитра, акценты, тёмная тема, контраст текста и кнопок по WCAG, серый на сером и другие частые ошибки.
Админка склада: ошибку в поле показываю только красной рамкой. Этого мало?4 сентября
07
Пользовательские сценарии, прототипы, исследования на коленке, тесты на пятерых знакомых и как это показать в кейсе.
Обзвонил шесть клиентов автосервиса. Что из этого брать в лендинг13 мая
08
Редактор макетов, прототипы, компоненты и стили, передача макетов в разработку, свой порядок работы над проектом.
Правки заказчика в три круга: как не потерять, что было в первом10 августа
09
Текст кейса: задача, процесс, решение и результат. Как объяснить, почему так, без «я художник, я так вижу» и без воды.
Как написать в кейсе про ошибку, которую я сама допустила7 июля
10
Как показывать макет заказчику и команде, отвечать на «сделайте логотип крупнее» и спорить аргументами, а не вкусом.
Защита курсовой: комиссия спросила, зачем столько воздуха14 июня
11
Откуда берутся первые клиенты, учебные и выдуманные проекты в портфолио, работа за отзыв и где проходит граница.
Заказчица ждёт от меня ещё тексты, фото и пост для группы. Это входит?13 марта
12
Сколько стоит лендинг и сколько времени он занимает, почасовая ставка и фикс, предоплата, правки сверх договорённого.
Третий круг правок: как прописать и как сказать «это уже платно»20 июня
13
Тестовые задания, разбор портфолио на собеседовании в студии или продуктовой команде, вопросы, которые задают старшие.
Что я успеваю увидеть в портфолио джуна за первые две минуты23 сентября
14
Чем мидл отличается от джуна на деле, наставники, первые ревью от старших и как понять, что пора расти.
Полгода джуном в студии. Когда можно говорить о росте до мидла?26 октября
15
Разговоры не про конкретный кейс: выгорание, рабочее место, книги о дизайне, смешные правки и то, что не влезло в рубрики.
Удалёнка из Новосибирска с московской командой: как живёте с разницей в 4 часа?23 апреля
16
Правила разбора, предложения и связь с администрацией.
Правила раздела: как выкладывать работы и как их разбирать17 октября 2023
стр. 07Кейсы на разбор
второй курс, задание: карточка товара интернет-магазина. делал магазин чая. слева галерея на 4 фото, справа название, цена 690 ₽ за 100 г, выбор веса 50/100/250, кнопка…
Денис З.24 октябряв разборе
стр. 11Интерфейсы
С января работаю джуном в студии, и мне впервые дали личный кабинет: клиент - сеть студий растяжки, абонементы, запись на занятия, отмена, уведомления. В смете 12…
Карина 915 октябряправка принята
стр. 16Собеседования
Сентябрь, у нас снова набор джунов, за две недели посмотрел около 60 портфолио. Пишу, что я реально успеваю увидеть за первые две минуты, может, кому-то пригодится…
dimas_msk21 сентябряв разборе
стр. 19Цвет и контраст
Учебный проект в колледже, админка для склада. Ошибки в полях показываю красной рамкой #e53935, без текста, чтобы не загромождать форму. Преподаватель сказал, что для…
m.baranov3 сентябряв разборе
стр. 03Рост
С января работаю джуном в небольшой студии в Екатеринбурге, то есть полгода. Делаю лендинги и куски корпоративных сайтов, последние два месяца веду проекты сама от…
Карина 9126 июляправка принята
стр. 26Портфолио целиком
Закончила первый курс, за лето хочу собрать нормальный сайт-портфолио, пока там два учебных приложения. Первый экран на 1440: фон градиентом от фиолетового к розовому,…
Лариса М23 июляправка принята
