Show DN: The new Defringe, an online gallery

6 years ago from , Designer at Mollie

Hey guys!

A new version of http://defringe.com has just launched. I consider this 4th version has forced me to discover new techniques and solutions. Designer News - for me - is an important knowledge hub of quality-design. So I would like to explain some small things and ask for your opinions.

You can read the full article on our lessons learned & applied on Medium - https://medium.com/@defringe/lessons-learned-in-four-years-of-blogging-155eeb8e63d6

Defringe is an online gallery filled with inspirational visual content. With the idea of a gallery in mind, the grid design, navigation and overall feel are really important.

A staff-picked featured post with a huge image welcomes you to our gallery. It should give a sense of luxury and quality. Below the big image, three columns with content enables the visitor to get a quick overview of the latest posts.

The clever pagination-slider is fun to use and invites visitors to dig deeper into older posts. At the bottom of the page, you will find three more staff-picks, the moodboard and social channels. I hate dead endings.

The design is constructed around the content. It should not be overly present except when you need it for navigation. In a post, large titles on both sides make navigation easy and attractive. Toggling through posts horizontally gives that seamless app-feel without making it too fancy.

Have a look. I would really appreciate your opinions and some constructive feedback.

Giel. http://defringe.com


  • Matt SistoMatt Sisto, almost 6 years ago

    Beautiful start. I've got a few things that I'd change but #1 is that pagination. Massively frustrating to use with a mouse.

    2 points
  • Floyd WilliamsonFloyd Williamson, almost 6 years ago

    Images are gorgeous!

    0 points
  • Joseph KeenanJoseph Keenan, almost 6 years ago

    Looking nice.

    Have had your site in my RSS feed for a good while now, always clean and refreshing stuff on it. I almost always click through and read it on the actual site, too, since your presentation has always been strong. Glad to see you haven’t lost that quality.

    The pagination is looking pretty weird for me in Firefox, though:

    Defringe Pagination

    It looks like whatever you’re using to strip the titles down to four letters isn’t processing properly. Each letter seems to be wrapped in a span in Chrome, but it’s just displaying the full string just inside the wrapping div in FF. Initially I thought it was just a z-indexing issue, and I think if you can’t find a fix, then bringing the title to the front and putting a transparency fade directly behind it could be a decent compromise.

    0 points