AHA Website & Logo

A freelance web design project I did for Berkeley High School's Arts and Humanities Academy

Web Design
Headless CMS
Web Typography

Gallery
mockup of the homepage for the AHA website on mobiledetail of retail display box, both full and emptythe back of one individual pack of ahathe front of one individual pack of ahathe zine inside each packagethe logo I designed for AHA

Description

This is a freelance project for the art department at the high school that I attended, where I designed and built a new website for them. Their previous website had been made in 2005, and they badly needed something that fit today’s standards for design, usability, and maintainability. They needed a solution that was easy to use, and reflected their pedagogical ideology, and I was the perfect person for that, seeing as I studied in the department not too long ago.

Since high school though, I have learned a lot of new skills, and been surrounded by people much more invested in design and technology than most people are, so I had to remind myself that my context is different than my client’s. Throughout the project, I learned to check myself when I would think of them with the same technical disposition as I have. Even though some of them knew how to edit websites, none of them wanted to have to deal with that on a low level. I learned how to balance what I wanted to see in the website with what they were willing to commit to, in terms of maintenance and upkeep. I think that this is the most important lesson that I learned from this project, that the first priority is always the client’s best interest.

a screenshot of the admin interface of the AHA Website
The content management system that I used to host the website has a built in plugin which enables my client to easily update their website. I was able to extend the plugin in some small ways in order to tailor it even closer to their specific needs.
"astro:assets"
a screenshot of the content editing pane i configured for the AHA website
the CMS natively uses markdown to write pages, but it became clear that my client did not wish to have to deal with learning the syntax. I was able to find a more appropriate solution by using a WYSIWYG editor instead.
"astro:assets"
the mobile homepage for the website mocked up onto an iphone
the website is fully responsive, providing a customized user experience for mobile and desktop users.
"astro:assets"