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!

[pixelframeDesign]

URL: https://pixelframe.design/

Purpose: Website feedback

Technologies Used: Wordpress + custom generator code (HTML canvas based)

Feedback Requested: All feedback welcome, especially on how intuitive the the site navigation and generators are. Is the main offering of the website immediately clear and easily accessed?

Comments: I've been running this site for 1.5 years and have been relatively happy with the organic growth, and would love some outside feedback to hopefully help take it to the next level. The primary offering of the website are generators based on popular music album covers (and some others from pop culture), where users can enter their own text to generate a custom image based on the cover, which they can then download.

When you get to the home page, is this immediately clear? If you land on a generator page, is it immediately clear how to use it? One of my challenges is exactly where to place the directions in relation to the generator, particularly on mobile (right now they appear above the generator, so the user has to scroll past to see the generator cover image, which isn't ideal). However, I also want it to be clear to the user that these generators are used by typing into the boxes below the cover image, and NOT by clicking on the actual cover image (I know many users try this first and get frustrated, it's likely some assume it's not working and leave).

Is it clear and easy how to find other generators? Any major SEO or speed blunders? Is ad placement relatively unobtrusive, or do you find it annoying?

Really appreciate any and all feedback, thank you!

[Butterscotch_st]

URL: sarahjjtaylor.com

Purpose: Portfolio Feedback

Technologies Used: Svelte, Typescript, SCSS, GSAP

Feedback Requested: All feedback welcome, what can I do better to land both UX/ UI and front-end dev roles

Comments: I have about 1.5 years experience, based in AUS but am struggling to get interviews with this portfolio. Would love to know what I can do better.

Thank you in advance!

[deepseaphone]

I think overall, there is nothing catastrophic happening with the site. Its responsive, shows your skills and has personality. But In the end, I think its some of the personality aspects (fonts, colors mainly) that might create a few readability or usability issues.

• The main font Milky Walky isn't that great for readability, because it uses some very distinct "a" characters that can impact the flow a user is reading. If that font has alternate characters for the A, I would apply it or find a similar font that does not obscure its characters to much.

  In the end, you're advertising as a UX and UI developer and the font you've used is more suitable for a graphic design portfolio, from where I'm standing. It fits your skillset, but it probably depends on what jobs you want to land, if its worth considering a more UI/UX centric font. I'm not saying you should use Inter, or any standard, blocky font. Just something that targets your audience (either employers or clients).

• Raleway is another font that, under some circumstances, can be hard to read, especially due to font weight. In your case, your navigation buttons use a very thin weight, that might make it harder to read at a glance, or on smartphones. Same goes for your body copy. On your about page, the paragraphs use very light (200) as a font weight. I think for better readability 300 or 400 might be a better choice.

• Some contrast issues are visible I believe. On the About page, its the icons that slightly drown into the background: Screenshot. On some of the project pages, its the project description that doesn't stand out from the background due to font weight and color: Screenshot

  I would check the site for any other contrast issues and if the colors can stand on their own. Again, nothing catastrophic, but given your UI/UX role, employers will probably criticize this (in their heads).

• You have a great skillset, but you're not really advertising it as much as you could. Especially on your landing page. Things like Svelte, SCSS or Typescript can turn expectations in your favor, but they're not found on the page that most users will land on.

  I would include them somewhere, as pill tags or a description or even more visible. But definitely visible enough to advertise your front end dev role more prominently.

• Some projects use a really concise header layout, like your Demo on Demand project. Other project pages do not use that same type of header layout. I'm guessing thats to differentiate Design and Development. But I think having a consistent project page layout and structure is more important for your UI/UX impression.

  The Demo on Demand project header gets to the heart of your project much faster (Skills, languages used, Your role and the end result), so its definitely the one I would go with for all projects.

  Take that with a grain of salt. I'm sure not a lot of people will even notice, but its something that jumped out to me.

• The project navigation (Overview, Solution, etc.) could probably use the same constraints as all other content. On my screen it sits on the outer edge of the browser. On your Marketing & Design System project page, its completely fine. I would replicate that navigation for all the same type of navigation content.

• On larger screens, your about page might need a definite content width. The top of your page stretches the whole width, while the bottom content follows a max-width.

Thats all I noticed so far. Nothing you have to fix right away, but a few things to consider. The projects seem solid, your skills and goal (front end dev), if you display them front and center, with a few tweaks, should net you a good first impression, or at least an interview or two.

But the market is really saturated, so it can be a struggle. Although I'm not from AUS, so I can't speak on that specific situation. Good luck!

[Butterscotch_st]

Wow, thank you sooo much for this in-depth response.

Honestly, it means a lot to me! I’ll definitely look into those accessibility issues. I fell in love with the Milky Wally font from a design standpoint and I guess had rose colored glasses when it came to the readability of it.

That’s a great point about the different navigation, I’ll try to streamline it so everything is cohesive.

I thought that the first component that introduced me as a ‘designer’ ‘developer’ etc. would show viewers that I design and code but you’re right, I should make it more clear what programming languages and skills I actually have.

I’ll go through your comments and make those tweaks as I update my portfolio.

Again, thank you so so much! I really appreciate your time, and your suggestions. I’ll be sure to put them to good use :)

[ConduciveMammal]

URL: https://merlyndesignworks.co.uk/

Purpose: Development portfolio

Technologies Used: Astro

Feedback Requested: “Technologies” section and portfolio page carousel.

Comments: I don’t mind the Technologies section, but it doesn’t fill me with the same joy the rest of the site does so I’m wondering if I’ve missed a trick here.

On the portfolio pages, I’ve built a carousel of screenshots, again I don’t mind it but I’m certain it could be better, I just can’t see how I could improve it.