О проекте

arturbondarev.me — персональный сайт руководителя студии разработки цифровых продуктов. Сайт рассказывает историю человека, который стоит за компанией, ведёт его блог и переводит заинтересованных посетителей на корпоративный сайт. Мы проектировали дизайн трёх ключевых страниц: главной, статьи и ленты блога.

Задача

Корпоративный сайт отвечает на вопрос «что умеет компания», а личный сайт основателя — на вопрос «кто эти люди и почему им можно доверять». Нам нужно было сделать площадку, которая говорит от первого лица, выглядит сдержанно и серьёзно и при этом не уводит посетителя в сторону: из личной истории должен быть понятный путь к услугам компании.

Первый экран

Главная построена на контрасте: тёмный фон, крупный чёрно-белый портрет справа и заголовок «Создаём современное будущее» слева. Под заголовком — короткая история основателя в цифрах: код с 14 лет, первый коммерческий проект в 17, своя команда в 18 и стабильность к 21 — и позиция: не «поток заказов», а проекты, в которые можно зайти надолго. Единственная акцентная кнопка — «Перейти на корпоративный сайт» — выделена золотым цветом. На фоне едва заметно повторяется слово ALFA, связывая личный сайт с фирменным стилем компании.

Навигация намеренно короткая: «Я и ещё раз я», «Блог» и «О компании» — три вопроса, с которыми приходит посетитель.

Блог

Страница статьи рассчитана на длинное чтение: категория и время чтения над заголовком, выделенный лид, основной текст, разбитый на пронумерованные главы, и иллюстрации на всю ширину колонки. Первая статья — та самая история «От глубинки до стабильности к 21»: как рос интерес к программированию, откуда взялись первые проекты и команда и как через ошибки пришли процессы и дизайн-система. Справа — колонка «Другие новости» с карточками статей, чтобы читатель переходил к следующему материалу, не возвращаясь в ленту.

Лента блога — сетка карточек с обложкой, категорией, временем чтения и заголовком. Над ней — поиск и фильтры по годам и категориям, чтобы по мере роста блога в нём было легко ориентироваться. В макете карточки пока заполнены заглушками — структура рассчитана на наполнение реальными статьями.

Результат

Мы спроектировали персональный сайт в тёмной, сдержанной стилистике, который знакомит посетителя с основателем через его историю и тексты, даёт ему площадку для блога с поиском и фильтрами и ведёт заинтересованных людей на корпоративный сайт компании.