Калькулятор для сайту-сервіса Друк-На-Вимогу

Уважаемые дамы и господа, дизайнеры🙂

Большое спасибо, что вы откликнулись на этот проект.
Я просмотрел все ваши работы и понял, что мои ответы будут довольно однотипными и что в условиях конкурса было недостаточно конкретики. Итак, нужно предоставить некоторые уточнения и разъяснения.

Компоновка
Идея разделить интерфейс калькулятора на три экрана (этапа) довольно уместна для мобильных устройств и, возможно, планшетов, но для десктопов мы бы хотели сохранить возможность отображать калькулятор на одном экране. Например, выбирать вариант отображения калькулятора в бэкенде.
Возможно, этот вопрос больше к разработчикам, а не к дизайнерам.

Порядок блоков
Сначала клиент выбирает формат файла, из которого будет печататься книга.
Формат файла определяет, какого размера будет книга и сколько страниц она будет иметь.
Затем клиент выбирает обложку (твердая/мягкая).
И цвет блока страниц (цветной, черно-белый).

Таким образом, оптимальный порядок блоков в параметрах книги следующий:


Дизайн минималистичный
То есть отказываемся от инфографики, которая без функционала.

Цветовая гамма
Остановились на:
светло-зеленый - основной цвет;
дополнительные - на ваше усмотрение;

Стилистика
Меньше текстов, слишком длинных выпадающих списков и т.д.

Больше пиктограмм, графических решений, анимации и т.д.

Пример:

Вот это меню при использовании выдаст список из 12! пунктов, потому что типография может делать книги до 1200 страниц с шагом 100 страниц. Такое решение не будет удобным на мобильных устройствах и вообще не выглядит привлекательно.

Среди ваших решений есть такие:

это лучше, но имеет определенные недостатки:
- занимает пространство экрана, что критично для мобильных устройств

- если увеличится допустимое количество страниц - интерфейс придется переделывать

Есть вот такое решение (реализовано на сайте fozzyshop.ua):

экранного пространства требует меньше

любое количество, введенное в бэкенде, автоматически распределяется по бегунку

Вот такие оригинальные и интересные решения хотелось бы увидеть.
Возможно, есть какие-то идеи по анимации пиктограмм - ротации, трансформации, подсветки, тени и т.д.

Также не было объяснения по поводу дополнительных услуг:
Поиск файла
Стоимость файла

Уже сейчас количество дополнительных услуг увеличилось, поэтому эту опцию также нужно сделать масштабируемой.
то есть у нас есть пиктограмма "Дополнительные услуги", клик по ней открывает поп-ап с перечнем дополнительных услуг.
Перечень лучше сделать в виде пиктограмм с всплывающим объяснением, чем в виде текстового описания.

Уважаемые, извините, что не предупредил раньше, но обращаю внимание, что, хотя на примере в Figma язык интерфейса русский,
язык конкурсного интерфейса - украинский

Система оценки:
5 звезд - победитель
4 звезды - кандидаты на победителя
собственный дизайн (иконки, шрифты, анимации), учтены все пожелания описания к конкурсу
3 звезды - неплохие (2-3 недостатка) рекомпозиции базового (нашего) дизайна или собственного
2 звезды - попытки рекомпозиции базового дизайна или даже собственного с более чем 3-мя недостатками

Уважаемые, в процессе работы над калькулятором нашли интересную, на наш взгляд, идею компоновки интерфейса, поэтому дальше будут рассматриваться только работы на основе этого макета

Цвет для основного тона темы, используйте, пожалуйста, этот
#AEC670