Redesigned the Crash Catch main web app and the marketing site
Crash Catch (https://crashcatch.com) has been my main side project for quite some time, and while I've been using it myself found a number of bugs and also found in areas the main web app to be cluttered and difficult to use.
I've therefore completely redesigned the main app to give it a cleaner more easier way to navigate, looking less cluttered and works more optimally across multiple different devices types from, phones, laptops and desktop (some of the page previously were a little quirky on smaller devices).
The landing page has been redone as well, again making it a little cleaner, improvements to the pricing page as it didn't scale very well at time for different devices again and also added an about page that says a bit about me and why I built Crash Catch.
I did a full blog post at https://blog.devso.io/major-redesign-to-crash-now-now-available/ with more indepth details of the changes
Hey @boardy! UX designer here 👋 This looks good 💪 Here's some feedback for you.
1️⃣ Remove the drop shadow behind your buttons. They make your buttons look out of focus. That's hard for people with visual impairment.
2️⃣ (Landing page and app) How many font sizes do you use? It looks inconsistent at certain points. Fixing this would lower the interaction cost and make your app easier to use.
3️⃣ (Landing page) You could add some more margins and paddings to certain elements to reduce friction when navigating through the page and to help certain stats stand out. This will help conversion!
Let me know if you need help designing these suggestions :)
Hi @thedesignerstoolbox. Thanks for the feedback, I keep changing my mind about the drop shadows on the buttons but I think you're right, I'll remove them.
Spacing is always one of the harder things to get right I find. I often find some sites have big gaps and wonder whether things get missed as the user isn't aware they can scroll further for more content, but that does seem to be the norm. I probably haven't described what I mean very well.
No need to go for big gaps, but keeping a multiple of 8px is a good one.
Between groups of text - 8px
Between groups of elements - 24px
Paddings to outside edges - 24px
This is in general the case but could depend on other things like your font sizes.
Yea big gaps was probably a bad description. I have had an a few sites where I think I’m at the end of the site and then realise there’s still a scroll bar of course that could very well be bad a example of a landing page 😀
Thanks for the additional info, that’s really helpful
You're welcome, Chris!