UI/UX Improvements on Wallet Sign-up process

[LuizAsFight]

This Issue aims to improve the signup process with some details we need. We don't have a mockup design to follow in this case, needs to be in the ability of the FE

• Add top margin to Fuel Logo (it's looking too close to the top of the page)
• Make "Create new wallet" the default option (visually should look like). Right now the 2 options look the same
• Include a "Help" or "Support" button in bottom-right of the page, this should lead to ful forum
• In the stepper part, make the (1, 2, 3, 4) include the title of what it does. for instance the first step can be "1) Terms).. and so on
• Step 1
  • Add pointer cursor to checkbox "I agree to terms…"
• Step 2
  • Change title text to "Record you seed phrase"
  • Change description to "Write down your seed phrase on a piece of paper and store it in a secure location (think: fire, flood, theft, and loss)."
  • Add pointer cursor to checkbox
• Step 3
  • Change description to "Provide your phrase again to ensure you wrote it down correctly."
  • In the confirm process change the challenging, make the user needs to type only first and last seed phrase to confirm.

PS: depending if you are on "Create new Wallet" or "Import seed phrase" flow, the steps can change, but the idea is the same.

[khayss]

I’d like to work on this.

I am a fullstack developer. I can work on frontend applications using ReactJS, NextJS, TypeScript, TailwindCSS and vanilla CSS.

[martinvibes]

i'm a frontend dev and blockchain dev
May I try my hand at this?
i would love to work on this and get it done

[PoulavBhowmick03]

Gm, I would love to work on this
I am Poulav, an active contributor the the Starknet ecosystem, with a good experience in TS, Cairo, Rust. I have also contributed actively to the Starknet ecosystem OnlyDust

I will go through the steps and work on improving the UI UX for the wallet sign up process

ETA- 2 days

[mimisavage]

Is it okay if I take this?

[abdegenius]

I'd like to take this issue.

[OWK50GA]

Can I take this from here?

[obacollins-lab]

Can I attempt this issue?

[therealemino]

Hi, I've over 4 years hands on experience working on Frontend web applications (React, Vue, Next, Nuxt).

I've gone through the repository and I believe I'll be able to handle this.

[Supa-mega]

Could I take a shot at this?

[SudiptaPaul-31]

Can I take this from here?

[A6dulmalik]

Is it okay if I take this? My name is Abdulmalik I would be resolving the issue through;

1. Adjust Fuel Logo margin**
2. Highlight "Create new wallet" as default
3. Add "Help" button linking to forum
4. Add titles to stepper (e.g., "1) Terms")
5. Step 1: Pointer cursor for terms checkbox
6. Step 2:
   • Title: "Record your seed phrase"
   • Update description for secure storage
   • Pointer cursor for checkbox
7. Step 3:
   • Description: Re-enter seed phrase
   • Confirm first and last seed phrases only

[Yunusabdul38]

May I be assigned to this?
will be glad to work on this as my first contribution to this project
I have solid experience with contract integration and have worked on multiple web3 projects (open source and personal projects)

[coxmars]

I'm a software developer with 2+ years of experience and I have worked with backend technologies such as Cairo, Java, C# and frontend with React, NextJS, JS/TS. Also, I'm a member of the Dojo Coding community here in CR and I have made contributions in Cairo VM Go, Cairo VM TS, Cairo Lints etc. Likewise, I’m a Cairo developer working in ByteBuildersLabs creating on-chain games using the Dojo framework.

This is my approach:

• I will review the project codebase to understand its structure and ensure the updates align with existing patterns and best practices.
• Using the issue's description as a guide, I will implement the necessary UI adjustments and interactions for the signup process.
• I will ensure consistent styling and behavior across all flows (e.g., "Create New Wallet" and "Import Seed Phrase").
• I will add validations, tooltips, or feedback where needed for improved user experience.
• Finally, I’ll test the changes thoroughly to ensure they work as expected, both functionally and visually.

ET: 3 days

[kayceeDev]

May I be assigned to this?

[Storyofmujahid]

I will make this better by applying my keen attention to details and design principles to solve this issue. Check out my works here: https://dribbble.com/Mujaaahiid

[BrunoAmbricca]

I would like to work on this issue

[akintewe]

I am a Full Stack Developer with a strong background in Next.js/React, TypeScript, and Rust. I would like to work on this issue
Would love to newly contribute :)
ETA is 12 hours .

[1nonlypiece]

Hi ,
I’d like to work on this issue as I have experience in building frontend interfaces using frameworks like React and Next.js.

ETA:
I estimate completing this task in about 12-24 hours. Let me know if I can get started!

[ShantelPeters]

Can I take care of this issue?

[Jagadeeshftw]

Hi,
I’d love to work on this issue as I have strong experience with front-end development. Please assign this to me, and I’ll deliver an efficient and secure PR within 12-24 hours.

[Benjtalkshow]

I am a Full Stack Developer with a strong background in blockchain and extensive experience in Next.js/React, TypeScript, and Rust. I’ve made over 49 contributions to over 17 projects in the OnlyDust ecosystem, solving complex issues and delivering efficient, scalable solutions.

I can handle this task.
ETA is 3days.