UI Confusion - User Experience Review (3 images)

I launched this site about 10 days ago, and so far, over 85 people have signed up. However, only a small fraction have actually completed setting up their resumes.

More than 80% of users didn’t create a resume, which means they couldn’t move forward to generate cover letters—the main purpose of the site.

I’m wondering if anything in the UI might be confusing or in need of improvement.

I’m not looking to promote the site, so I haven’t posted the link. But if anyone is interested in testing it out and providing constructive feedback, I’d be happy to share it.

UXer here. If users don’t have CVs, and you want them to upload one, that should be a prominent CTA. ‘View Plan’ isn’t as important.

The main flows seem to be ‘View Plan’ and… that’s it.

I understand I’m in the ‘Generate Cover Letter’ tab because it’s highlighted. Wait, is that a CTA? I wouldn’t click it; it looks like step 1 of 3.

There could be confusion. Here’s some thoughts:

  • Style Differences: There’s a style difference between the small items above the menu and the menu itself (color, size, spacing). The main menu looks cramped.
  • Header Space: Use the header space. Put the current plan and credits there instead of the sidebar. Give sidebar items more room.
  • Menu Order: Improve the menu order. ‘Chrome Extension’ should be last. ‘My Profile’ seems redundant. What does ‘Generate with AI’ do? Is it the same as ‘New Job application’? The page structure seems confused. There are multiple top-level menu items for the same flow. Generally, the ‘list’ is the top-level item, with a call to action to create something new. If users create new items frequently, a top-level ‘Add’ item or easy call to action could help. It needs to be clear they’re the same thing. If you stick with “Job Applications”, a top-level add item would be “New Job Application” or “New Application”.
  • Dashboard Jumble: The dashboard is a bit cluttered. Move essential items higher. Managing the plan probably isn’t essential. It’s called “plan” here but “subscriptions” in the menu.
  • Action Buttons: It’s not entirely clear those actions like “Generate Cover Letter” are buttons. Add a right arrow or chevron for extra clarity.
  • Credits Usage: The horizontal bar for “Credits Usage” isn’t great. It’s unnecessary to show that you had 20 credits and now only have 3. Replace that section, especially since credits are mentioned three times. Consider recent activity.
  • Form Labels: Good use of labels. Move the optional marker to the label itself. Drop the placeholders.
  • Job Application: The new “Job Application” doesn’t just generate letters. Call it ‘Generate Cover Letter’. You’re generating cover letters.
  • Form Instructions: “Fill in the form below to get started” is generic. Explain that users need to enter the job title, paste the job description, and select a resume.
  • Missing Resume: Users may not have a resume. Give them the option to create one with a prominent call to action. Explain that it’s necessary for the cover letter generator.
  • Generate with AI: The button seems to mention AI for the sake of it. What will it generate? The page title is “Job Application” not “Generate Cover Letter”.
  • Submit Consequences: Before submitting, let the user know how many credits they have and how much generating the cover letter will cost.
  • Generate Another: On the results page, the “Generate another one” button. Generate what? A cover letter for the same job? Or for a new job?

@Luca
Great feedback, and mostly what I was going to say. Cleaning up navigation and user actions is key. Make the top right name a dropdown with an indicator. Then add “My Profile”, “Subscriptions”, “Help and Support”, and “Chrome Extension” there.

Move the credit usage and info into that top right area as sub-text.

That would clean up the user’s eye roaming and focus on features that bring value and make money.

iHowles covered it well. Great website.

How was this built? What’s your stack (including the AI)?

Taron said:
iHowles covered it well. Great website.

How was this built? What’s your stack (including the AI)?

Thanks! Built using Laravel for the backend, React for the frontend & Chrome extension.

I think it’s fine. It is not confusing.

I would add more contrast between cards and background, and put a line between the side bar and page content, or paint the side bar with a different color.