Greetings all. I'd love to get some feedback on a project I'm getting ready to launch in a couple months. I'm more comfortable with backend programming than the frontend design stuff, so I would appreciate some feedback on the design/graphics/wording/etc. I've spent a lot of time on this project and really hope it's a success. Thanks, -Jeremy.
Why this is in my Hashnode feed?
Ok, I will give a small advice for author for the future cases:
@maruru Any time. Thanks again.
Marco Alka
Software Engineer, Technical Consultant & Mentor
So if I get it right, it is an app about companies which produces data to be used in the stock market, right? So my first improvement would be to write what exactly you want to sell at the very top of the page. Make it very clear in one sentence. I had to read and think a whole lot to come to my conclusion and I am not exactly sure if I am right. If I do not exactly know what your thing is about, I will go away and look for a different solution which can clearly tell me what it is so that I know if it is what I need.
Even with f.lux, the white strips in between the dark images hurt my eyes. It is night, my room is not well lit and your homepage emphasizes the contrast between the two extremes, which is difficult on my eyes.
Another thing I noticed is your numbers animation. It takes a while until it halts at the end values. I think it takes too long. The first time looking at the page, I just skipped that section because it didn't look as it would stop any time soon, hence was not interesting for me. Try to bring the duration to some 500ms. It's OK to animate, but the animation should not get in the way of the data you want to convey.
In the contact form, the email address is required, but never validated (not even by the browser...). You will find test messages from the mail address "aaaaaaaaa" in your inbox, if you receive everything. Additionally, after submitting the message, the button's caption disappears:
By the way, the light grey font color has a too weak contrast to the background white. It is difficult to read texts and what I wrote in the forms.
I clicked on "Read More" (Research, Discover, Engage section) and it messed up the shading element in front of the parallax images (all below parallax images are messed up):
When in mobile view, the first "reserve your invite" button looks like it is partly hidden by the next content or at least sticks to the bottom. The "available in early 2017" is hidden completely. Make sure there always is enough room for all the components and data to be visible.
Let's see, I opened the source code and saw that it is not minified. If that page is your productive version, you should safe bytes and minify all resources, including the HTML.
In your JS, there is a problem with concatenation of sources. You should make sure to put a semicolon in between files if the first file does not end with one. Else you might run into strange bugs (that's what happened to me once).
You include lots of CSS rules you do not use. You should remove everything you do not use in order to save bytes. Especially mobile users will thank you!
Your page is not accessible. You might want to think about implementing the A11Y checklist or other ARIA patterns.
You really should remove all version info. At the moment, your NGINX sends the following HTTP header:
server:nginx/1.11.2Your website does not cache the HTML via HTTP headers.
OK, just checked the mail submission in the network tab, your API returns the HTTP code 400:
You are missing XSS headers.
And I haven't even started to check common attack patterns, yet.