UX дизайн странички выбора кандидата

Опишите проект, для которого нужно разработать дизайн интерфейса:  

Задание состоит в том, чтобы разработать UX решение для оформления веб-страницы, предназначенной для представления нянь семьям/клиентам.

Идея заключается в том, чтобы клиентам отправлялось письмо с ссылкой на веб-страницу, на которой агентство нянь предоставляет им подборку нянь на выбор.

Пример текущего вывода можно посмотреть по следующей ссылке:

https://dev.solidumsverige.se/clients/index?id=xN1yQGta9t6-PtkxQZsWwWb-jLFhm_y14ndvXcZq5JaxpC0QEhnbvNx4l0k44kKNMJXY3CjWz-27A1gz9Qi92Q==

• Что нужно?
  1) Структурирование информации о нянях:

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

• 2) Фотографии и видео:

  • Для каждой няни, где есть доступное фото или видео, отображайте эти материалы в карточке, чтобы клиент мог получить лучшее представление о няне.
  • Если у какой-то няни нет фото или видео, обязательно предупредить об этом на карточке.

• 3) Ясное представление информации:

  • Разместите блоки с информацией, такие как "Background," "Present Situation," "Experience," и "Our Impression" под каждой карточкой с информацией о няне.
  • Используйте вкладки или аккордеоны для этих блоков, чтобы клиенты могли легко переключаться между ними.

• 4) Интерактивный выбор няни:

  • Предоставьте кнопку или чекбокс возле каждой карточки няни, чтобы клиент мог выбрать, хочет ли он встретить эту няню или нет.
  • После выбора клиентом няни, активируйте визуальное отображение этого выбора, например, с помощью изменения цвета карточки или появления иконки с правильным ответом.

• 5) Понятный переключатель языка:

  • Разместите переключатель языка в верхней части страницы и обозначьте его языковыми значками или названиями стран.
  • Добавьте инструкцию по использованию страницы на обоих языках, чтобы клиенты легко понимали, как выбирать няню и менять свои ответы. Текс инструкции примерно такой: Пожалуйста дай нам знать какую из нянь ты хотел бы встретить. Нажми на кнопку    "..." если ты хочешь встретить предложенного кандидата либо же "..."  если кандидат по какой то причине не подходит. Твой ответ автоматически отобразиться в нашей системе. Ты можешь поменять свой ответ.

• 6) Мобильная адаптация:

  • Дизайн интерфейса должен хорошо адаптируется для просмотра на мобильных устройствах, так как клиенты могут получать письма на своих смартфонах.

• 7) Обратная связь и подтверждение:

  • Добавьте сообщение об успешной отправке ответа о выборе няни, чтобы клиент знал, что его ответ получен и няня свяжется с ним в ближайшее время.

Название компании:  Barnakademin

Род деятельности компании:  Услуги няни

Описание продуктов / услуг:  Няни присматривают за детьми

Каналы распространения и география продаж:  Швеция

Портрет целевой аудитории:  Родители мамы и папы с 28 до 50 лет

Основные функции интерфейса: 

Клиент получает инфо о няням, сравнивает их,  смотрит видео и переключает блоки с информацией: 

ВАЖНО !🙂 

Размер и длина текста будут примерно как в приведённом в ссылке примере https://dev.solidumsverige.se/clients/index?id=xN1yQGta9t6-PtkxQZsWwWb-jLFhm_y14ndvXcZq5JaxpC0QEhnbvNx4l0k44kKNMJXY3CjWz-27A1gz9Qi92Q==

Сейчас блок собрал всю нужную инфрмацию, но не удобен по восприятию

Краткий сценарий взаимодействия интерфейса с пользователем:  

Задача 1 что бы все секции были выведены так что бы клиенту было легко увидеть и сравнить всю информацию о нянях: имя, возраст, характеристики, языки, интересы, фото и видео (могут быть случаи кода-либо фото либо видео у какой-то из нянь не будет) + блоки с информацией: Background - Present Situation - Experience - Our Impression

Задача 2 Продумать как бы сделать максимально просто понятно и удобно UX для клиента как выбрать няню.

Интерактивный выбор няни:

• Предоставьте кнопку или чекбокс возле каждой карточки няни, чтобы клиент мог выбрать, хочет ли он встретить эту няню или нет.
• После выбора клиентом няни, активируйте визуальное отображение этого выбора, например, с помощью изменения цвета карточки или появления иконки с правильным ответом.

Задумка в том, что бы по каждой няне клиент мог выбрать ответ: хочу ее встретить или не хочу. При нажатии загорался правильный ответ и выскакивала подсказка: "ты выбрал что хочешь встретить эту няню, мы получили твой ответ и няня свяжется с тобой в течении ближайшего времени.  Ты можешь изменить ответ выбрав другую опцию."

Нужно ли использовать визуальные образы, персонажи в дизайне интерфейса? Какие именно, опишите.  

Язык интерфейса:  Шведский и английский. Вверху в середине сейчас переключатель языка. 

Есть ли у вас сайт и фирменный стиль?  Да, https://barnvaktistockholm.se/

Должен ли быть интерфейс в фирменном стиле?  Да

Обозначьте главные и дополнительные цвета, которые нужно использовать в дизайне интерфейса:  

Есть ли прототип интерфейса?  https://dev.solidumsverige.se/clients/index?id=xN1yQGta9t6-PtkxQZsWwWb-jLFhm_y14ndvXcZq5JaxpC0QEhnbvNx4l0k44kKNMJXY3CjWz-27A1gz9Qi92Q==

Приведите примеры дизайна интерфейсов, которые близки по стилю:  

Укажите любую дополнительную информацию, которую вы считаете важной.  

Самое главное, что бы выбор няни и нажатие кнопок были интуитивно понятны клиенту. Он должен легко понять как выбрать няню и что при нажатии выбора ответ сразу отображается у компании-поставщика  в базе и ему не нужно как либо еще подтверждать свой выбор дополнительно. А так же что можно поменять сделанный выбор, ответить по всем предложенным няням или только по тем кого хочет встретить, а так же что можно выбрать несколько нянь с кем интересно встретиться лично