Origins Coffee

Omnifood app on iPhone

Origins Coffee was a project to design an online presence for an artisan coffee roasters based in Dublin. The project required market research to inform the design which included a logo and website build without the use of any frameworks or libraries. The result of this project was a fully responsive website, infromed content and a logo brand.

Market research

The process consisted of conducting market research into the domain. Trends and aesthetics were observed within the sites domain and wider coffee themed industry. Competitors were analysed and assessed from which a general theme was derived. Minimalistic, muted colours and strong imagery were often observed amongst the market.

Logo Design

There were a number of inspirations for Origin's logo, one of which was that of Starbucks whose use of round shapes draw the eye in and further added green for contrast, portraying their environmentally friendly nature. Other forms of inspiration came from independent coffee brands such as; Parralel Coffee and Seven Virtues.


Origins Logo

These brands offered a more simple design from which the idea for Origins was drawn from. Both being Artisan, independent coffee brands, maintaining a two colour feature to the logo. From this research it was decided that Origins would need a simple and striking brand.


Origins Logo

Sitemap / wireframes


Origins Sitemap

Origins Logo

Home page


Origins Logo

About page

Design

Following my early research and having my sitemap and wireframes completed, I then began the site build. Below are the final designs for the core pages of the Origins website.



Origins Homepage

Home page



Origins Homepage

About page



Origins Homepage

Shop page



Origins Homepage

Subscription page



Coding

Origins Coffee is a responsive website built using HTML, CSS, JavaScript. Following the submission of this project there was bootstrap and JQuery added.

The code for this project can be viewed here.