Hello guys. I'm a UI/UX designer with a small experience. I worked on small projects before. Made simple websites using HTML, CSS, and some Javascript. Just recently I've been asked to create this website https://RealSpyApps.com. This is my best project thus far, could you give me any pointers on how I could improve? I'm still a junior designer and looking for all possible feedback. I've spent a lot of time on this client And some mobile version screenshots: Tell me what you think, please.
The use of EM/REM is broken thanks to the 10px declaration on Body, flipping the bird at the very audience EM/REM is for. The thin-glyph webfont on the body text lowers the contrast level below WCAG minimums even though your declaration is AA compliant. With that font I would treat AAA normal as the actual MINIMUM because it's a blurry mess on cleartype and freetype. (lemme guess, Mac user with their "everything is blurry and bold"?) The ATTEMPT at being responsive... isn't for me as a non-standard font metric user, again the mixing of PX and REM the likely culprit. The goofy bloated animated trash is a waste of screen space and bandwidth, which mated to the train wreck laundry list of how NOT to write HTML that is turdpress? Well, the site is a bloated slow loading disaster. Combined with the lack of proper semantics, it's a giant middle finger to usability and accessibility.
Contrast too low. Found it hard to read – I love thin glyphs but the come at a terrible price. Layout in the tablet range not well thought out. From an SEO angle – the page is too long with too many concepts to be viable.