Интерфейсы веб-приложений и сайтов

В этом разделе выложены разработанные мною дизайны сайтов и интерфейсы.

* Отметкой «NB!» я помечаю, на мой взгляд, наиболее интересные интерфейсы.

Профессиональным созданием сайтов я начал заниматься в рамках веб-студии NetPage (2007-2009 годы). Ниже список работ, которые я вёл в студии (был менеджером проекта) и разрабатывал для них прототипы интерфейсов (декоративными работами в основном занимались другие люди):

  • 2007 г. Сайт мебельной компании. Я вёл проект и занимался проектированием интерфейса. Сейчас сайт немного поменялся – bogorodskmebel.com. Оригинал выглядел следующим образом: bogorodsk_main.jpg
  • 2008 г. Сайт GPS Вокруг света. Сейчас работает новая версия – gps.vokrugsveta.ru (за это время сменился фирменный стиль Вокруг Света). Я занимался проектированием интерфейсов.
  • 2009 г. Административная панель сайта фотографа А. Сорина. Я вёл проект и занимался проектированием интерфейса административной панели.
  • 2009 г. Сайт строительной компании Ресурсы-прим. Я вёл проект и занимался проектированием интерфейса. Дизайн административной панели полностью мой.
  • 2009 г. (NB!) Сайт портфолио научных работ в области изучения старения (Aging Portfolio). Первая версия сайта разработана нами. Сейчаc сайт (agingportfolio.org) имеет другой дизайн. Я вёл проект и занимался интерфейсами первой версии.
  • 2009 г. Сайт репетиционной базы Киловатты. Интерфейс бронирования комнат: kilowatt_bron.png
  • 2009 г. (NB!) Небольшое веб-приложение для расчета конечной стоимости выполнения проекта в веб-студии «Бюджетер». Рабочий прототип – sky2high.net/etc/projects/budgeter

В 2010 году я начал работать и учиться в аспирантуре в лаборатории в Институте Проблем Управления. На этой должности помимо научных исследований, я занимался разработкой веб-приложений. Ниже список проектов, которые я разрабатывал (ведение проекта, проектирование интерфейса, программирование):

  • 2010-2013 гг. (NB!) Сурдосервер surdoserver.ru. Сторонние приложения Сурдосервера (Ребус, Тестирование знаний, Письменный жестовый язык и др.) разрабатывал не я.
    • Административная панель Сурдосервера на базе собственной CMS: surdo_cms_manage_words.png.
  • 2010 г. (NB!) Сайт лаборатории asmon.ru
  • 2011 г. (NB!) Звуковой тренажёр asmon.ru/ru/node/14speech_trainer.png (рабочую версию в данный момент не могу представить)
  • 2011 г. Расчет физической тренированности rft.asmon.ru Рекламная страница и само приложение.
  • 2011-2012 г. Мобильное приложение для Android «Мобильный Сурдосервер»: play.google.com/store/apps/details?id=air.ru.surdoserver.mobile
  • 2012 г. Карта пунктов приёма вторсырья. goo.gl/7bNrRK (запись в блоге). Сайт проекта: eco.asmon.ru.
  • 2012-2013 г. (NB!) Веб-приложение «Интеллектуальная обучающая система «Волга». Консультировал по технической части и помогал с разработкой front-end. В частности горжусь анимацией засчитывания правильного ответа: itask.sky2high.net

Далее ссылки на личные (сторонние) проекты, на проекты, которые не были реализованы, либо остались в состоянии прототипа:

  • 2010 г. (NB!) Интерфейс настольного приложения для совместного работы с файлами в рамках организации – «Документатор 1». Запись в моём блоге – goo.gl/teq6KQ (статья в блоге).
  • 2011 г. (NB!) Интерфейс веб-сервиса публикации научных статей «Документатор 2»:documentator_v2.png.
  • 2010 г. (NB!) Удобная кнопка удаления как плагин для jQuery: goo.gl/NHB8rk (статья в блоге).
  • 2012 г. (NB!) Сайт компании, занимающейся продажей световой техники «Анатомия Света». Запись в блоге: goo.gl/QjMQ4X. Сайт: an-light.ru.
  • 2013 г. (NB!) Веб-приложение мониторинга состония веб-сервисов, а также выбора оптимальных по предпочтениям реализаций веб-сервисов. Этот проект – практическая реализация некоторых научных положений моей диссератации. В данный момент проект дорабатывается. ws-decisioner.appspot.com/ . Презентация диссертации (по итогам предзащиты я в настоящий момент её перерабываю), где в т.ч. есть слайды о проекте (слайды 47-53): презентация.

Прочее:

  • Небольшой анализ нововведений в интерфейсе Android 2.3: goo.gl/bEFGPM (запись в блоге).