Skip Navigation

Dieline

Type

Web Application

Timeline

2018

Tech Stack

  • Laravel
  • Vue
  • TailwindCSS

Contributors

  • Peter Medina, Development
  • Jones Knowles Ritchie, Design

My Contribution

  • Front-end Dev
  • Back-end Dev
  • Planning
  • Project Management

Summary

The Dieline is the world's most prominent package design showcase and directory, with millions of monthly visitors, thousands of users, and an annual package design convention. The website was moved from SquareSpace to a custom Laravel application in the fall of 2018.

Image of people being masked by the letter D

Instant Search

The Dieline uses Algolia's instant search API to allow fast searching and filtering of articlesand projects. Users can search by keywords, category, substrate, and even color.
Instant Search

User Profiles

Graphic designers and packaging manufacturers can create a public profile that can be searched and sorted by their respective areas. Users can find local designers and manufacturers to meet their design and packaging needs.
User Profiles

Jobs Board

A custom jobs board allows graphic design and packaging manufacturing firms to attract a highly focused audience of package design enthusiasts already visiting The Dieline.

Portfolios

Users can create publicly searchable and sharable portfolios that display their design projects. Portfolios can be sorted by students, working professionals, or manufacturers.

Process

Pete Medina and Trevor Greenleaf worked with Dieline co-owners Andrew Gibbs and Jessica Deseo to assess their needs and offer solutions. The pair began by designing wireframes that would be turned into a design by Jones Knowles Ritchie, a New York and
London-based design firm. Jones Knowles Ritchie did the new branding for Dieline. JKR provided final UI designs, which were then developed into a custom Laravel application.

The Dieline had existed for several years on other platforms before the 2018 relaunch, so a process had to be developed to move posts from SquareSpace and into the new codebase without losing any data. This was accomplished by creating a custom import API that parsed the SquareSpace data and converted it into a format that could be applied to the new Laravel application.