Дом Работа Обо мне

Фотогалерея для облачного хранилища

Краткое описание

Компания: Selectel

Роль: разработка интерфейса, дизайн, верстка

Сайт: storage.selectel.ru

  • ✤ HTML5 with CSS3
  • ✤ SCSS with Compass
  • ✤ Retina ready: PNG retina-sprites
  • ✤ Full responsive

Задача: разработать удобный интерфейс просмотра изображений.


Процесс работы

  1. Изучение аналогов
  2. Наброски
  3. Дизайн
  4. Мобильная версия
  5. Верстка

Изучение аналогов

Dropbox photos design Dropbox folder design Dropbox photo design Dropbox mobile gallery design Dropbox photo mobile design iCloud gallery design iCloud mobile gallery design Flickr gallery design

Наброски

Наброски вариантов фотогалереи
Удачное решение для кнопки шаринга

Дизайн

Стильно, модно, молодежно. Одним словом — секси.
Няшные кнопочки. Идеально смотрятся на экранах повышенной четкости и retina. Автор иконок шаринга: прекрасный дизайнер Сергеев Илья.

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

В мобильной версии фотографии отображаются горизонтальными полосами: на экран помещается больше фото, без потери информативности и качества.

Такой дизайн позволяет легко перестраивать уже имеющуюся верстку для экранов мониторов и ноутбуков.

Мобильная версия фотогалереи.

Верстка

Адаптивная верстка панели позволяет использовать её на любых экранах: от мобильных устройств до телевизоров и проекторов.

Вся графика в элементах управления оптимизирована под экраны сверхвысокого разрешения (Retina). Используется утилита Retina-Sprites-for-Compass.

Среди особенностей галереи: возможность полного редизайна. Фотогалерея доступна пользователям услуги Облачное хранилище Селектел. Код галереи опубликован на гитхабе: https://github.com/selectel/photo-gallery.

Приятного использования!

Кстати, если расскажете о моем портфолио в соц.сетях, то поможете мне найти работу, а я помогу кому-нибудь сделать их проект удобнее.


Если вам понравилось, вы так же можете посмотреть другие мои работы. Например, сайт и панель управления дата-центра Технодом.

comments powered by Disqus