L. K. Design

Задача

Создать интерактивный, лаконичный и удобный сайт-визитку для web-дизайнера. Использовать трендовые, а главное — уместные визуальные решения.

Это сайт для презентации навыков дизайнера, поэтому задача главного экрана — вызывать WOW-эффект. Остальные экраны и разделы сайта должны усиливать это чуство.

Visual
Анимация
Простота

Решение

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

Visual

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

Плавно включающаяся музыка на фоне усиливает WOW-эффект. Для удобства пользователя добавили кнопку, которая отключает фоновое воспроизведение музыки.

Анимация

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

Также анимировали меню и все кнопки при наведении курсора.

Простота

Прежде всего, WEB-дизайнер это человек, который обязан иметь чувство вкуса. Мы решили показать это наглядно, поэтому использовали минималистичный стиль.

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

Кнопка «Меню» расположена слева: с этой же стороны появляется меню при нажатии на кнопку. Внутри — аккуратная сетка и четыре анимированных блока.

На странице «Обо мне» сделали акцент на тексте с помощью анимаций. Рассказали о специализации, навыках, порядке работы с клиентами, а также инструментарии Леонида.

Результат

Десктоп

Мобильная версия

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.