Donate for category journey path

[swolf86]

No description provided.

[swolf86]

As a donor and regular supporter of podkrepi.bg campaigns I want to be able to donate for 1 specific category on regular interval of time(for ex. month). Specific category can be let say : animals, treatment, development etc.

Acceptance criteria:
I should be able to cancel/stop when I need
I should be receiving confirmation email of my subscription to pay monthly
I should receive notification of what is achieved with my money
I should be able to change the date of my recurring payment
There should be a home page section addition
There should be the main menu button changed to monthly donation

[milenasp]

Working on it.

[milenasp]

Saving the Discord instruction here:

Дарението по категория ще позволява дарителите да дарят по да кажем социална/ животни / др категория
Там първата задача е да се помисли като кутийки всяка страница една кутийка ( флоу )
Напр. 1 логин 2 селектиране на дарение 3. Селек дарение по категория и тн

[milenasp]

Hi Rado,

Since the categories are essentially filters, the solution I came to is to visualize the category donation in a card showing up in the grid alongside the campaigns for the category.

The card leads to a page that is very similar to the campaign page, but contains some extra details related to the monthly subscription - select category and payment period.

Please find the user journey here:

https://app.mural.co/t/milena9356/m/milena9356/1688761659124/f652b24d7ea869e4c446e20b970506c556ed5110?sender=u5ff88408c0ebfd08845e0739

[milenasp]

Hi Rado,

I worked on the journey and wireframe, following the team's comments on the first iteration.

Figma - see the Donate for Category frame
https://www.figma.com/file/MmvFKzUv6yE5U2wrOpWtwS/Podkrepi.bg?type=design&node-id=19614-57810&mode=design&t=DhIoqODMHEt5thFk-0

Mural - see the revised journey
https://app.mural.co/t/milena9356/m/milena9356/1688761659124/f652b24d7ea869e4c446e20b970506c556ed5110?sender=u5ff88408c0ebfd08845e0739

[milenasp]

This is an editable link - https://www.figma.com/file/MmvFKzUv6yE5U2wrOpWtwS/Podkrepi.bg?type=design&node-id=19614%3A57810&mode=design&t=0QidRq7u4Yc62we8-1

[milenasp]

Hi @swolf86 , worked a bit more on this. As discussed, I recreated the MUI component Tabs. Also took some bits and bobs from the Payment flow that you showed me (the stepper mainly given the fact that payment is possible by card only).

https://www.figma.com/file/MmvFKzUv6yE5U2wrOpWtwS/Podkrepi.bg?type=design&node-id=19822%3A25756&mode=design&t=9B56YEPQVhnRI9eL-1

[milenasp]

Hi @swolf86 , following the discussion on today's meeting, changes were made:

SELECT CATEGORY

• the categories' labels in the menu now contain number of active campaigns in the category
• the campaign preview contains less details (removed progress bar and buttons) - thumbnail and title
• there is a Learn more button in the preview

SELECT AMOUNT

• Custom amount radio button design changed to one field only (radio button becomes an input field) as opposed to the current design that adds a new input field next to the radio button

AUTHENTICATION

• Login is the default selection
• Added Registration and Without Registration (also added an alert box informing of the soft registration)

Payment summary was also added.

[milenasp]

“Месечно дарение” позволява на потребителите да подкрепят категория, т.е. да се абонират да даряват месечно за всички кампании в избрана от тях категория. Дарената сума се разпределя поравно между активните кампании в категорията.

Изисквания от Кампании/Маркетинг:

• да се виждат всички категории, вкл. тези с 0 кампании в момента, за да знаят потребителите, че съществуват тези категории. Тъй като не можем да приемаме дарения за категория без кампании с идеята да ги пуснем към бъдещи кампании в тази категория, решихме да изписваме “В момента няма активни кампании в тази категория” в картичката.
• да може да се дарява за категория и еднократно (въпреки че се казва “Месечно дарение”), т.е. без да е месечен абонамент. За да изпълним това изискване, добавихме табове “Месечно” и “Еднократно” на първата стъпка в чекаут процеса. “Месечно” да е избрано по подразбиране.
• да се сложи заглавие на първата секция на заглавната страница, където показваме петте категории, например “Кампании на фокус”.

Екраните за дев са тук: https://www.figma.com/file/MmvFKzUv6yE5U2wrOpWtwS/Podkrepi.bg?type=design&node-id=23157%3A3597&mode=design&t=IHVQEZuEVLDvQOza-1

[swolf86]

@milenasp може ли да добавиш десктоп версията за девовете
Това за кампаниите на фокус не ми ясно как се разделя от всички останали кампании, каква е логиката може би да го оставим за друг ъпдейт

[milenasp]

@swolf86 , махнах Кампании на фокус.
Относно десктоп версия, тази седмица и до края на следващата съм на път. Има ли вариант да предадем мобилните засега, а към 2.04 да предам десктоп версията?

[milenasp]

@swolf86 , добавих и десктоп версията в Development страницата във Фигма.