Taking advantage of Mercury’s outstanding bold weight for a big ol’ redesign of my site. This’ll be the first time I’m archiving the old design, too!
I call this design “Menlo”, and with any luck, it’ll be finished soon.
Update: it’s live! I’m impatient. A couple of fun facts:
- I used Sass. And I liked it. Turns out I was wrong about preprocessors. Also, the generated unminified CSS is actually about 200 lines less code than the last design.
- I also used Jekyll. I’ve been wanting to move away from database-driven sites for a while now, and finally got round to it.
- Finally, I picked Mercury because I didn’t really like it, but couldn’t figure why. I think it wasn’t as expressive as I would liked it to have been, but that was before I’d seen its bold weight. Isn’t it beautiful?
4 months ago
I personally think, that there needs to be more space between the header and the content.
I agree with @Joshua Söhn on that. I guess the very large headlines might be the reason for that. I would also increase the spacing between the links in the navigation just a little bit.
Apart from that I like your simple, to the point redesign.
Somewhat shameless plug, you should try roots (http://roots.cx) for your next static site - it's what came of my frustrations with jekyll's limitations after using it for a bit.
I liked your old design better, honestly. This one feels unfinished. I'd keep the header to a single row of text. I also miss the book images (they were there before, right?) and a few other small things like the individually-colored social links.
@Kyle Decker My last design was unfinished from the day it went live to the day I switched it to this one. That’s the good thing about the web; it’s all unfinished. It’s a case of iteration.
As for the individually-colored social links and book images, I’m just trying out different things. Like you said, it’s unfinished. But I’m embracing that.
@Daniel Eden Guess I should have taken a more conscious notice of the biggest word in your shot.
I love how you've used videos to communicate the projects in your portfolio. Much truer expression of the projects than simple screenshots.
@Conor Muirhead thanks! I dabbled with a similar idea a little while back, and loved it. I’ve long felt that since web designers create experiences, not just static designs, screenshots were a poor expression. Short of forcing the user to visit the site, video demonstrates the experience a lot better.
It's good, feels simpler.
My only suggestion would be autostart videos. Though they are kinda "click less" when you scroll slowly, they are a few clicks more actually when you scroll the page without knowing what's going to happen. Also, it's kinda hard to focus on reading and video at the same time, at least for me.
The heavy negative tracking between letters in h1 really caught my eye. It works great in some cases "ak", "in", but in cases like "tt" it "tf", it's quite ugly. Custom ligatures could be a solution? :) (joking...)
In design so much focused on beautiful typography, it would be awesome to avoid descenders being cut by the underline, by using bottom border. It looks more graceful, especially for serif fonts in bigger sizes.
Anyway, nice work! Big fan.
I've got one question? What was your reasoning for such bigass font size (on desktop). It's almost hard to read how big it is. (It might be my own blindness however...)
by Daniel Eden
I spent the wee hours of this morning working on some changes for the new design of my site. Smaller type, bigger line heights. I tend not to drift below the default 16px font size on mobile, but Mercury ScreenSmart is nice and readable even down at 14px.
Also, there’s something really satisfying about titles that fit perfectly in the container.
4 months ago
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter