Category Archives: UI/UX

Digiproduct – сайт для компании, которая занимается веб-разработкой

PROJECT URL / ССЫЛКА НА ПРОЕКТ: https://digiproduct.co.il/

Сайт выполнен с использованием Three.js (3D для веб – крутящиеся шарики логотипа на Hero заставке), анимация логотипа – Adobe Animate. Эффекты на скролл – Greensock.js.

Design / Дизайн: Виктория Шидловская
Front-end / Фронт-енд: Виктория Шидловская
WP Theme Development / Базовое создание темы на Вордпрес: Виктория Шидловская

 

Continue reading

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

Вариант I

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

amobile1

amobile2

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

amobile3

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

amobile4

Вариант II
Continue reading