Веб-сервис корпоративной телефонии
Веб-сервис для управления звонками, сотрудниками и внутренними процессами отдела продаж.
- Веб сервис
- UX/UI дизайн
- Веб-сервис
- UX/UI дизайн
- Архивный проект
Prinday — онлайн-редактор фотокниг
Браузерный сервис для создания фотокниг без профессиональных графических редакторов — от загрузки фотографий и выбора шаблона до оформления разворотов и отправки альбома в печать.
О проекте
Онлайн-редактор Prinday позволял пользователю самостоятельно собрать фотокнигу прямо в браузере: загрузить фотографии, выбрать структуру альбома, распределить изображения по разворотам, добавить текст и декоративные элементы, а затем отправить готовый макет в печать.
Основная задача проекта — перенести возможности, для которых обычно требуется графический редактор, в понятный пользовательский интерфейс, доступный людям без опыта работы с профессиональными инструментами.
Редактор проектировался сразу для нескольких форматов устройств — десктопов, планшетов и смартфонов. Поэтому одни и те же сценарии нужно было адаптировать под разные размеры экрана и способы взаимодействия.
Что нужно было спроектировать
Сделать редактор понятным без опыта в дизайне
Пользователь не должен знать принципы работы Photoshop или других профессиональных инструментов. Основные действия — загрузка фотографий, выбор макета, добавление текста и декора — нужно было представить через простые и предсказуемые сценарии.
Провести пользователя через весь процесс создания
Создание фотокниги состоит из нескольких последовательных этапов: подготовка фотографий, работа с разворотами, оформление и финальная проверка. Интерфейс должен помогать двигаться между ними, не теряя текущий результат.
Собрать много инструментов в одной рабочей области
Редактор включает работу с фотографиями, макетами страниц, текстом, стикерами и настройками изображений. Нужно было сохранить доступ ко всем этим возможностям, но не превратить рабочую область в интерфейс профессиональной графической программы.
Адаптировать сложный редактор под разные экраны
На небольшом экране нельзя просто уменьшить десктопную версию. Панели, библиотека фотографий и инструменты редактирования должны перестраиваться так, чтобы основные сценарии оставались доступными на планшете и смартфоне.
От фотографий к будущему альбому
Перед началом работы с разворотами пользователь подготавливает исходный материал: выбирает параметры будущей книги, загружает фотографии и организует их перед размещением.
Для импорта предусмотрены разные сценарии, включая загрузку фотографий из внешних источников. После загрузки изображения можно группировать и менять их порядок, чтобы заранее подготовить материал для будущих страниц.
Рабочая область редактора
После подготовки фотографий пользователь переходит непосредственно к сборке книги. Основная рабочая область построена вокруг разворота, а инструменты редактирования вынесены в верхнюю панель и контекстные состояния.
В процессе можно менять структуру страницы, размещать фотографии, добавлять стикеры и текст, работать с отдельными изображениями и переключаться между разворотами. При этом сама книга остаётся центральным объектом интерфейса.
Компоновка разворота
Пользователь может выбирать разные варианты размещения фотографий и быстро менять композицию страницы без ручного построения сетки.
Текст и декоративные элементы
Стикеры и текст добавляются как отдельные инструменты оформления. Они расширяют возможности персонализации, но не требуют изучения сложной панели графического редактора.
Работа с фотографиями
Для выбранного изображения доступны кадрирование, визуальные стили и дополнительные параметры обработки. Инструменты появляются только тогда, когда они нужны для конкретного объекта.
Один редактор на разных устройствах
Редактор проектировался не только для большого рабочего экрана. Основные сценарии адаптировались под планшеты и смартфоны, где доступного пространства значительно меньше, а взаимодействие происходит пальцами.
Вместо механического уменьшения десктопной версии интерфейс перестраивается: рабочая область, библиотеки и панели инструментов занимают доступное пространство по-разному, сохраняя тот же пользовательский сценарий.
Результат
В результате получился полноценный браузерный редактор, который охватывал весь сценарий самостоятельного создания фотокниги — от загрузки исходных фотографий до подготовки готового альбома к печати.
Сервис был запущен и продолжительное время использовался как часть продукта Prinday. Сейчас редактор относится к архивным проектам и больше не представлен в актуальной версии сайта.
Полный цикл в браузере
Пользователь мог собрать фотокнигу и подготовить её к печати без сторонних графических редакторов.
Набор инструментов в одном интерфейсе
Фотографии, макеты страниц, текст, стикеры и обработка изображений объединены в единую рабочую среду.
Работа на разных устройствах
Основные сценарии редактора были адаптированы для десктопов, планшетов и смартфонов.
