Нужно:
- отрисовать иконки для приложения
- отрисовать картинки для google play и apple store
- сделать видео (30 секунд) в flat стиле для google play и apple store
по каждому пункту полное описание смотри в спойлерах в самом низу
Я пишу приложение beresta.app, своими силами я отрисовал каждую иконку, в целом получилось неплохо, но нету какой-то единой концепции.
А некоторые из них получились совсем убогими (что меня и подтолкнуло в конечном итоге к аутсорсу).
По сути тут все что нужно сделать, это заного перерисовать все иконки вашими профессиональными рукими, чтобы была какая-то единая концепция всех иконок прослежиловался единый стиль.
- Тонкие линии (сейчас они 2px можно примерно также или возможно посмотреть вариант с 1px)
- Обязательно svg формат для иконок на сайт (анимированные тоже)
- Цвет везде только белый (#ffffff) кроме отдельных картинок, которые лежат в папке
colored - размеры каждой из картинок должны остаться такими же
Нужно перерисовать иконки в svg формате (всего 43 примерно, но некоторые похожие), некоторые из них анимированые (около 20 штук).
Также нужно сделать анимированное видео в flat стиле, для страничек goole play и apple store
Нужно перерисовать все картинки, которые находятся в папке assets, google play, app store (другие папки не трогаем, они нужны только для справки и понимания общего контекста задания)
Не обязательно полностью менять все картинки, например там где крестик, так и оставляем крестик, просто делаем его более красивым подгоняем под единый стиль. Но в некоторых местах возможно нужно полностью заменить иконку на что-то новое. Зависит от видение автора.
Сначала кандидат отрисовывает 4 картинки:
- assets/colored/stickers/flashCamera.svg
- assets/tutorial/tutorial-ru-1.svg
- assets/icons/qr.svg
- assets/icons/phone.svg
Если понравится, то отрисовываем все остальные картинки, выплачиваю полностью сумму. Если НЕ понравится, то выплачивается символическая сумма за выполненную работу и я ищу другого кандидата.
отрисовать иконки для приложения
В папке assets лежат все иконки для приложения.
Внутри этой папки есть еще три папки assets/icons, assets/tutorial, assets/colored (которая делиться на assets/colored/flags и assets/colored/stickers).
Ниже подробно опишу каждую папку и какие требования к ним.
То что находиться в папке assets/icons это иконки, которые чаще всего используются в кнопках (не анимированные, кроме loading.svg).
Скрины где они используются есть в папке explanation/desktop (1.png-4.png) и explanation/phone (1.png-5.png). Можно также самому зайти на сайт beresta.app и просмотреть.
Все эти иконки должны быть только белого цвета, кроме загрузки не анимрованные.
Ну здесь все очень просто. Это разноцветные иконки флагов двух стран: америка и россия. В принципе сейчас меня полностью устраивает как они выглядят, только не нравится их размер. Американский флаг какой-то квадратный, а российский прямоугольный. Нужно сделать их по размерам как российский сейчас.
Вот здесь проявляется основной талант художника. Здесь 4 картинки. Примеры использования также есть explanation/phone (6.png-9.png). Они все должны быть анимированные зацикленные, цветные, красочные, но также чтобы не сливались с коричневым фоном (#473C33). Хочется что-то типо стикеров в телеграме.
Стиль flat примерно такой как на картинке выше.
По каждой картинке отдельно напишу что хотелось бы видеть.
Здесь должна быть камера, типо снимок, которая фотогрофирует и из неё вылетает свет.
Здесь должна быть человек, в одежде, который поднимается по лесинкам вид с боку как в 2d игре. Нужно проприсовать руки с пальцами и лицо, нормальное. Не так как сейчас просто палки.
Здесь тот же человек поднимает свой телефон, желательно закос под google pixel и делает снимок. Также как и сейчас оставить, только прорисовать все детальнее: одежду, лицо, руки, норм телефон, и т. д.
Здесь нужно вообще полностью поменять картинку на конфети, как в стикере телеграм. Сейчас эти убогие звездочки, это самое худшее что я нарисовал. Нужно просто сделать стикер из телеграма, только в своем стиле. Пример выше.
Ну и последняя папка это assets/tutorial. Это картинки которые используются для обучалки. Здесь всего 4 картинки в 4 вариантах. Для русского и английского. Для десктопной версии и для мобильного. Все должно выглядеть по анимации также как и сейчас, единственное иконки нужно заменить на те, котрые будут новые прерисованные. Все текста и весь контент остаётся таким же. Используем только белый цвет на коричневом фоне (#473C33).
По сути это анимации 4 шагов которые нужно сделать: создать заметку, отметить как выполнено, отметить как отменено, перетащить заметку.
И ЕЩЕ ОДИН ВАЖНЫЙ МОМЕНТ: данные картинки нужно обернуть в рамку телефона(закос под google pixel 7 pro) и в рамку десктопного монитора.
И ЕЩЕ ОДИН ВАЖНЫЙ МОМЕНТ: курсор мыши нужно перерисовать на более аккуратный, сейчас это как-то не оч выглядит.
И ЕЩЕ ОДИН ВАЖНЫЙ МОМЕНТ: Палец, который используется в мобильном варианте - не годиться. Нужно сделать полностью руку которая обхватывает телефон. слева видны 4 пальца и большой палец справа, который водит по экрану. Типо как на картинке выше.
отрисовать картинки для google play и apple store
В папке play market лежат картинки, которые используются в google play и app store соответственно.
Нужно перерисовать все картинки. Сам контекст (текст и изображения внутри) должны остаться такими же.
ВАЖНЫЙ МОМЕНТ Все картинки должны быть в svg (для того чтобы в дальнейшем можно было редактировать) формате и также еще и png формате
ВАЖНЫЙ МОМЕНТ та рука, которая сейчас на фото не годиться. Нужно сделать нормальную руку (смотри картинку выше). Четыре пальца слева и большой палец выполняет действия. Вообщем все по расположению должно остаться также, но другая рука и нормальное качество иконок и телефона.
Фон для картинок должен быть коричневый (#473C33) иметь какой-то узор тускло-белыми линиями, что-то вроде напоминающий кору берёзы. Типо как сейчас на feature-graphic.png. Но также картинки должны переплетаться, то есть одна является продолжением другой. Примеры в: explanation/examples (4.png - 6.png) , но там в некоторых примерах телеофон залазит на два экрана, нужно сделать как сейчас, на каждом экране один телефон в руках, только задний фон переплетается.
screen-phone-*.png должно быть 4 варианта:
- с русским контентом на google pixel 7 pro телефоне
- с русским контентом на iphone 14 pro телефоне
- с английским контентом на google pixel 7 pro телефоне
- с английским контентом на iphone 14 pro телефоне
- png
- до 15 мб
- 1024x500 px
- png
- до 8 мб
- 2160x3840 px
Но не забываем также, что эти картинки должны быть в svg формате, тут чётких требований нет (они нужны чтобы можно было в будущем легко редактировать и выпускать в png формате), но надо чтобы из них потом можно было сделать качественные фото в png формате под требования выше.
сделать видео (30 секунд) в flat стиле для google play и apple store
смотри пример как видео должно выглядеть
Данное видео должно быть в flat стиле, которое за 30 сек. рассказывает о приложении все. Основные фишки: мы записываем задание/заметку, что хотим сделать. Можем отметить как выполненное. Также мы можем делать флешбеки в яркие моменты жизни. И менять текущий этап жизни на новый этап, когда происходит что-то важное. И все это будет отображаться в нашей истории. Дальше по шагам подробно опишу как будет выглядеть видео.
Видео нужно также скинуть в каком-то формате, чтобы потом в программе можно было редактировать его менять буквы и т.д.
Видео нужно сделать на английском и русском языках.
И где-то буквами подписывается: создавайте и выполняйте задания
Идет человечек с бельём в руках, подходит к стиральной машине кидает туда бельё. Достаёт телефон, приближается камера к дисплею телефона, и там три задания: постирать бельё, сходить в театр в 19:00, поиграть на пианино (как пример). Он отмечает постирать бельё как выполненное, то есть вычеркивает его.
И где-то буквами подписывается: создавайте флешбеки в яркие моменты жизни
Человек сидит в театре. Достаёт телефон фотографирует сцену создаёт флешбек.
И где-то буквами подписывается: когда произошло что-то важное, например покупка первой машины или переезд в новый дом - меняйте этап жизни.
Человек стоит вид сбоку к нему справа прикатывается авто, из неё вылетает значёк доллара, типо он её купил. Он наводит телефон на нёё и фотает авто, типо прешёл на новый этап жизни. Слева выкатывается дом, он поворачивается на лефо наводит телефон и фотает его. И буквами
И где-то буквами подписывается: И ваша история жизни наполниться Сидит человек перед камином, пьет чай и читает в телефоне исторю своей жизни.
И где-то буквами подписывается: все ваши заметки синхронизируются со всеми устройствами и работают на любой платформе Выкатывается компьютер, телефон и планшет, они связываются пунктирными линиями