top of page
dailyd.png

Daily Drip Coffee Company Website

Daily Drip Coffee Co. is a hypothetical coffee shop that serves the Antelope Valley community. Creating this brand was one of my favorite projects. So, I thought I'd take the idea a step further with this website!

Methodology

To develop the website, I worked with HTML and CSS in Adobe Dreamweaver. I also used Adobe Photoshop and Illustrator to design graphic elements specific to the brand.

code.jpg
Daily drip website sketches 1.jpeg
home.png

Home Page

As the landing page, the home page was fundamental to developing this website. I included a  slideshow in the header to advertise seasonal drinks and deals. Also, the home page gives the user a glimpse of the drink menu and merchandise.

Coffee Page

The coffee page houses all of the specialty drinks available at the Daily Drip Coffee Co.  At the top, is a looped video of coffee dripping from a pourover with the text "the drip never stops."

_Users_nataliesmac_Downloads_bar.dw-final2_coffee.html (1).jpg
Daily drip website sketches(3) 4.jpeg
Daily drip website sketches(1) 2.jpeg
merchandise.png

Merchandise Page

Daily Drip Co. also sells merchandise. This page features custom apparel, coffee beans, and stickers. Each category is organized with different sections of the page using contrasting backgrounds.

_Users_nataliesmac_Downloads_bar.dw-final2_about.html.jpg

about Page

Since this is a hypothetical coffee shop, the about page content describes my inspiration behind the brand creation. I used colorful images and blocks of color to separate each section and emphasize bits of information.

Daily drip website sketches(4) 5.jpeg
_Users_nataliesmac_Downloads_bar.dw-final2_contact.html (1).jpg
_Users_nataliesmac_Downloads_bar.dw-final2_sign-in.html.jpg

Contact & Sign in Pages

I wanted to make the contact page unique, so I took the package label graphics and incorporated them in the header.  Then, I added icons to make the contact information more interesting. Overall, I kept the sign-in page simple and to the point.

daily-drip-mock2.jpg

Final website

NB.png

©2022 by Natalie Barnes. Proudly created with Wix.com

bottom of page