Для онбординга мобильного приложения требуется нарисовать иллюстрации и анимировать их. Онбординг будет представляет из себя тур по наиболее интересным разделам/фичам приложения.
Также необходимо нарисовать несколько простых иллюстраций, без анимации, для плейсхолдеров.
Кому
Клиент – неприбыльная организация христианской направленности. Конечные пользователи – ее прихожане. Цель приложения состоит в коммуникации между клиентом и пользователями и в распространении контента организации клиента.
Как
Стиль
Стиль 1
Стиль 2
Иллюстрация должна быть из строков, для простоты анимирования в svg.
Палитра должна состоять из двух любых цветов, основного и‘акцента’(оба переменные) и белого. Также можно использовать пару градаций прозрачности из них как доп цвета для заливок.
Характер
Характер
Характер иллюстрации хорошо показан на этом примере. Мы не хотим вдаваться в техническую визуализацию интерфейса, а лишь показать суть фичи, раздела или плейсхолдера…
Анимация
Анимация
Отличный пример анимации, которая включает в себя также фазу перехода от одного изображения к следующему. Также видно как после dash-анимации линий проявляются области заливок.
Отличные тайминги на фазах и ненавязчивые функции плавности.
Использовать как основной референес анимации.
Чем
SVG / JavaScript
Должен быть отрисован SVG, после чего его свойства анимируются средствами JS(без доп библиотек и AE). Файл JS должен быть читабелен так как анимация будет транслирована на Obj-C, также как и использоваться в вебе. Кроме того, цвета в иллюстрациях должны будут меняться удалено , поэтому оптимальным считаю предложенный выше стек.
Размер должен вписаться в область отмеченную на мокапе
Разделы
1. Videos/Teachings/Sermons
Раздел с видео, где пользователь могут обучаться, смотреть слушать контент.
Текст под иллюстрацией: Watch the latest messages and documentaries from Lifestyle Christianity!
2. Live streaming
Раздел живых трансляций, где пользователи могут смотреть трансляции организации
Текст под иллюстрацией: Watch live events and hear messages in real time! Stay included and in touch with the ministry!
3. Step Outs
Раздел где пользователи бросают вызовы друг другу.
Текст под иллюстрацией: Be inspired to share Jesus everywhere you go through Step Outs from Todd and others.
4. Outreaches
Своего рода события, где люди собираются в разных точках города чтобы помочь другим людям, делать социальные проекты. Скорее всего условная карта с отметками на карте и иконками пользователей которые собираются там.
Текст под иллюстрацией: Link up with outreach opportunities in your local area to share the love of Christ-- or create your own!
5. Newsfeed
раздел брифинг, сводка всего нового контента в приложении. Мы обсудим дополнительно и покажем скриншоты раздела.
Текст под иллюстрацией: Check out recent videos, podcasts, testimonies, outreach times, ministry news, and more!
6. Testimonies
раздел где пользователи могут записывать аудио и видео свидетельства, отзывы и тд. Обычно это мотивирующие видео, аудио, тексты.
Текст под иллюстрацией: Read powerful testimonies from others and share inspiring testimonies of your own.
Кратко
Что
Кому
Как
Стиль
Характер
Анимация
Чем
Разделы
1. Videos/Teachings/Sermons
2. Live streaming
3. Step Outs
4. Outreaches
5. Newsfeed
6. Testimonies
Плейсхолдеры