Главная / Прототипы /

Строительная компания SV LIFE

2021 | КОРП. САЙТ

Интерактивный прототип сайта с каталогом проектов и пафосным повествованием

5

Страниц, реализованых в прототипе

1920px

Ширина экрана для PC, под которую сделан прототип

2

Недели на создание прототипа

Главная / Прототипы /

Строительная компания SV LIFE

2021 | КОРП. САЙТ

Интерактивный прототип сайта с каталогом проектов и пафосным повествованием

5

Страниц, реализованных в прототипе

1920px

Ширина экрана для PC, под которую сделан прототип

2

Недели на создание прототипа

Открыть прототип

В этом прототипе мы сделали упор на главную страницу, в которой сразу на первом экране постарались захватить и удержать внимание пользователя на фоновом видео (привет, GIF!) и анимимированном слогане.

Буковки постепенно сменяются, название в итоге складывается во что-то читаемое, появляется подстрочник. В общем и целом так, как в итоге это будет выглядеть на сайте.

Стартовый экран: фоновое видео рендера дома и сменяющиеся заголовки

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

Что ещё: применяли все наработки с главной страницы на всех внутренних, чтобы сохранялась стилистика.

Работа быстрого фильтра и сменяющиеся блоки на странице

Прототип получился насыщенным картинками, что не свойственно обычным прототипам, которые раньше мы делали с пустыми квадратиками и прямоугольниками.

Взяли на заметку и впредь будем так делать. Так ведь намного наглядней, да?

В этом прототипе мы сделали упор на главную страницу, в которой сразу на первом экране постарались захватить и удержать внимание пользователя на фоновом видео (привет, GIF!) и анимимированном слогане.

Буковки постепенно сменяются, название в итоге складывается во что-то читаемое, появляется подстрочник. В общем и целом так, как в итоге это будет выглядеть на сайте.

Стартовый экран: фоновое видео рендера дома и сменяющиеся заголовки

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

Что ещё: применяли все наработки с главной страницы на всех внутренних, чтобы сохранялась стилистика.

Работа быстрого фильтра и сменяющиеся блоки на странице

Прототип получился насыщенным картинками, что не свойственно обычным прототипам, которые раньше мы делали с пустыми квадратиками и прямоугольниками.

Взяли на заметку и впредь будем так делать. Так ведь намного наглядней, да1?

А ещё — 24 сентября 2021 года сайт SV-Life был удостоен приза Honors проекта Awwwards.

Это очень престижный международный конкурс профессиональных веб-дизайнеров и разработчиков.