New Portfolio Site - Zachary Hamed (zhamed.com)
5 years ago from Zach Hamed
5 years ago from Zach Hamed
My honest experience with your site - page opened, TLDR, page closed
EDIT: I shared this because I think I am not only one who could have same experience. When I visited the site I was overwhelmed by too much text and I did not know where to look. There is no visual element which is pleasing my eyes and helping me to be interested in. For example, are stats and social icons so important to be right below the header? For me it was another element that took my attention away from great work of Hamed.
Very insightful. Thank you for sharing.
He asked for feedback so i gave it to him. I was honest and i think that every feedback can help. :)
Thanks for the feedback! It's definitely more dense that a normal site I'd make, but was aiming for a feel similar to magazine spreads like this:
I share the same sentiment. This must be the most beautiful-impossible-to-scan website I've ever seen. So just to break it down:
You live in the Statue of Liberty? Bet the views are amazing.
Love it. Unique. Are you calling a bunch of different APIs to get the data on the page?Can you give a brief overview how did you build it? Like the color themes as well.
I've got the same question, mainly about the currently reading books. Are you using the goodreads API?
Yep, using the Goodreads API for that — was surprisingly easy to pull from.
I was having trouble using ajax on the front end running into CORS issues. Did you use a backend to access the API?
Thanks! Some details:
Steps and weight data go to Healthkit, which I then upload data from using an iOS app (no easy API I could find for that — I used to use Numerous which has since shut down)
Productivity is coming from Rescuetime, which I highly recommend as a way to keep track of how you're spending time at a high level. "Productive" time is defined by category and customizable by you (for me, code/design/reading is productive, social media and email are not)
Medium posts coming via a Medium RSS feed, books coming via Goodreads API
Grid is all CSS grid and Tachyons. Highly recommend CSS grid — this was my fist time using it for a full project and it's very easy to lay things out. Small tip, start from mobile and work to desktop, even if desktop is more complicated/customized. I did the opposite and ended up with lots of edge cases on mobile
Themes done with very little Javascript and CSS variables, and were inspired by these color swatches usually seen on packaging
Thank you!
Any and all feedback welcome!
Love it. There are a couple of things you might want to fix though:
Huge thanks — fixed #1, can't recreate 2 or 3. What browser were you on?
I had the same issue on Chrome 69 on macOS (for #2)
On Chrome 69.
2) I can click the "The Art and Science of a Mac Menubar App" but not "Bye, Google Maps." It's being overlapped by .books.books-1
. I'm on a 15" laptop, so 1440px width.
3) You have
a { color: var(--main-color); }
but
.writing li:hover { background-color: rgba(40, 92, 255, 0.05); }
The hover state should use the variable colour too.
Wow looks awesome but I had no idea where to start.
fantastic!
Love the use of grids and color themes ;)
Cool vibe but this website has no hierarchy whatsoever.
Immediate thoughts were "Wow, well then..."
Interesting layouts with current type and colours. I'd say that there might be a few to many font sizes in such a little space. Maybe a bit more spacing / white space (especially above the fold), but loving the direction!
What did you build it with?
Busy as f*ck. But I love it! Far from your everyday portfolio, something people will remember, even if they "page open, page close" visit your site.
Looks amazing! I agree that at first glance it is hard to determine where you should focus, making it quite difficult to get through the whole page. You might be able to help this by segmenting the sections more or using some form of evident text/visual hierarchy (just my opinion).
Being able to change the theme with the colors at the top was cool :) My favorite theme was dark-magenta (with white bg)
you still got the gatsby favicon just a heads up!
Designer News
Where the design community meets.
Designer News is a large, global community of people working or interested in design and technology.
Have feedback?
Login to Comment
You'll need to log in before you can leave a comment.
LoginRegister Today
New accounts can leave comments immediately, and gain full permissions after one week.
Register now