Loading ...

Responses by Tosh Hall, global executive creative director, Jones Knowles Ritchie, Andrew Gibbs, CEO/editor-in-chief, Dieline and Peter Medina, web developer partner, CodeTime

Background: Since 2007, creative platform Dieline—previously The Dieline—has become a go-to source for daily inspiration, news and events in the packaging and branding design industry. We developed a site from the ground up to focus on some much-needed features that our community was asking for that we previously didn’t have.

Highlights: We kept the Dieline brand black and white; that way, the work can stand out and be the color. We’ve added a notch inspired by the D to photos that showcase which pieces are original Dieline content. The custom Dieline Sans typeface is also designed with no curves, which makes it feel structural and strong.

Challenges: Developing a site from the ground up. We previously ran the site on Squarespace, but had outgrown it and set out to create a faster site. As we were developing, we had even more ideas, and we pushed past what we initially set out to do. Also, Dieline had over 18,000 blog posts since 2007, so getting everything transferred over was a challenge and something we are still working through.

Favorite details: The new “Best of the Week” section. Previously, it was a listicle of sorts that linked out to the most viewed articles of the week. With the creation of a “Best of the Week” section, users can immediately see some of the top weekly articles.

Navigational structure: The navigation connects the various features of the new platform in a seamless way. The Blog is the obvious first link, but we also included links to user-content fed pages in the same column while reserving the second column for external links and user authentication. On mobile, everything collapses into a single, unified list.

Time constraints: YOLO—You only launch once—was our guiding principle, but our timing changed. We intended to launch in early 2018, but at the beginning of the year, Andrew was diagnosed with a brain condition and a spinal cord injury, needing emergency brain and spine surgery. This postponed the launch but gave him the time, space and perspective to push the redesign and website into new directions.

Technical features: The Dieline platform was created using the Laravel PHP framework in combination with Vue JS, a Javascript library that allowed for the kind of reactivity this project requires.

Anything new: We learned that initial deadlines, budgets, and ideas go out the window when you’re deep into site development.

beta.thedieline.com

Browse Projects

Click on an image to view more from each project
X

With a free Commarts account, you can enjoy 50% more free content
Create an Account
Get a subscription and have unlimited access
Subscribe
Already a subscriber or have a Commarts account?
Sign In
X

Get a subscription and have unlimited access
Subscribe
Already a subscriber?
Sign In