Launching a public facing Vaadin app, would love feedback!

Hi!

We’ve just launched JobSpeed, our application tracking system for job seekers. I’ve been a big fan of Vaadin and dabbled making little apps with it from time to time. Last year I decided it was time to to use Vaadin 24 to build JobSpeed.

I would love for forum members to take a look at JobSpeed and give me feedback. Here’s a link to the site: https://jobspeed.io

Thanks for taking a look, and thank you to the Vaadin team for building such a top notch framework!

Kind regards,
Clint

3 Likes

First of all, great work and kudos for getting this far!

It’s not often that people dare to ask for feedback, and even more rarely do you get anything useful. so I’ll try. :smiley:

Probably the biggest thing to improve might be the theme. While I’m not a graphic designer myself, something about the colors and design feels a bit off. (I recognize many component use just default styles and that leaves me thing what can we do to improve the out-of-the-box experience. )

Focusing on theming, here are some ideas to explore:
• Try color scheme generators like Coolors or Canva’s palette generator. There are many.
• Use the Lumo Editor to tweak your theme. It’s an old V14 demo but still works quite well. See updated details in the Vaadin docs
• Check out the StarPass demo for some UI component tricks we tried
• Small, useful animations help UX. I had some ideas using Lottie for that: Animation in Vaadin using Lottie

Anyway, I think you’ve started the right way: first make it work, then make it better. Keep up the good work!

Sami

Got some suggestions from a real designer! Sharing tips and ideas for the main page on his behalf:

Simple changes, like aligning all the typography to the left, already create a more cohesive and pleasant feel.
Removing the left-hand panel, adding a “logo”, which could be Job Speed written in Html close to the hamburger menu, and adding “sign in” + “sign up” also in the header, on the right


1 Like

Sami,

Thank you so much for the feedback and time you spent giving me suggestions! I’ll definitely check out the theming tools you’ve suggested.

Cheers,
Clint

1 Like

Hi,
Firstly great job.
I love people are using Vaadin.
The image around the trial button, I think needs some adjustments, when I open it in my phone’s browser, the image is wider than the phone screen, hence the page scroll is not smooth, instead of only vertical scrolls, it can go slightly horizontal as well (because image is wider than the viewport it adds scroller)

As already pointed out by @Sami the color schemes and default buttons.
10 day free trial and other buttons have different colors.

Navigating back to homepage is not straightforward, I didn’t know that clicking the icon in menu bar will take me back,

Hey there. Just wanted to give a little bit of feedback from just the landing page:

It seems like this page should have a unique layout and you shouldn’t try and shove all the components into the standard AppLayout. Just seems a little bit “off” from what your standard user would expect. Not saying it looks “bad” per-say, just doesn’t conform to at least my view of what it looks like to “follow the trends in web dev”

Maybe make a custom landing page for unauthenticated users, and once connected use the AppLayout as the base for the rest of your application.

Sorry, didn’t have time to sign up and test out the application itself.

Wish you luck!

Seems pretty good, the landing page needs some improvements though.

  • The big logo on the drawer doesnt really help, it would be nice to remove it

  • The picture for the spreadsheets dont look professional. Consider an actual screenshot or a minimalstic image of a spreadsheet that can match the theme of your landing page
  • Consider adding dark mode

Overall, great project!