I have actually forgotten to ask for feedback in this forum for my projects. I have already created a topic for feedback of the survey page and was thinking if i could paste the other three links in this topic
I’m anyways pasting the links please suggest if you require me to create new topics
I recommend you to submit one at a time. You’ll get more feedback for one project that for 3.
Survey form looks clean to me. The inputs are very clean and it works good.
Landing page needs responsiveness on the menu and the first section. I would also change the color combination for the pricing. Oh, and I don’t see the SVG animation.
The documentation page needs a background color change ASAP and the arrow in the right is in the middle of the screen, which I think is not ideal because it’s taking space away from the content.
I’m visiting the site from my phone, so maybe on desktop some of these comments don’t apply.
I’m working on the landing page so far changed the pricing colors but working on the first section
I did not show the animation on the mobile page but it is there on the tablet and laptop mode
If you like i can show the svg animation on mobile but i wonder is it good to show svg animations on mobile? Sorry i’m new to svg animation i do not know the best practices.
Hi, I just looked at the technical documentation page (on a laptop), so all my comments are about that.
First of all, the layout is clear and functional. Every button that I press does exactly what I’d expect it to do. So the fundamentals are solid. Well done!
That said, there are a number of things that could improve the UX slightly:
When I hover over any item in the sidebar, the layout of the whole menu jumps slightly. And then it does the same when my pointer leaves the highlighted item. This is super annoying. See if you can fix that.
The sidebar navigation menu is only useful when a user is at the top of the page. Did you consider making it sticky so that it’s still available to click on when a user is reading lower sections?
The buttons to return to the top of the page are a bit small and it took me a moment to find them. You might consider enlarging them, changing their color, or moving them to the left so that they’re more readily apparent.
When I click on any item in the sidebar, the page jumps to the appropriate section. This is fine, but a smoother scroll might be better. This might take some time to implement, however. You’re controlling navigation with <a> tags right now, but I don’t think there’s any way to get a smooth scroll with that. (Someone please correct me if I’m wrong about that.) But if you instead scrolled to each section by using JavaScript, you could do this:
That would give you a smooth scroll instead of a jump. (I’m not 100% sure that it would look better, though. Since the page is fairly long, a smooth scroll all the way to the final section might be annoying. You could test it out.)
When the page jumps to a section, the section heading is stuck right at the top of the viewport. It might be good to add a bit more margin or padding to give it a little space to breathe.
Again, these are all just tweaks that might improve the solid work you’ve already done. Good job!
Thank you for feedback and yes you are right about how odd it looks i guess my approach for this design was not up to the point, im now already thinking to redesign the product landing page completely, i got an idea from one of my designs on my behance portfolio, I will use both css grid and flexbox for this one
Hi @michaelnicol hope you are doing good ! I just wanted to say that i have redesigned the product landing page and made it more colourful. I have created a new topic get the feedback on that page
The blue color scheme is too bright. Use like a purple or something. You have bright white, brighter blue, and bright white and orange text. Try some black text also btw.
collapse into the 3 bars on smaller screens. On desktop it just looks weird (and blocks stuff).
I feel like your trying to over modernize your webpage. Take a step back, look at multiple examples of product landing pages and use that as inspiration.
I have never seen a landing page with no images of the product itself.
Thanks i will look into the designs, in a way i’m getting practice to think differently to code which i feel is good, but i will take some time and take a simple approach later on.
I have another question i’m also almost done with my portfolio page and yet update on github pages once i submit that link in freecodecamp and then create a new topic to get feedback on that page, will i get a certification after the feedback or once i submit the link in freecodecamp the certificate is automatically generated?
Hello @michaelnicol i have made some some changes to color scheme to make the colors appear lighter and removed some svg backgrounds which were over modernizing my page