Photozine One (mobile only)

This is a project I did over quarantine to brush up on my web development and design skills, as well as have a new platform to showcase my photography. I have wanted to create a magazine to show my photography for a long time, and I figured why not create a digital one. It would be easily accessible to all and free to make.

For the theme of this zine I decided to showcase my photography from only 2020, primarily the few months before lock down. It is a combination of both 35mm film photography and digital photography.

I decided that I wanted to focus on the mobile crowd for this first magazine, reason being I would post the announcement of this new photozine on my instagram; and if you’re on instagram you are most likely on a mobile device.

I did all of the layout design in Adobe InDesign, this was my first attempt at something like this and I had a lot of fun coming up with different layouts. I knew I wanted this to read and feel like a magazine, a huge part of that to me is the horizontal flow through a physical magazine, so I tried to imitate that feeling of flipping through pages by utilizing horizontal scrolling along with snapping to “snap” to each “page”.

I ended up with multiple designs and slimmed down a bit, I did keep in mind sections/pieces I could repeat throughout the magazine as that would be less to code in the end.

Colors and Fonts for Magazine

I had a ton of fun creating this website/magazine and learned a lot. This really pushed my web development abilities and the satisfaction I experienced once the site worked is next to none. Knowing it is possible to create a layout, whether it be InDesign, Figma, or a piece of paper; and figure out a way to change that into a usable website, truly excited me and gave me the confidence to continue learning to code.

This site is still up and running, this is a mobile site and will only work on mobile devices. I plan on creating more digital photozines in the future which will be both desktop and mobile.

Click Me

to view the website (mobile only! It is also a bit slow to load, please be patient or scroll to the right)

To view the code on github click here