My photo
My photo

РАДЬКО ПЕТР CMTV

Возраст 21
Откуда Россия
Сфера интересов: программирование (web, android, unity), создание и развитие сетевых сообществ. Мое кредо — реальные проекты и самообразование. В этом мне помогает свободное владение английским. Люблю делиться тем, что узнал. Излагаю материал просто и наглядно в своих онлайн-учебниках. Мои проекты (на сейчас 38) описаны ниже.

Иконка

Eco Effect

Февраль 2017

Полностью самописный сайт для онлайн-конкурса по фотографиям на тему экологии. Интеграция с ВКонтакте (рейтинг строится на количестве лайков), отдельный дизайн для мобильной версии, ежедневные победители, интеграция с серверами Amazon (там хранились фотографии), а также возможность указать на карте место съемки (интеграция с Google Maps). Работа велась ~4 месяца. Конкурс так и не был проведен, но это один из самых сложных и красивых моих проектов.

Логотип

Работа началась с создания логотипа для студенческой группы по экологии.

Сестре (создатель группы и конкурса) понравилось, но потребовались некоторые правки. Листок пришлось уменьшить и развернуть, чтобы не создавалось ощущения надетых на голову наушников. Также был добавлен желтый радиальный градиент в правом верхнем углу (солнце).

Для фото-конкурса требовался отдельный логотип. Вместо фразы «ЭКО Мыслящие» был размещен фотоаппарат (иконка Font Awesome).

Суть конкурса

В конкурсе две номинации: лучшее фотография экологического места и лучшая фотография грязного места. Пользователи должны входить на сайт через ВКонтакте и загружать фото. Максимум две фотографии (по одной в каждой номинации).

Другие пользователи могут ставить лайки и делиться фотографиями участников. Каждый день выбирается победители в обеих номинациях. Конкурс длится 10 дней.

Ранний дизайн

Для конкурса требовался отдельный сайт. От старой версии сохранился лишь один скриншот:

Вскоре было принято решение полностью переписать сайт. Причины:

  • Элементы сайта «висят» в воздухе. Нет четкой разметки
  • Нарастающая сложность проекта. Изначальный код сайта был написан слишком небрежно

Финальный дизайн

Через пару месяцев сложной ежедневной работы сайт был завершен.

Глобус на заднем плане крутился. Полный оборот совершался за одну минуту.

Есть возможность искать участников по имени, ID Вконтакте или адресу страницы. Можно сортировать фотографии участников по новизне или месту в рейтинге. Есть возможность показать фотографии друзей.

После загрузки фотографии можно указать на карте место съемки (интеграция с Google Maps), а также указать заголовок и описание.

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

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

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