Site Design: Printedbysomerset (printedbysomerset.com)
7 years ago from Nic Trent, Lead Designer
7 years ago from Nic Trent, Lead Designer
Insert typical condescending "it looks pretty but blah blah blah affordances" Designer News comment with up votes.
But seriously, this is a brilliant concept with great execution. I wouldn't have known that Somerset existed if they didn't dare to do something outside-the-box with their website and give me a reason to visit it. And as a designer who also does print work, I'm in their target audience. Not only did they reach me without spending any money on ad media, they also made a big impact.
All of that, and also: this site has a really, ridiculously high "oddly satisfying" rating. I clicked ever single one of the interactive elements, and every single time, the OCD in me cried a little tear of joy.
Beautiful.
100% agree. The way it was presented to me and how much I enjoyed using it meant that I simply didn't care if it didn't meet some obscure UX standard.
Great work.
Agree! This site put a smile on my face! Would't have spent all that time clicking on each element getting more and more excited. Nice to see some bold moves!
the twitter feed was a pleasant surprise.
I don't remember the last time I enjoyed a website this much. Amazing work.
Really lovely ... and ...
What does it look like?
It's definitely too big. The design is really interesting, but for me o it's just oddity.
How does one even learn how to develop a site like this?!
look at the source code
More-so: learn the techniques, then use your imagination while implementing them.
In this specific case; realise that a lot of what we do on the web, has an origin in the real world, then take that one step further.
It's really not that complicated. With all those lossy JPGs, it'll be a pretty underwhelming experience for anyone with a Retina screen, that's for sure.
Great design, sure, and it would have impressed me if it was an email design rather than a website—for it to be truly impressive to me as a developer, I would like to have seen it built using <canvas>. That would have impressed me.
You just wrote two paragraphs fronting to a beginner instead of helping to answer the question. Only @Aaron wrote anything helpful. Even @Steve was more helpful.
¯\(ツ)/¯
It's spritesheet animation – a lot of image swapping, via javascript, when you click on a hotspot. It's a technique that has been around for a while. Their usage of the technique is very polished, but it comes at the expense of pretty large spritesheets.
Here's a basic tutorial on the concept: http://gamedevelopment.tutsplus.com/tutorials/an-introduction-to-spritesheet-animation--gamedev-13099
Nothing about this isn't perfect. I ordered my copy!
Really delightful site. I think it does a nice job of using photographic UI elements without making them too gimmicky looking.
I love this. Original concept that make sense, as a bonus it looks pretty.
Really beautiful site and superb execution of a clever idea.
The only things that bugs me is that the site is an accessibility nightmare to be honest. Most of the page is empty HTML tags.
Love this!! Really refreshing to see such a unique design.
This is incredible. Absolutely love the idea and all the little details in it.
Sooo satisfying.
Fucking phenomenal.
Minor comment on the performance being slow (servers being taxed since this link was posted?)
I think this is sweet, the hover states are clever.
However, something about the thickness of the borders is throwing me off. Some areas are clickable, some aren't, but all are the same noise (LOUD!). I wish more of the perforations and cut marks were more clearly indicative of something to interact with.
Also, the order a paper "website" is killer.
This is SO awesome.
Good lord this is brilliant.
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