I like the detail in your case studies - it's nice to see process + outcome.
Worth noting that you really need to run your site through some optimisation though, the header font replacement seemed really laggy and then there's a few pages that several mb and your sumpsense case study has a monster gif.
They're easy fixes to make though so no biggie - overall, it's nice and clear and a good level of detail gives a feel for how you work.
Just a few tips here:
- Run all the images through TinyPNG. It's amazing how much that can losslessly compress them
- Anything that's a photo, save it as a JPEG instead of a PNG. JPEG compresses photos better
- Large gifs are heavy. Put them up as a video, will save tonnes of MB
- Look in to using the
srcset. Serving up an @3x image for an @1x display is excessive
Thanks to both of you for the optimization observations + tips ... I really appreciate it! Going to make some updates over the weekend.
Your code looks nice and clean, but there are some html issues. W3 points them out really well: https://validator.w3.org/nu/?doc=https%3A%2F%2Femilycarlin.space%2F Especially the doctype is important to put before the first html tag.
Keep up the designing and programming thing! :D
this is so helpful, thank you !
this is exceptional, well done!
It looks really nice
While the aesthetic doesn't immediately grab me personally, there's a mad amount of effort here with the construction of the site (tried to break it in a variety of browsers, but it's pretty battle-hardened!), and I can't say I've really seen the visual style elsewhere on a portfolio. Overall I quite like it!
this is really unique - i like it
Great, unique and refreshing experience! I enjoyed seeing your process. One critique I have is that it's some what difficult to follow along when reading.
The reason being is that your images sometimes appear on the left and sometimes on the right. Images hold a ton of visual weight and typically are one of the first things to catch a person's attention. One way to solve for this is to either align images on the left (people read from left to right) or you can add more padding between your content sections. Cheers!
I feel like I definitely get a sense of who you are from this, so kudos for that.
Pretty nice. In the first case study, about the installation experience, there is a 18MB gif that prevents the page from loading for me.
I so badly wanted the dot grid to match up with your work / case studies, but it's no worries. Overall it looks great. Also, always love what Rik and the folks at superhi.com are doing. Really fantastic course.
Thanks Andrew! Also, just out of curiosity, what do you mean about the dot grid and the work matching up? Aligning the cards to the grid or matching that dot grid style within the case study pages themselves. I kind of want to do the latter, not totally sure. In any case, I appreciate you taking a look!
Looks fresh and unique, the case studies are also super interesting! Great job
Yes! Love it. Awesome case studies that are both scannable and filled with depth wherever you stop, which is the absolute right balance to strike. One quick thought: perhaps at the bottom of your case studies you could have a next project link as well as a return home link; I can imagine recruiters or hiring managers wanting to look through your projects one-by-one and might as well give them the option to proceed directly to the next one.
I absolutely love it: straightforward, direct, ultra-functional and beautiful. Case histories are really well presented. Great job!
This is so nice! Really appreciate it :)