Design polishing Account Page

[db-ot]

Initial Checklist

• I understand this is a user story and questions should be posted in the Community Discussions
• I searched issues and couldn’t find anything (or linked relevant results below)

User Story

As a user, I want a proper overview and transparency in Account Page to see all options i have in my personal account.

As a PM, I want a better UI to guide and lead costumers through the Account Page Options.

User Value

Improving the behaviour, usability and also extend the page for future

Acceptance Criteria

• account page has better structure ( naming, action, description ) ideally
• descriptions after header for the single option in account page ( not every option is nativ understandable )
• structure naming should have slice gray in background to difference line by line

Mockup idea

[db-ot]

@tbsbdr first initial idea ticket here

[tbsbdr]

🥳 congrats for your first ticket!

current state for comparison:

[AlexAndBear]

I really love the idea of redesigning the account page. We already did this but turned out to be only a little bit of an improvement after adding more topics.

Even if I think the suggestion is all ready a step into the right direction, if we go ahead and extend the profile settings further (which will sureley be the case), we would need to redesign again in order to keep up.

Maybe it's time for a whole new layout concept.

I could think of collapsing cards like here

And moving to something else than the table design look inside the cards.

e.G

Label |
Description | Action (e.G Button, Checkbox)

[tbsbdr]

first step:

• define same width for each column, eg. 30% - 40% - 30%
• put token description (created - expires) in 1 column to meet the 3-column schema
• align all columns to the same direction (per column)

second step

• @db-ot let's build the second step based on your work, but lets also include different structure, not only "polishing" as suggested by @AlexAndBear and you

[tbsbdr]

follow up next ticket