ЛИЧНЫй кабинет
8 (800) 775-36-73
www@abcwww.ru
  • Москва
  • Рязань
ул. Большая Новодмитровская, 14
8 (800) 775-36-73

Спецпроект для министерства туризма Латвии

Разработка Эмодзи-клавиатуры и внедрение сториз Instagram
0
страницы дизайна
0
эмодзи
0
фото и видео
0
визитов сайта
Хочу такой же
клиент

В 2019 году стартовал проект «ОСНОВАНО НА РЕАЛЬНЫХ СТОРИЗ» в России, чтобы показать Латвию такой, какой ее видят русские путешественники. 

Клиент обратился к нам со следующей задумкой: пользователь заходит на сайт, видит клавиатуру со смайликами, выбирает понравившийся Эмодзи и ему тут же показывается видеоролики и фотографии в формате, похожем на Stories Instagram. В ходе работы мы написали подробное ТЗ и разработали прототипы системы и определили следующие задачи:

https://basedontruestories.ru
Задача
  • Выбор библиотеки Эмодзи и импорт в движок
  • Разработка клавиатуры со смайликами
  • Разработка интерфейса для загрузки сториз, похожий на Instagram
  • Разработка интерфейса для загрузки и сортировки фото/видео контента
  • Разработка системы фильтров по клавиатуре смайликов

Выбор пака с Эмодзи

Для реализации поставленной перед нами задачи было решено делать Эмодзи-клавиатуру с нуля, так как подходящих готовых решений на тот момент не было. Для начала был проведен поиск подборок с Эмодзи в векторе. Как оказалось бесплатных наборов в сети не было, выбор пал на платное решение от joypixels.com c набором более 2000 векторных иконок

Разработка Эмодзи-клавиатуры

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

Фотогалерея

Разработали фотогалерею, максимально напоминающую Instagram. В компьютерной версии выводится 3 фотографии в ряд, в мобильной по 1 в ряд, все миниатюры квадратных размеров. При клике есть возможность посмотреть увеличенные изображения через современную js-библиотеку последней версии

Видеогалерея

Также реализован раздел видео с собственным html-5 плеером. Весь видеоматериал заливался на сервер в хорошем качестве. Есть возможность полноэкранного просмотра на компьютере и мобильной версии. Сам плеер максимально напоминает инстаграм. Есть возможность сортировки видео по 3-ём значениям: еда, мотоциклы, яхты

Админка сайта - загрузка контента

С помощью разработанного модуля на MODx Revolution заказчик загрузил фотографии и видеоролики, а также проставил им необходимую сортировку

Админка сайта - выбор Эмодзи

Загрузили в админку сайта полную базу Эмодзи и воспользовались удобным файлменеджером, который уже был встроен в MODx Revolution

Разработан адаптивный дизайн всех страниц
Дизайн страниц
Спецпроект для министерства туризма Латвии
https://basedontruestories.ru Хочу такой же
Другие Сложные проекты
Яндекс.Метрика