prsm


PRSM Photography is a small independent studio that specializes in still-life, portrait-subjects, landscape, and wildlife photographs. Its craft is as much a hobby as it is a business.

  • ROLE

    Front-End Developer

  • TECHNOLOGY

    HTML, CSS, Javascript

  • TYPE

    Responsive Website

case study


The design and development goal for this project was to establish the logo and website with an overall minimalist appearance in order to give it a clean and edgy feel (echoing a similar sentiment about the professional photography industry). The logo needed to be simple, uniform, playful, and easy to read from left-right to top-down. This helps to express the notion of how photographers interact with their subjects and how art interacts with their viewer by encouraging eye movement through the viewers gaze.

Intro Page

The fluid interactive navigation process includes icons and panels, all of which are consistent throughout all works ranging from thumbnails, to large format, to slideshow views. The mobile and desktop versions needed to be both dynamic and similar, yet distinct. The two distinct versions of the site aim to recognize the limitations and maximum potential of varying screen sizes to create the best possible experience for the end-user in mind. At the same time, the similarities help foster brand recognition.

Main Page

All the panels were built using flexbox containers to track width changes and adapt accordingly whenever click event happens on any of them. The unselected categories have their names rotate as well to accommodate these changes. You can change the view to the next or previous image, play a slideshow, or go to thumbnail view to see the catalog.

Panel View

By selecting any image in the thumbnail view, it'll take you back to the main page with that new image in view as a main panel.

Thumbnail ViewBird View

learn more


Visit the website or watch a video demo of desktop and mobile below.