Опишіть проект, для якого потрібно розробити дизайн інтерфейсу:
сайт друк-по-запиту від 1 екз
Найближчі конкуренти:
https://printto.ua
https://www.ice-print.com.ua/calc_books.php
Основні конкурентні переваги:
друк книг з твердою обкладинкою
Цільова аудиторія проекту – хто і для яких цілей буде його використовувати:
люди, які користуються паперовими книгами
Основні функції інтерфейсу:
попередній розрахунок вартості друку книги
Короткий сценарій взаємодії інтерфейсу з користувачем:
клієнт вводить параметри книги (розмір книги, кольоровість сторінок, тип обкладинки (м'яка або тверда), тираж) і отримує вартість 1 екз та загальну суму замовлення
Мова інтерфейсу:
українська
Чи є у вас сайт і фірмовий стиль?
немає фірмового стилю, назви та логотипа
Чи є прототип інтерфейсу?
робочий прототип калькулятора
https://u000042.stepform.io/LR9L5Nx
макет калькулятора
Вкажіть будь-яку додаткову інформацію, яку ви вважаєте важливою.
Проблемні місця - занадто високий Bounce % на калькуляторі, бо клієнт бачить, що від нього вимагають багато нецікавих йому дій.
Дизайн вже є, але ми хочемо його дещо осучаснити, облегшити, щоб виглядав цікавіше, бо зараз клієнт на цьому сайті змушений заповнювати довгі таблиці.
Коли клієнт бачить довжелезний поп-ап, він просто уходить з сайту. І ми втрачаємо в конверсії.
Можливо, в когось є бачення, як взаємодію з клієнтом зробити більш ігровою.
Тому, чиє бачення даного інтерфейсу виявиться для нас найцікавішим, готові запропонувати розробити логотип і сайт
Посилання на ТЗ сайту
https://docs.google.com/document/d/169myBWfyQIaNLtD68hNnEzyNgcH20KWfKUVrSDkSmdM/edit?usp=sharing
Приклад дизайну, що сподобався
Elekomp Store
Шановні пані та панове, дизайнери🙂
Дуже вдячний що ви відгукнулися на цей проект.
Переглянув усі ваши роботи і зрозумів, що мої відповіді будуть досить однотипними і що в умовах конкурсу було замало конкретики. Отже, потрібно надати деякі уточнення і роз'яснення.
Компоновка
Идея рознести інтерфейс калькулятора на три екрани (етапи) досить слушна для моб. пристроїв та можливо планшетів, але для десктопів ми б хотіли забереги можливість відображати калькулятор одним екраном. Наприклад, обирати варіант відображення калькулятора у бекенді.
Можливо це питання більше до розробників, а не до дизайнерів.
Порядок блоків
Сперш клієнт обирає формат файла з якого буде друкувати книгу.
Формат файла визначає якого розміру буде книга і скільки сторінок матиме.
Потім клієнт обирає палітурку (тверду/м'яку).
І колір блоку сторінок (кольоровий, чорно-білий).
отже оптимальний порядок блоків у параметрах книги такий:
Дизайн мінімалістичний
Тобто відмовляємось від інфографіки, що без функціоналу.
Кольорова гама
Зупинились на:
світло-зелений - основний колір;
додаткові - на ваш розсуд;
Стилістика
Менше текстів, занадто довгих випадаючих списків, тощо.
Більше піктограм, графічних рішень, анімації, тощо.
Приклад:
Ось це меню при використанні видасть список із 12! пунктів, бо друкарня может робити книги до 1200 сторінок із шагом 100 сторінок. Таке рішення не буде зручним на моб. пристрої та і взагалі не виглядає привабливо.
Серед ваших рішень є такі:
це краще, але має певні недоліки:
- забирає простір екрану, що є критичним для моб. пристроїв
- якщо збільшиться допустима кількість сторінок - інтерфейс прийдеться переверстувати
Є ось таке рішення (реалізовано на сайті fozzyshop.ua):
екранного простіру потребує менше
люба кількість, введена в бекенді, автоматично розподіляється по бігунку
Отакі оригінальні і цікаві рішення хотілося б побачити.
Можливо є якісь ідеі що до анімації піктограм - ротації, трансформації, підсвітки, тіні, тощо.
Також не було пояснення щодо додаткових послуг:
Пошук файлу
Вартість файлу
Вже зараз кількість додаткових послуг збільшилась, тому цю опцію також потрібно зробити маштабуємою.
тобто маємо піктограму "Додаткові послуги", клік по ній відкриває поп-ап із переліком додаткових послуг.
Перелік краще зробити у вигляді піктограм с спливаючим поясненням ніж у вигляді текстового опису.
Шановні, вибачте що не попередив раніше, але звертаю увагу, що, хоча на прикладі у Figma мова інтерфейсу російська,
мова конкурсного інтерфейсу - українська
Система оцінювання:
5 зірок - переможець
4 зірки - кандидати на переможця
власний дизайн (піктограми, шрифти, анімації), враховані всі побажання опису до конкурсу
3 зірки - непогані (2-3 недоліки) рекомпозиції базового (нашого) дизайну або власного
2 зірки - спроби рекомпозиції базового дизайну або навіть власного із більш ніж 3-ма недоліками
Колір для основного тону теми, використовуйте, будь ласка, цей
#AEC670
-
Владислав Семенюк 16 березня 2023Поясніть, ви ж вимагаєте відтворити лише калькулятор, чи необхідно весь сайт?
-
Владислав Семенюк 16 березня 2023Ще одне питання. Калькулятор – це має бути модальне вікно, чи додатковим екраном?
-
Євген Лео
16 березня 2023
ми це бачимо як окрему сторінку сайту, скажімо, "Ціни"
можна як окремий блок на Головній -
Kateryna S. 17 березня 2023Доброго дня! У вас досить чистий та зрозумілий дизайн калькултору. Що саме вам в ньому не подобаєтся?
Я запропонувала б розбити кожен пукт на етапи, тобто не показувала б весь обʼєм питань одразу, а зробила 1-2 окремо з кнопкою "Далі\Продовжити", так користувачу буде легше і цікавіше відповідати на питання. -
Євген Лео
17 березня 2023
Здається у опису до конкурсу досить розлого зупинився на "що не подобається" і "що хочемо".
Ваши ідеї щодо розбиття на етапи слушні, особливо для моб пристроїв, але можливо в когось виникнуть слушні ідеї і щодо візуалу (шрифти, анимація, піктограми тощо) -
Владислав Семенюк 17 березня 2023Чи відповідаєте Ви на конкурсні роботи, їх виконавцям, про вашу думку?
-
Євген Лео
17 березня 2023
Шановні дизайнери, що приняли участь у цьому проекті!
Із перших робіт бачимо, що основна увага спрямована на рекомпозицію інтерфейсу, тобто на розбивку його на сторінки чи етапи.
Це досить слушна ідея, особливо для моб. пристроїв, але в рамках цього конкурсу ми хотіли побачити ще й нові стилістичні рішення - шрифти, кольори, піктограми, анімацію - бо зараз стилістика у всіх лишається виключно у межах нашого ж базового дизайну. -
Tetiana Paliukh 20 березня 2023Вітаю, підскажіть будь ласка, поля: вартість файлу, та пошук файлу, що це за поля і чи потрібно їх залишити?
-
Євген Лео
21 березня 2023
Вітаю, Тетяно!
Може варто передивитися оновлення-доповнення опису конкурса?
-
Владислав Д. 26 березня 2023Оцініть будь ласка останні 4 роботи, щоб люди розуміли чи потрібно їм дороблювати щось чи ні

