Flobot.io

Mania Magazine

Page & Layout Design  •  Design Leadership

Project image for Mania Magazine

Mania Magazine is an arts & culture magazine at UCSD that publishes once every quarter.

Project Summary
Design Leadership

I served as a contributing artist to Mania Magazine for a few quarters and saw that while there were talented writers and artists contributing to the magazine, there weren't any designers on staff. I saw lots of opportunities for better information and visual hierarchy, so when the position for Layout Editor opened up, I applied for it.

  • Letter from the Editor and an article titled 'How to Express Yourself'
  • Page layout for a a fictional story based on photographs
  • A spread for an article inspired by photographs
  • Page layout for an interview with a previous Mania Magazine Editor-in-Chief
  • A spread for an article titled 'What's Next for UCSD?'

As Layout Editor I oversaw everything related to design (page layout, typography, visual hierarchy). The Editor-in-Chief trusted me and gave me and my assistants complete control over the visual direction of the magazine. My team and I explored different ways to effectively organize the content and experimented how to make a magazine visually interesting while only being able to be printed in black and white.

My goal and philosophy was to elevate and enhance the writing pieces through my typography and graphic design knowledge. I wanted people on the team to feel proud that they were part of this and for the magazine to garner recognition on campus to attract more talent and readers.

Skills & Tools
  • Design Leadership
  • Information Hierarchy
  • Page & Layout Design
  • AI Adobe Illustrator
  • ID Adobe InDesign

Here's what I've worked on

Preview of the Unification + Style Guide Project

Unification + Style Guide

UI/UX • Design Leadership
Preview image for Email Strategy

Email Strategy

Visual • Information Hierarchy • Graphics
Preview image for the 'Advanced Filters: Campaign Targeting' project

Advanced Filters

UI • Prototype • Interaction
Preview image for the 'Invite New User Modal codepen'

Invite New User

UI • Front-End/Interaction
Preview image for the 'Intro to Dashboard' codepen

Intro to Custom Dashboard

UI • Front-End/Interaction
Preview image for the Room Upgrade Flow project

Revinate: Marketing

Graphic Design • Page & Layout Design
Preview image for Mania Magazine

Mania Magazine

Page & Layout Design • Design Leadership
Preview image for Becky Bones

Becky Bones

Character Design & Illustration • Page & Layout Design • Art Direction