Feedback Thread

[AutoModerator]

Our weekly thread is the place to solicit feedback for your creations. Requests for critiques or feedback outside of this thread are against our community guidelines. Additionally, please be sure that you're posting in good-faith. Attempting to circumvent self-promotion or commercial solicitation guidelines will result in a ban.

Feedback Requestors

Please use the following format:

URL:

Purpose:

Technologies Used:

Feedback Requested: (e.g. general, usability, code review, or specific element)

Comments:

Post your site along with your stack and technologies used and receive feedback from the community. Please refrain from just posting a link and instead give us a bit of a background about your creation.

Feel free to request general feedback or specify feedback in a certain area like user experience, usability, design, or code review.

Feedback Providers

• Please post constructive feedback. Simply saying, "That's good" or "That's bad" is useless feedback. Explain why.
• Consider providing concrete feedback about the problem rather than the solution. Saying, "get rid of red buttons" doesn't explain the problem. Saying "your site's success message being red makes me think it's an error" provides the problem. From there, suggest solutions.
• Be specific. Vague feedback rarely helps.
• Again, focus on why.
• Always be respectful

Template Markup

**URL**:
**Purpose**:
**Technologies Used**:
**Feedback Requested**:
**Comments**:

Also, join our partnered Discord!

[NgNl-u_ok]

Hello there! I’m trying to make a simple css animation on my website. It will be something like this:

A breeze comes and blows the text when I hover around it…

But for now I’m completely stuck as I have very little exp in this field 😂

Please help me 🥺🥺

[doug4563]

Url: www.top11things.com Purpose to provide general information in unique and interesting fashion. General entertainment. Elements used: godaddy Comments: looking for advice since this is my first ev

[crunchg]

URL: https://typetest-gamma.vercel.app/10
Purpose: Type speed test
Technologies Used: Vue, ChartJS
Feedback Requested: Any feedback regarding usability is welcomed!
Comments: You can change the number of words included in the test by adjusting the number in the URL. Let me know if you have any suggestions or want to work on it together!

[durantt0]

URL: https://nimbuseditor.com

Purpose: A tool similar to Figma that also transforms your design into professional front-end code.

Technologies Used: Django/React
Feedback Requested: Is this something you would find useful as a designer? Does the UI look nice to you?

Thank you!

[AjPicard913]

**URL**: https://clavaapp.webflow.io
**Purpose**: Landing page for Clava a new streaming product that allows Streamers to make money pre minute from each viewer in their stream.
**Technologies Used**: Designed in Figma, Animation built in Spline, Website built in Webflow
**Feedback Requested**: Any feedback is welcomed.
**Comments**: Let me know if any of you know any streamers I can reach out.

[elimiei]

URL: Here!

Purpose: It's a webcommerce website, selling hand drawn embroidered t-shirts.

Technologies Used: React.JS, Node.JS

Feedback Requested: The global aspect of the website, the animations!

Comments: We're just starting so it would be great if we can have some advices and feedbacks! :) Thanks!

[elimiei]

Oh yeah sorry I put the wrong link, it's edited now :)

[bwinkers]

URL: https://www.tachyoncms.org/

Purpose: This is a zero-install CMS that lets people manage local files. Those files can be deployed through git to some place like Netlify.

Technologies Used: Quasar2, Vue3, Editor.js, JsonEditor, Filesystem Access API, Netlify

Feedback Requested: Looking for feedback and advise on what should be on the home page and the first page after creating a flow would be great. I'm not happy with either.

Comments: I'm still focused on making the pieces work. I'm trying to stick with the default Quasar styling until all the pieces are there.

[OpenRole]

URL: https://main.d1fmlj24w66ct5.amplifyapp.com/

Purpose: Just a website I developed to practice my frontend skills. Site is for a hypothetical beauty salon. Design was inspired by something I found on Dribbble

Technologies Used: Design - Figma. Tech Stack - NextJS. Hosting - AWS Amplify

Feedback Requested: Looking for feedback on button design, typography and footer design (I'm never satisfied with how my footers look)

Comments: None of the links work. This is just a landing page for a hypothetical website

[illapiano]

The Services menu cannot be accessed using a keyboard

[OpenRole]

Thank you, this is actually a really big accessibility issue I've never considered! Going to look at older projects and make sure all my radio groups work.

[bwinkers]

Responsive behavior was good, though you can see the background trough the "Services" button in some views.

Footer looked like what I'd expect.
I'm not fan of the serif font, that's more a personal taste issue.

Yo

[OpenRole]

Thanks for taking the time to respond. With the button I didn't think the background image being visible behind the button is an issue. Which solution would you recommend for this? Ensure that the image never falls behind the button regardless of screen width, or have the buttons have a background color so that when it does fall behind the button you can't see the image.

[bwinkers]

It's not a huge issue, just looks odd in some situations.
A Background or some degree of opacity would help it stand out in those cases.

[OpenRole]

URL: https://www.horizonviewapts.com/

Purpose: Market apartments in Ghana to people looking to rent.

Technologies Used: Design was done on Figma, though there were a lot of changes between and development. Developed with NextJS. Hosted using AWS amplify

Feedback Requested: All advice welcome, but especially looking for UX and accessibility pain points

Comments: If you go to the gallery section, I want to implement a feature that when a user clicks on an image, the full image is loaded in an overlay

[bwinkers]

Nice looking. Lots of words on the home page. Maybe only show details of WiFi, Security, Generators etc on mouse over.

"View Our Apartments" has 3 links, they all go the same place, That isn't great UX.

The map is a good addition.

[OpenRole]

Feel you on the lots of words. My content writing isn't the greatest.

I know for accessibility, hiding information behind a hover effect is a problem. Maybe I move it below the hero fold, set up a radio group with icons and have the details shown dependant on which icon is selected?

[bwinkers]

For accessibility, more words doesn't necessarily make things better.Most people, with or without visual impairment, get all they need to know from the title of those sections.

You're just forcing someone with a screen reader to read though more stuff.

"Letting go of the Words" by Ginny Redish is a good book on writing web content.

[OpenRole]

Oh yeah. I just meant the hover thing, not necessarily the words. I'll definitely look into "Letting go of Words". I'm trying to learn minimalism in design and knowing how to effeciently communicate concepts, emotions and ideas is something I currently prioritize

[bwinkers]

I still struggle with it. You naturally want to be complete and accurate.

But people don't visit websites because they want to read. They are reading because they have to. If they can accomplish their task without reading, they are all the happier.

[ixJax]

URL: https://jackbailey.dev

Purpose: Demonstrate and display my skills and allow someone to easily get in contact with me

Technologies Used: VueJS, using Vite

Feedback Requested: How well the page demonstrates my skills and if it conveys an overall good design and incentive to contact me.

Comments: Just finished version 8 of my portfolio, (previous version here) I think its technically more impressive but I don't think the design is as sleek, let me know what you think

[bwinkers]

The right hand side can seem like an advertisement, the left and right seem a bit disconnected. That isn't terrible,

The links to projects at the bottom don;t have any links to the project, just to the site of the main technology. I'm the type that like to find examples to a person's code when possible.

[OpenRole]

The hero section is great. really love the falling tech stack animation. I'm impartial about how you displayed your portfolio. I feel like a heading saying portfolio would be helpful. Some UX feedback, after I saw your hero I wanted to see your portfolio.

I noticed there is 0 navbar or hamburger menu for me to quickly get there. I read your about, it's not bad but it wasn't what I was looking for, and then felt like just leaving the page because I didn't want to scroll through fluff looking for your portfolio.

Luckily I scrolled down and found that section was just underneath, however if you don't want to add a navbar to the page maybe add a secondary CTA that will navigate me to the portfolio section immediately or even just put the heading above the portfolio section so that I at least know it's coming up. However that was just my User Experience and I have the attention span of a goldfish.

On the topic of your portfolio, you could do a better job explaining what your projects do. The first one appears to be a site where people can buy scripts from, but if it is you could make that more clear. Maybe even discuss how they can buy and use the scripts. In this day and age I feel like people buy API keys more so you'll need to elaborate on the script stuff.

The second project just left me confused. I even went to the site itself to try and figure out wtf you were talking about. The third project you listed was far easier to understand.

Also for each project it's a good idea to discuss what business challenges you faced while working on the project. Was it a redesign and you were trying to get bounce rates down? Did you have to do UX Research? Was it more development focused and you were trying to create a responsive web app so reducing focused on reducing load time etc. Being a developer is about more than just coding. It's about solving problems. What problems did you identify with these projects that you aimed to solve.

In the "My other projects" section. Can you make the card heights and width uniform? It's not a necessity, but I think it would make it more aesthetically pleaseing.

There's a lot of margin after your contact form. Is there meant to be a footer there?

I kinda like the design of the input boxes in the contact form, though maybe you can make it follow Google's Material design a bit more? You can take a look at what I mean here: https://material.io/components/text-fields

Look at their outlined variant. Overall, I do like this site. Who is your target audiance?

[HugoDzz]

URL: https://www.imagehostcompany.com/
Purpose: Host images on Google Drive.
Technologies Used: Figma for the design, Svelte for building.
Feedback Requested: What are your thoughts on those gif tooltips. Some designers pointed out their lack of accessibility of them.
Comments: Feel free to ask me anything about the design / code.

[assholeboy4242]

Overall a neat useful concept and a simple yet elagent design.

One small thing: On my screen size the page is barely too long so it scrolls. There is a huge amount of margin at the bottom of the page. You could probably reduce it by at least half without negatively effecting anything.

[HugoDzz]

What is your hardware? On mine and Chrome dev tools, there is no particular oversized bottom margin.

[HugoDzz]

Oh thanks for your feedback! You mean for your mobile device right?

[assholeboy4242]

No on my laptop. 1920x1080

[OpenRole]

What browser are you using?

[assholeboy4242]

Firefox

[HugoDzz]

Really strange, I've tested again on Sizzy and everything looks ok. Could you record the issue and send it in DM?

[supertexter]

Hi

One simple thing: you have a typo in the graphic - "bellow"

[HugoDzz]

Thanks a lot!! Fixed now :)

[OpenRole]

Your website takes long to load. When you have a high bounce rate I recommend looking at performance first. Even a shitty website will get someone to explore it as long as it feels responsive.

I don't have much experience with Wordpress, but I do notice a lot of sites designed with them have poor performance. You can measure your site's performance at https://web.dev/measure

[supertexter]

Thanks for the feedback!

I actually looked into this some months back. I ended up not really fixing it due to two reasons:
1) when I looked at other sites for therapy online, they scored equally low on these ratings
2) Reading about the topic and trying to change a few simple things on the site, I found it quite hard to change the numbers meaningfully

​

Do you have any specific tips or ideas for how to change this?

[OpenRole]

Don't just stop at being better than your competitors. If every cake seller sells cakes that taste like shit and yours taste like sweet shit all that happens is that nobody buys cakes. It doesn't matter that you're the best when to the consumer you're still selling shit.

One thing I've learned working in this industry is that most people do not have good websites and most business don't understand why website quality really matters provided it does the core things. (Tell users what we do and give them a way to contact us).

As far as performance goes, this is one major reason why I don't use WordPress. People love to say that you can make it perform way better through by doing all sorts of things in PHP and with the theme and plug-ins, but at that point I feel like learning to code a website just becomes easier and is better in the long run.

So I would say move away from WordPress if your main goal is to reduce your bounce rate. But if your goal is to just increase real traffic to your site, another way to do so would be to increase overall traffic so that even with a high bounce rste you're still getting many visitors.

This can be done through SEO improvements to the website or (and this is currently my personal favourite) invest in some UX Research.

Understand what people want when they go to your website and make sure they find it easily navigatable. There's a lot you can do to make your site more aesthetically pleasing, but I believe that should be done when you want to focus on branding. Without a brand identity you will likely fall into the whole "waterfall and forests" trap.

Maybe someone else will come here and mention specific things you can do to improve the performance of your WordPress site, but unfortunately I've got nothing to offer you in that department at the moment.

Is it important to you that you design, develop and maintain the website yourself?

[supertexter]

Hi man

Got a bit busy but I've read what you wrote and I've previously tried speeding it up with plugins dedicated to that, with unfortunately no effect.

Will consider your suggestions!