Homepage with Masonry layout.

Homepage with Masonry layout.

The Site

mayakagan.nyc is an online portfolio for digital designer Maya Kagan. After deploying a previous portfolio on the Squarespace 6 Developer Platform, Maya found that her design ideas were constantly in friction with the limitations of the Squarespace product. The solution was a custom Rails site and administrative interface built from the ground up and deployed on Heroku in a weekend marathon.

Admin Interface

Admin interface allows uploading of heros and details.

Admin interface allows uploading of heros and details.

The Technology

On the backend: Rails 4 site using Postgres relational database to store project records and project details. Devise for user accounts providing secure admin access to the administrative interface. Paperclip backed by Amazon S3 for media uploads. FriendlyId for vanity urls and acts_as_list for ordering projects.

On the frontend: customized Bootstrap, making heavy use of bootstrap-sass to make the site responsive. Masonry is used to tile the thumbnails on the front page.

DETAIL PAGES

Custom detail pages support mobile screens and adjust accordingly.