![](https://pro2-bar-s3-cdn-cf1.myportfolio.com/ddfa48e92fbee62447149d5644e45ef8/98167af0-5ea1-4c1f-b97f-dfa800de95f5_rw_1920.png?h=5c42faab160a8aec90b000bc9d255eae)
As a final project for my web design course at General Assembly, I was tasked with the design and development of a fully responsive website. The content of the site was left open-ended and up to each student to choose.
I used this project as an opportunity to develop a faux brewery brand inspired by my university art and design building and the creatives in residence there.
brand development
![](https://pro2-bar-s3-cdn-cf2.myportfolio.com/ddfa48e92fbee62447149d5644e45ef8/3400d9a4-fb69-44bf-b880-659bdb4a4d4f_rw_1200.png?h=1efa5a3c83751fe33423688b9f61c8e4)
visual inspiration
Riley Hall was lovingly known as one of the messiest buildings on campus. It housed a variety of studio spaces, including graphic design, industrial design, darkrooms, painting & drawing, printmaking, sculpture, ceramics, and a wood shop. The worn and familiar tools of artists at work inspired the brand's industrial flair.
![](https://pro2-bar-s3-cdn-cf1.myportfolio.com/ddfa48e92fbee62447149d5644e45ef8/9e9292de-2d41-48d3-9611-5a4e8af31a13_rw_600.png?h=cad46ccc66dd3e4996d1e46dc2f647d1)
typographic exploration
The typographic voice of the brand blends the strength and dependability of an artist's tools and materials with the thoughtful refinement of artistry and craftsmanship.
![](https://pro2-bar-s3-cdn-cf1.myportfolio.com/ddfa48e92fbee62447149d5644e45ef8/cc7e90e6-7c41-463b-a435-8a6f26ebd1c6_rw_1200.png?h=9315bc0dfff346920efa8b5e1b4ff046)
logo exploration
![](https://pro2-bar-s3-cdn-cf5.myportfolio.com/ddfa48e92fbee62447149d5644e45ef8/65b561bb-2532-4641-9fb9-660ce3e6445e_rw_1920.png?h=4f1ea22950c912a21498eb8621f50280)
product label lockups
![](https://pro2-bar-s3-cdn-cf3.myportfolio.com/ddfa48e92fbee62447149d5644e45ef8/e6bea1ae-d7c9-4613-991d-1da97158fdb3_rw_600.jpg?h=2529c50104a7719b2121b1009853fe2e)
![](https://pro2-bar-s3-cdn-cf.myportfolio.com/ddfa48e92fbee62447149d5644e45ef8/8737e19a-0e2d-4f4c-93da-36fece9db258_rw_600.jpg?h=9b71d5a4f2e81e58ea4ff6c8738f0fbe)
![](https://pro2-bar-s3-cdn-cf3.myportfolio.com/ddfa48e92fbee62447149d5644e45ef8/ea71c111-14a2-4d2e-95ee-3d2e16900d40_rw_600.jpg?h=d1e91a35036749a3a5138ce2d5569e0b)
label artwork inspired by photography, sculpture, ceramics, drawing, and painting
![](https://pro2-bar-s3-cdn-cf3.myportfolio.com/ddfa48e92fbee62447149d5644e45ef8/4485a15f-6c98-490f-8535-b3236312f85a_rw_600.png?h=76893ff9cec848322df10d31b7c31da9)
![](https://pro2-bar-s3-cdn-cf6.myportfolio.com/ddfa48e92fbee62447149d5644e45ef8/a661870b-ee39-406d-8c1a-ad685ebb957b_rw_600.png?h=bb30631dd575aedade74765a6268f8bf)
![](https://pro2-bar-s3-cdn-cf1.myportfolio.com/ddfa48e92fbee62447149d5644e45ef8/97055098-68b5-45dd-8c97-11d7a3c7c03b_rw_600.png?h=318a61e90d8fabb1e6afac70f2118758)
![](https://pro2-bar-s3-cdn-cf2.myportfolio.com/ddfa48e92fbee62447149d5644e45ef8/d8c0b899-ae1e-4183-8b54-a29c3d4e3410_rw_600.png?h=ea5f5c6142fb62aed999c570716fe658)
![](https://pro2-bar-s3-cdn-cf3.myportfolio.com/ddfa48e92fbee62447149d5644e45ef8/e26a1db7-a040-4103-b0c5-4f3eafcf48fd_rw_600.png?h=0aa799d500cfa81b37604207fd468675)
![](https://pro2-bar-s3-cdn-cf6.myportfolio.com/ddfa48e92fbee62447149d5644e45ef8/aa1f1a4b-b57b-485b-bf28-710924c0ca4b_rw_600.png?h=080e5ccfdb6f0f67688f32050f80d528)
product can and serve imagery
![](https://pro2-bar-s3-cdn-cf2.myportfolio.com/ddfa48e92fbee62447149d5644e45ef8/315afaad-75ec-4098-baf0-a29557da6e65_rw_600.png?h=8ea604776447a17dfefe290344ee38ea)
![](https://pro2-bar-s3-cdn-cf3.myportfolio.com/ddfa48e92fbee62447149d5644e45ef8/e959ffe1-d94d-46b6-84ec-2ab01651b476_rw_600.png?h=d566af86968b733e942eefa6a376e3c3)
![](https://pro2-bar-s3-cdn-cf.myportfolio.com/ddfa48e92fbee62447149d5644e45ef8/8963e757-04bb-4865-a966-10f08b66f7d6_rw_600.png?h=b6f62c9f463a0a0023f8c7a1c65cc7d5)
tap handle mockups
website development
![](https://pro2-bar-s3-cdn-cf6.myportfolio.com/ddfa48e92fbee62447149d5644e45ef8/762b505b-714e-44fe-9c9e-6b71a93fb674_rw_1920.jpeg?h=596b2236589eb6301452f8e4de306311)
![](https://pro2-bar-s3-cdn-cf2.myportfolio.com/ddfa48e92fbee62447149d5644e45ef8/d1cf231c-1acc-49f3-a061-e9e0ed4313bd_rw_1920.jpeg?h=fa86407cd826f01e5ef9a84ef5976779)
wireframe sketches
![](https://pro2-bar-s3-cdn-cf3.myportfolio.com/ddfa48e92fbee62447149d5644e45ef8/41a63e07-0f29-4c4d-aa7d-e85eec31bcc8_rw_1920.png?h=7890dc15fedb24fc703744fa0390d19b)
high fidelity photoshop mockup of the site header
My very first attempt at fully coding a website!
email design
In addition to the responsive website, we had the option to design an email as well. I decided to create a new limited edition product (Winter Break) for the brewery to send a launch email about.
![](https://pro2-bar-s3-cdn-cf1.myportfolio.com/ddfa48e92fbee62447149d5644e45ef8/9b8bb860-4030-455b-a5f4-6f562464baa9_rw_600.png?h=d833d703087cb04770abc16443b84048)
email design mockup