Как проходил процесс создания сайта для велосипедов и выбор дизайна
Что проверяют
Это вопрос по вашему проекту, и интервьюер выясняет, какую роль вы в нём играли на самом деле: верстали чужие макеты или участвовали в выборе решений. Следом идут уточнения: почему такой стек, как адаптировали каталог под телефоны и чем подтверждаете, что сайт получился удачным.
Как отвечать
Расскажите хронологию, отделяя «мы» от «я». Каркас для фронтенда:
- задача и ограничения: кто заказчик, что делает сайт (каталог, запись в сервис, аренда), сроки, бюджет, есть ли готовый бренд;
- дизайн: кто делал макеты в Figma, какие варианты рассматривали и как выбирали. Для велосипедного магазина важны крупные фотографии, фильтры по типу, размеру рамы и цене, таблица размеров, понятная карточка товара;
- стек и почему: например, Next.js ради серверного рендера и SEO каталога, TypeScript, CSS Modules или Tailwind, headless CMS для контента. Назовите альтернативу, от которой отказались, и причину;
- производительность: картинки в WebP или AVIF с
srcset, ленивая загрузка, контроль Core Web Vitals (LCP, INP, CLS) через Lighthouse и данные реальных пользователей; - адаптив и доступность: mobile first, фильтры в выезжающей панели на телефоне, управление с клавиатуры, достаточный контраст;
- проверка результата: юзабилити-тест на нескольких людях, аналитика после запуска, правки по обратной связи.
Результат называйте только тем, что можете подтвердить: выросла конверсия в заявку, сократилось время загрузки каталога, заказчик вернулся со следующим этапом. Если цифр нет, скажите честно и опишите качественный итог.
Где спотыкаются
Говорят «я разработал дизайн», хотя макеты рисовал дизайнер. На первом вопросе про Figma или дизайн-токены это всплывает.
Называют стек без причины выбора. «Взял React, потому что знаю» звучит слабо, если не объяснить, почему для этой задачи он подошёл лучше простого статического сайта.
Вставляют эффектную цифру вроде «трафик вырос в полтора раза». Интервьюер спросит, чем мерили и что ещё менялось в это время, и придуманный результат рассыплется.