UX/UI дизайн з використанням Angular Material в браузері ПК та мобіл.
12 000 UAH
Є прототип гри, що вже використовує Angular Material, для мережевої компанії яка торгує БАДами. Гра має навчати учасників правильним діям для побудови своїх структур, створена на основі гри CashFlow Р. Кіосакі, з видозміненими правилами та надбудовами мережевих особливостей структурних компаній.
Потрібен дизайнер, що розуміється на Angular Material та використанні компонентів, правил за рекомендаціями (Guide Book`у) його розробників.
Попередньо дизайн має бути для:
1. ПК
2. Мобільного
Наразі ми маємо такий сирий інтерфейс прототипу:
- screen_shots.zip - тут основні скріншоти прототипу гри, що працює в браузері
- user_manual.pdf - тут опис наявного на даний момент функціоналу зі сторони кінцевого користувача (сьогодні/завтра оновлю цей файл, додасться ще кілька елементів, далі зовні нічого не має змінюватися)
Хотілося б щоб:
1. Ви вказали орієнтовний, близький до реальності, на скільки це можливо бюджет, виходячи із скрінів та документації
2. Вказати в коментарі таймрейт (можливо потрібно вносити правки додатково крім зафіксованих в проекті, їх зазвичай простіше всього фіксувати в годинах і оплачувати погодинно)
3. Любі уточнення, питання - буду сприймати як додатковий плюс до вибору ставки, та фіксуватиму у проекті.
4. Студіям не турбувати.
Предметніше деталі проекту (графіку до цього уточнення див. у img_block2.zip архіві)
1. Приклади дизайну НБТ,
- бізнес див. current_design\business.png
- успіх дви. current_design\success.png
2. Аудиторыя проекту 40+, 60+
3. Як попадають на гру:
- через сарафанне радіо
- месенджери
- e-mail переписка
- рефералки
розповсюдженням по структурі див. structures.png
В перспективі:
- Google Play
- App Store
4. Мережевий бізнес - рефералки дуже важливі. Приклад структури див. structures.png
5. Який об'єм аудиторії: зараз є бази структур на 3-5тис учасників, див. приклад невеликої частинки структури structures.png
6. Мотивація: навчитися розвивати краще свої струтури (бізнесу), покращувати здоров'я та фінансове благополуччя
7. Чи можна закрити оранжеву лінію і чи це ок для бізнесу? Напено можна але краще її десь "згорнути", щоб вона за потреби розгорталась.
8. Найголовніші елементи дизайну див. business_priority.png все інше деталі, які не настільки важливі, як виділене.
9. Іконки використовуємо шрифт для Angular Material
https://fonts.google.com/icons?selected=Material%20Symbols%20Outlined%3Aself_improvement%3AFILL%400%3Bwght%40400%3BGRAD%400%3Bopsz%4024
10. Використання бібліотеки накладає обмеження в пропонуванні дизайн рішень - зі своєї сторони ми це розуміємо.
11. Ігрове поле, як ми круг трансформували див. 4_game_field.png зліва - наш варіант, справа варіант off-line настільної гри.
P.S. В архіві img_block2.zip є досить масштабні зображення, тому краще прозумти до 100%, щоб найкраще побачити важливі деталі.
Увага! Дуже багато питань зніме більш уважне ознайомлення із user_manual.pdf всього 10 сторінок в більшості яких зображення.
Роботу із кольором, що дасть нам змогу швидше його імплементувати можна виходити із: "The color system", Angular Material design
https://m2.material.io/design/color/the-color-system.html#color-usage-and-palettes
Графічні референси:
reference_1.png
reference_1_and_comments.png
reference_2_1.png
reference_2_2.png
Ось ці досить вдало відображають очікування. У файлі: reference_1_and_comments.png - є відмітки по компонентам які можна брати стандартними із Angular Material
Іконки ми беремо із шрифту, приклад:
- https://fonts.google.com/icons?selected=Material%20Symbols%20Outlined%3Aschool%3AFILL%400%3Bwght%40400%3BGRAD%400%3Bopsz%4024
- https://fonts.google.com/icons?selected=Material%20Symbols%20Outlined%3Afinance%3AFILL%400%3Bwght%40400%3BGRAD%400%3Bopsz%4024
Ці іконки зустрічаються на скрінах, що відображають ігрове поле гри.
PS. За референси окремо вдячний Rostyslav Tinemark
Оновлені дані по бізнес пріорітетам. Відокремив Пасивний дохід, так як це бізнес гра і однією із цілей є Пасивний дохід та фін. благополуччя. Див. business_priority.png за межами архіву пріорітетніший ніж той, що в архіві.
Гра також використовує діалогові вікна:
- alert
- confirm
- modal
Приклади використання в архіві: dialog_windows.zip
Додатки 9
Результати роботи
Відгук замовника про співпрацю з Vadym Hrynchuk
UX/UI дизайн з використанням Angular Material в браузері ПК та мобіл.У Вадима гарне, якісне системне бачення дизайну. Розуміє взаємозв'язки між елементами дизайну, і відповідно сам слідкує за ними. Генерує ідеї сам, та модерує, з точки зору дизайну, мої ідеї що мені дуже потрібно. Сподобався підхід до внесення правок: отримав правки, відкомунікував коли будуть - і правки є тоді коли домовилися. Був нюанс із комунікацією, де можна було зідзвонитися, обговорити ідеї, зафіксувати тільки те, що треба робити і не виписувати все текстом, і не робити лишнього, натомість потрібно було все виписувати... В цілому роботою дуже задоволений, обов'язково звернуся ще раз, та рекомендую всім співпрацю із Вадимом.
Відгук фрилансера про співпрацю з Сергієм Мельничуком
UX/UI дизайн з використанням Angular Material в браузері ПК та мобіл.Все пройшло чудово. Буду радий подальшій співпраці. Рекомендую.
-
Сергію, я готовий з вами співпрацювати, оріентуючись на ваші побажання та на завдання в цілому, точний час (скільки це буду створювати) назвати важко.
Якщо все що ви написали, а потім додали ще - структуруете, і надасте це единим файлом, я більш точно вже зможу підказати по ціні та терміну.
Дякую.
-
Актуальні фриланс-проєкти в категорії Дизайн інтерфейсів (UI/UX)
Потрібен UI/UX-дизайнер: редизайн каталогу + картки товару (Figma)
Діючий інтернет-магазин дисків і шинOBERT(https://obertshop.com.ua). Потрібенредизайн двох існуючих сторінок: Каталог (перелік товарів)—https://obertshop.com.ua/shop/Картка товару— приклад:https://obertshop.com.ua/shop/dysky/audi/r21-audi/disk-r21-na-avto-audi-obr9006/ Обидві… Дизайн інтерфейсів (UI/UX), Дизайн сайтів ∙ 17 годин 47 хвилин тому ∙ 53 ставки |
2D Game Artist / UI Designer для візуального оновлення вже готової інтерактивної гри.
5000 UAH
Шукаю талановитого 2D Game Artist / UI Designer для візуального оновлення вже готової інтерактивної гри. Логіка та механіка проєкту повністю написані й працюють (фізика зіткнень, інтерактив). Нам потрібно повністю змінити графіку, зробити її сучасною, динамічною та "соковитою"… Дизайн інтерфейсів (UI/UX), Дизайн сайтів ∙ 23 години 12 хвилин тому ∙ 9 ставок |
Дизайн карти музеїв
1000 UAH
Необхідно розробити візуальне оформлення існуючої карти (SVG) з нанесенням точок музеїв та відображенням зв'язків між музеями та запозиченими експонатами. Карта НЕ БУДЕ інтерактивною. Деталі: https://www.loom.com/share/61acd14ddb4643a9a01a093095e91aaf Дизайн інтерфейсів (UI/UX) ∙ 1 день 17 годин тому ∙ 15 ставок |
Розробока UI/UX дизайну багатосторінкового сайту
10 000 UAH
Шукаю UX/UI дизайнера для багатосторінкового сайту Структура сайту вже підготовлена. Потрібно на її основі розробити зрозумілу логіку сторінок, користувацький шлях і сучасний дизайн у Figma. Будь ласка, надсилайте приклади робіт і орієнтовну вартість. Дизайн інтерфейсів (UI/UX) ∙ 2 дні 1 година тому ∙ 81 ставка |
Okta.com
Потрібно створити макет у figma для нового сайту. За основу береться старий сайт (www.okta.ua), категорії товарів, каталог та інший контент залишаються. Потрібно спростити бізнеслогіку замовлення товарів, змінити структуру сторінок набільш зручну. Дизайн інтерфейсів (UI/UX) ∙ 6 днів 1 година тому ∙ 62 ставки |
Київ