#Portfolio/Case Study Feedback

1 messages · Page 1 of 1 (latest)

sterile flint
#

Hello all.

This is my portfolio website that I worker on while I was in college. I only have one case study on it, that being Chlory, which was my Senior Project.

Looking for feedback on the overall design of my website and Chlory’s UI, which I realize needs some revamping. I’m particularly looking into redoing the portfolio design completely, if possible. Thanks.

https://www.designerlc.com/

https://www.figma.com/proto/7L2kMuBDLxW517qzLKxTLS?node-id=0:1
(For some reason, the Figma link isn't working on the website anymore)

sterile flint
#

Really, any feedback would be appreciated

sterile flint
#

😅

warm crystal
#

Looks nice! I would only add a bit of stroke on everything.

sterile flint
warm crystal
#

Nope

sterile flint
warm crystal
#

I wouldn’t add stroke on text, i would only add thin one on mountains, characters etc…

warm crystal
#

No prob, if you have any questions feel free to ask

sterile flint
#

@gloomy tapir Could you please give me some input as well?

sterile flint
#

^

gloomy tapir
sterile flint
# gloomy tapir It's good. "good", not great, not bad, not even 'valid', like it's good. It feel...

Thank you for your input. I was focusing mainly on getting typography and responsiveness down pat because the first draft failed in those areas.

Do you have any suggestions to make it stand out more? Like perhaps adding more color, or some animations? Would I need to overhaul it to make it less “template-y”?

After looking up some professionals examples online, I saw a trend of a lot of black backgrounds with white text and animations.

#

(I didn’t use a template btw)

gloomy tapir
#

*Okay, there's actually three issues with it (from first glance).

  1. These icons aren't vertically aligned.
  2. This logo doesn't fit the theme, and looks out of place, plus the lack of vertically padding, all in all - muy malo.
  3. Finally, this, maybe you're not a developer (actually the screenshot I just sent kind of confirms that), add a minimum-height of the screen's height, on all your webpages. So, pages ending in the middle of the screen never occurs, if your code is done correctly (unlikely), a simple min-height: 100%; would do, otherwise (and although I would recommend it), you can it by using min-height: 100vh; or maybe width: max(100vh, <whatever>) or clamp() or some varient - ask in the TPH server for more help, if needed.
#

I had a Bonus 4 but I forgot

#

Welp, update your copyright:

#

that'll be the #4

glass crown
#

Hi @sterile flint
Couple of thoughts on your website:

  • The tagline could be improved with keywords of your specific skills. 'my goal is to improve the daily user experience' also doesn't make much sense, consider rewording this
  • A lot of the text in the case study is in passive, consider reducing some of the passive voice for more active i.e. Corresponding personas, empathy maps, and journey maps were created from this research. vs I created Corresponding personas, empathy maps, and journey maps from this research
  • It might be useful to expand on how the deliverables like the UJM and the personas helped you design. Justifying design decisions by parts of those deliverables. TYhe storyboard is a good start
gloomy tapir
# sterile flint Thank you for your input. I was focusing mainly on getting typography and respon...

Okay, looking at resp- well, firstly, I have zero issues with typography, everything is clear and whatnot. I mean, like I said initially, nothing special, I described it earlier as 'template-y', there's not attempt at a unique font, or super large or small font-sizes, rotated text, etc, but what you've done, has been done well.

Looking at responsivity, you can see the middle icon doesn't scale like the others do, you can also see that they scale "up", leaving a big gap relative to the text below. But most importantly, I'd actually recommend switching from a horizontal row of 3 icons, to a vertical list on mobile. It'd not only fill up some space, but it'd also just fit the mobile norm.

On the About Us page, the header is perfect, but the body text is too small, I think my go to is 1.5x. Your h1, h2, h3, h4, ... p, subtitles, captions, etc, should all be relative to each other by some consistent factor - not guess work. Both font-size and the spacing between them convey importance and relevance to each other.

Looking at the homepage - you know, when I said 'zero issues with typography' that referred solely to the desktop version, on mobile the font-sizes could be improved for readability for sure. The unnecessary large gaps not only 'feel' weird (because the large gaps make it feel like text which should be grouped together, aren't and thus brain gets confused) but also means that you have less space to use a large font-size, leading to bad readability. Also, that font-weight in the body, seems like a 'light' instead of a 'regular' - bump it up a notch - to match the font-weight of that of the paragraph in the green section.

Talking about the green section, wtf? There's no reason for "BEST USER RESEARCH" to be split in middle to go to the new line, you can use a &nbsp; instead of a space ( ) to fix it using HTML alone. And, that white line just looks completely out of place.

sterile flint
# gloomy tapir Okay, looking at resp- well, firstly, I have zero issues with typography, everyt...

Thank you, I really appreciate the feedback.

I’m actually thinking of ditching the icons completely because I’m not as active on IG or LinkedIn but I agree with the sizing issues of the icons. I have been struggling with them quite a bit since the beginning because the images are all a little different. The logo was meant to be stylized but I could also rework it to be more consistent with the rest of the site.

And the typography, yeah I can see it being too light to read on mobile. Originally, I wanted it to match the desktop version 1:1 but I’ll up the weight like you suggested.

Btw I forgot to mention, this was done on Webflow so I didn’t actually code it from scratch but I think I might still be able to implement the changes you suggested.

Also quick question, you meant the spacing between my photo and description on the Desktop version, right?