⁕ Prélude

Medium

Creative Cloud, Figma, Jekyll, Sass

Role

  • Brand
  • Product
  • Developer
  • Project timeframe

    1 year

    Prélude

    Medium

    Creative Cloud, Figma, Jekyll, Sass

    Role

  • Brand
  • Product
  • Developer
  • Project timeframe

    1 year

    Relevant links

    I. Building Brutal

    The objective of this project was to build a site for Other People, a student run magazine at UC San Diego. Given both the brutalist nature of the school’s architecture along with the high functionality of the art form itself, our team wanted to design a site that could live cohesively within those two spheres.

    Role

    My role was here was to design/develop the frontend site, create a global search function, as well as implement a CMS that others on my team could easily manage.

    II. Research

    One of the things that drew us into creating a brutalist design for Other People was that it allowed for minimal distractions and prioritized the readership/viewership of student work. It also made the process of building a modular design system much easuer. Having these modules/components enabled the designers and developers to build more quickly while maintaining the brand identity.

    Brutalist web design mood boards

    Below is a wireframe of our initial ideation of the site, along with inspiration along the sidelines of the frame.

    III. Brand

    Typography

    Basier by Atipo Foundry

    IV. Final Product

    Homepage

    The final product showcases touts its brutalist aesthetics and functionality throughout the site. Even from when the user lands on the page, to dropping down the menu, they are met with rich, bold text that directs them directly to the core of the experiece, the student content itself.

    Hero

    Homepage explorer

    Content

    Fiction

    Visual Arts

    Dropdown menu

    Globally implemented instant search function