DEV Community

loading...
Cover image for Website feedback needed

Website feedback needed

bobbyiliev profile image Bobby Iliev Updated on ・1 min read

Hello everyone ❤️

A week or so ago we released a newly redesigned version of the DevDojo website.

We used the following technologies:

  • Laravel
  • VueJS
  • Tailwind CSS

Deployed: DigitalOcean

Link: https://devdojo.com/

As we just released the redesigned version of the site, we are looking for feedback on what we can improve/add to make it better.

Any feedback will be greatly appreciated 🙌

Bobby

Discussion

pic
Editor guide
Collapse
leob profile image
leob

I didn't spend a lot of time but there's one thing that doesn't really work:

There is a "footer" section with links at the bottom of the site, but on the home page you can't really see it because of the infinitely scrolling list of articles - as soon as I drag the scrollbar to the bottom then I can see it for a split second, but right away it disappears (being pushed down again).

On this page you can see the footer (because there's no long list of content): devdojo.com/more

As for the contents, all great but I'd like to see a page added which explains about the team and the "story" behind the site. I mean you've gone to great lengths to build all this and then I can't see who's behind this great stuff! (maybe as part of an 'FAQ' section)

For the rest, a great and smooth looking site!

Collapse
bobbyiliev profile image
Bobby Iliev Author

Hi there @leob ,

Thank you so much for taking the time to go through the site and for putting this comment together!

This is highly appreciated! 🙌

Collapse
andrewchmr profile image
Andriy Chemerynskiy

Hi, nice website! One thing that might be useful is "Back to top" button. When someone scrolled down, then there is no way to easily scroll back to top.
Here is link to image that shows that feature: codyhouse.co/assets/img/gems/hero/...

Collapse
bobbyiliev profile image
Bobby Iliev Author

That's a good point! Thanks a lot Andriy! 🙌

Collapse
serveradict profile image
Server Enthusiast

Great job! I love how the colors blend together!

Collapse
bobbyiliev profile image
Bobby Iliev Author

Thanks for the kind words! Appreciate that!

Collapse
jwp profile image
John Peters

Nice job, lot's of white space, subtle colors, works on Samsung Galaxy Star.

Collapse
bobbyiliev profile image
Bobby Iliev Author

Thanks John! 🙌

Collapse
jwp profile image
John Peters

Any tips would be great in a new article. I love reading how you CSS wonder people get it done. Thanks Bobby!

Collapse
supunkavinda profile image
Supun Kavinda

Design is great! I love the fact that DevDojo community is more focused on PHP development, while DEV is more towards NodeJS. Just signing up... ;)

Collapse
bobbyiliev profile image
Bobby Iliev Author

Awesome! Thank you ✌🏽

Collapse
merichard123 profile image
Richard

I do really like the navigation I don't tend to see many like that, super cool

Collapse
bobbyiliev profile image
Bobby Iliev Author

Thanks! Happy to hear that you like it! 🙌

Collapse
alvaromontoro profile image
Alvaro Montoro

Check the page accessibility with an automated tool (like Wave) and also manually. There are many a11y issues:

  • Insufficient contrast between text and background.
  • Missing alternative text for images.
  • Missing jump to content link.
  • Many elements are not accessible with keyboard (mainly the menu!).
  • Invalid HTML structures (e.g. you have anchors inside of anchors)...
Collapse
bobbyiliev profile image
Bobby Iliev Author

That's a really cool tool! Thanks a lot for sharing it Alvaro! 🙌

Collapse
madza profile image
Madza

One of the cleanest designs I've seen lately :)
And that's a nice stack as well <3

Collapse
bobbyiliev profile image
Bobby Iliev Author

Great! Thank you ✌🏽

Collapse
huncyrus profile image
huncyrus

Seems nice, but would be nice to see actually the footer especially if there is any important link or information on it.
The other thing, mobile view and landscape on S9+ vs sidebar. The rendering and the smoothness still very good, but after 2-3-4 scroll, feel very empty the right side since the sidebar was waaaaaaay shorter than the actual content. Maybe worth to put the sidebar somewhere else on small display size. (Just opinion).

The colors, text nice, but miss the dark mode :)

Collapse
bobbyiliev profile image
Bobby Iliev Author

That's a good point! Thank you for the feedback! 🙌

Collapse
asciiden profile image
Denislav Gavrilov 👨‍🚀🤖🤷‍♂️

Hey Bobby, looking neat! I love the 'Popular Topics' section. I also love how you made use of the huge content it has and put in one place. One small remark - it would be great if I could have the option of adding 'Favorite Topics' block somewhere. This way I can filter my homepage to meet my interests better. Anyway, love it. Keep it up!

Collapse
bobbyiliev profile image
Bobby Iliev Author

Thanks a lot for taking the time to check out the Denislav!

I like your idea, sounds like it would be super useful! Thanks for sharing it!

Collapse
lyubomiramanova profile image
Lyubomira Manova

Looks great 🙌

Collapse
bobbyiliev profile image
Collapse
ziizium profile image
Habdul Hazeez

It was glaring at first sight but still I had to be sure.

Devdojo accessibility check with WAVE

Collapse
bobbyiliev profile image
Bobby Iliev Author

Oh, that's a really cool tool! Thanks for sharing that!

Collapse
danlee0528 profile image
Daniel Lee

I would personally have some contrast between the main content such as blog posts in the middle of the main page and the rest elements of the main page as well as between footer & header and the main body . Having the first glance at the website, my eyes just randomly wander around.

For each blog post, I would move the writer information underneath the summary of the post (inside a single div). Having the writer information above or below the blog post summary can confuse the audience as to who wrote which post.

I would also make contents such as "Weekly top users" and "popular topics" on the sidebar to scroll along with the page (apply position: fixed) so that I can quickly navigate from the main page (because you will end up with a long list of blog posts dangling vertically). It can also be distracting. So, I would experiment with layouts; having blog posts on one side and rest on the other side.

Speaking of "popular topics", I'm interested in knowing the order of popularity or ranking of topics, how many posts have been posted under which topic? so that I can see the user census of your website - does this website have web developers mostly? It's totally up to you how you strategize to attract potential users.

Lastly, for each blog post with code snippets, I would rearrange contents and code snippets to be side-by-side. This way, users can easily read and see code without having to scroll up and down to check the code frequently.

Overall, I love your slick design!

Collapse
bobbyiliev profile image
Bobby Iliev Author

Hi Daniel, that's absolutely brilliant! Thank you so much for taking the time and writing this constructive feedback! Really appreciated!! 🙌

Collapse
danlee0528 profile image
Daniel Lee

I'm glad it was useful to you!

Collapse
mikaelgramont profile image
Mikael Gramont

Loaded really fast on my Mac, and looks real nice.
Some notes:

  • I didn't know the site before and could not find an About section
  • I tried to disable JS to reach the footer, and the page remains blank (this will hurt your SEO)
  • The top menu in Firefox has extra scroll bars when the window is kind of narrow (say 800px wide and below)
Collapse
seanolad profile image
Sean

Looks epic, I get your choices, but did you consider using Vuex to manage state on your site(unless you already are using a state management tool). Since you're using Vue I thought Vuex might not be a bad idea. Can help with tracking user data flow. Especially if things go wrong, you might want to see where the errors occured.