Tag Archives: Виктория Шидловская

Создание сайта для строительной фирмы Tenhands.ru

Сайт предназначен для фирмы, которая занимается элитным ремонтом в Москве и Подмосковье.

Адаптивная верстка, кроссбраузерный, кроссплатформенный сайт.

На сайте используется три шаблона.

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

Левое дополнительное меню с помощью ява-скриптов разворачивает те подпункты, которые относятся к активному в данный момент разделу.

На главной странице – jQuery-CSS3-анимация (при наведение на кубики с ремонтами, они увеличиваются и меняют прозрачность).

Был разработан также логотип и визитки, то есть полный бренд-пакет, айдентика.

Чтобы заказать сайт или редизайн – напишите на riparto@gmail.com.


tenhands

tenhands2

tenhands3

tenhands4


tenhands5

tenhands6

Сайт для фирмы AKU – итальянская обувь ручной работы

aku2

aku

aku3

aku4

aku5

aku6

Смотреть веб-сайт

Автор идеи, дизайн сайта – Виктория Шидловская

Технологии: HTML5, CSS3, jQuery, кроссплатформенный, кроссбраузерный сайт, респонсив-дизайн (под любую ширину экрана любого устройства – десктопа, ноутбука, планшета или телефона)

– Выдающаяся верстка HTML с помощью jQuery – содержимое всех страниц реорганизуется при изменении ширины экрана (попробуйте сами изменить окно браузера), при этом ни одна страница никогда не имеет “полей”, то есть весь сайт сверстан на 100% ширины и высоты (!) окна просмотра;

– Сложный слайдер, который подгоняет размеры ботинок и надписей под размер монитора;

– На странице “История бренда” фоновое видео с отдельно разработанной панелью его управления;

– На странице “Технологии” реализован плавный скролл по пунктам меню;

– В галерее фотографий используется плагин Wookmark, который явялется основой сайта Pinterest;

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

 

Жидкая соль Salines de Formentera – лендинг-сайт

заказать сайт одностраничник

заказать посадочную страницу

заказать лендинг-сайт

заказать посадочную страницу

Смотреть веб-сайт

Автор идеи, дизайн лендинг-сайта – Виктория Шидловская

Технологии: HTML5, CSS3, jQuery, кроссплатформенный, кроссбраузерный сайт, респонсив-дизайн (под любую ширину экрана любого устройства – десктопа, ноутбука, планшета или телефона)

 

UI/UX дизайн интерфейса мобильного приложения сотового оператора А-Мобайл

Вариант I

На главном экране основные разделы в виде иконок, расположенные по кругу (Рис. 1) или по периметру (Рис. 2).
Кнопка SOS, как наиболее важная в плане использования, больше по размерам, чем остальные иконки, и удобно расположена под срочное нажатие.
Справа – экран, который выезжает с правой стороны при нажатии на кнопку SOS. Варианты срочных вызовов прокручиваются вверх-вниз.

amobile1

amobile2

При активном разделе SOS, так же как и при любом другом активном разделе, быстрый доступ к главному меню осуществляется с помощью нажатия кнопки “Меню” (три полоски в правом верхнем углу приложения). Главное меню выезжает также с правой стороны. При повторном нажатии на кнопку “Меню” панель с пунктами меню съезжает обратно вправо за пределы видимости экрана.

amobile3

Вариант открытого раздела “Контактная информация”. Кнопки-иконки вызова предполагают кроссплатформенную адаптивную верстку, то есть занимают максимально комфортное для юзабилити пространство – на весь экран. Справа на макете – вариант выехавшего главного меню, аналогично предыдущему макету. Разница в цветовой гамме и в том, что икноки не подписаны названиями разделов, чтобы занимать меньше места.

amobile4

Вариант II
Continue reading

Landing page MoreActiva

Представляем вашему вниманию посадочную страницу MoreActiva.ru для альпинистов, проводящих экстремальные и не очень экскурсии по Кавказскому хребту. Присоединяйтесь!

moreactiva

moreactiva2

moreactiva3

moreactiva4

Смотреть сайт

Автор идеи, дизайн лендинг-сайта – Виктория Шидловская