ПОРТФОЛИО

Создание CodeRange main

Раздел «main» — в прошлом был лицевой страницей нашего сайта, но ввиду пересмотра маркетинговой деятельности — мы ввели более эффективный Landing Page.
Однако раздел остается в строю и имеет ряд уникальных и эффектных визуальных эффектов, а так же — довольно нестандартный вид в целом, о чем неоднократно положительно отзывались многие наши посетители.
наглядно раздел можно увидеть по адресу coderange.ru/main

Для начала отметим, что это в первую очередь была попытка — использовать весь потенциал css и html последних версий (3 и 5 соответственно).
При этом отчасти использовался JS.

Главная страница:

главная страница coderange main

Вкладки меню — выдвижные, с возможной функцией скролла; так же вся страница имеет пред-загрузку, для полноценного отображения сайта сразу.
Выдвижение вкладок и элементы вертикального и горизонтального меню имеют звуковое сопровождение. Звуковой фон сайта отключается через пиктограмму граммофона или вкладку настроек.
Вся «рама» с вкладками и общей панелью — имеет эффект медленного сияния.
Фоновая анимация — это наложения 2х эффектов:
1) случайно плавающих пикселей.
2) области из точек и линий, сопровождающих мышь.
Все вместе — может создавать сильную нагрузку на слабые компьютеры, так что мы предусмотрели отключение каждой из функций через специальную вкладку настроек. Все настройки будут сохранены при следующем входе на сайт. В целом весь дизайн вместе с содержимым — «резиновый» и подстраивается под размер экрана автоматически.

Мобильная версия главной страницы. Это не адаптивный вариант, а именно отдельная страница; скрипт определяет мобильное устройство, исключая планшеты и компьютеры с очень узким разрешением и автоматом перенаправляет на целевую страницу.

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

Пример выдвижной вкладки на главной странице:

выдвижение вкладки

Единственными 2-я вкладками без визуального выдвижения, были: портфолио (на одной из страниц которого вы сейчас находитесь) и страница с перечнем услуг на разработку сайтов.

раздел прайса

Страница исполнена в еще более футуристичном виде и так же сопровождается аудио-эффектами при наведении на меню, а так же якорном скролле к пункту и «вверх».
Элементы так называемых «экранов» с информацией в обоих вариациях (мобильной и широкоформатной) — это авторская работа нашего cg художника.
Посетить сам раздел, на данный момент можно по адресу coderange.ru/sozdat-sajt

Мобильный вид данного раздела:

раскладка для смартфонов

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

Комментирование на данный момент запрещено, но Вы можете оставить ссылку на Ваш сайт.

Комментарии закрыты.

Sitemap