Задача

Спроектировать дизайн сайта-портфолио фронтенд-разработчика

Что сделано

Разработана система представления проектов и навигации по странице.

Проанализирована личность владельца портфолио и создан визуал, характеризующий его как человека: сильный, смелый, хулиганский, громкий, уверенный.

Продумана микроанимация: проигрывание скринкастов проекта при наведении на карточку.

Главный экран

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

Сгруппировала проекты по языкам написания и разместила их в меню в качестве якорных ссылок: так язык программирования, которым владеет разработчик, всегда находится перед глазами пользователя в закрепленной шапке.

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

Карточка проекта

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

СТРАНИЦА ЦЕЛИКОМ