Get a Quote

MJ Pharma

This retro, Reefer Madness inspired design is bursting with personality. With it's customized e-commerce system, this website is functional as well as charismatic.
Project Showcase

Bold, Retro Graphics

MJ Pharma required a website which would stand out from the rest. With it's screen-filling scale, bold retro-inspired graphics and charming typography, this design delivers on that goal.

Project Image


Our designer has selected a colour palette of a bright, fresh green which bursts out on top of the black and white imagery. This colour scheme has a sophisticated feel with edgy undertones.


We have selected multiple fonts with various personalities. When combined together, these fonts give the design a fun, vintage-y vibe. All of these fonts are web safe, keeping every piece of text editable in the WordPress backend.

Project Image

Top & Main Navigation

The top of the website acts as the hub for user interaction. The MJ Pharma logo appears at the top left corner, immediately establishing this as their corporate website. Beside it is the main navigation which the user will use to get around the site. The main navigation also features a drop down menu (more on this below).

Actionable Items

One of the main purposes of the landing page after drawing the user in with style is to direct them where to go next. This keeps the experience from getting stale and improves conversions. To achieve this, our designer has created three actionable item buttons directly below the jQuery header

Content & Footer

Content laid out in a blob looks awful, so our designer has strategically organized it in columns instead and accented it with vintage engravings. By doing this we create much more interesting and aesthetically pleasing text. The footer includes a secondary menu, contact information and a dynamic Twitter feed.

Drop Down Menu

With a drop down menu, every page on a website is available to the user in just one click! It also helps to organize all of MJ Pharma's pages and products in a concise and distinct matter that just makes more sense.


This website includes a full ecommerce section, allowing clients to buy MJ Pharma's products online.


Geek Power also designed MJ Pharma's logomark. This vintage logo with it's retro typeface and crest-like shape is simple and clean, yet clearly communicates MJ Pharma's cheeky personality.

jQuery Animated Header

Below the main navigation is a large graphic header which visibly "nails down" the website with it's large scale. This simple animation brings life to the design while also being another great place to display content. The slides will fade in and out of each other automatically, or by using the controls to the left and right.


The jQuery slides are the perfect way for MJ Pharma to showcase their products and personality right in the main real estate of the home page.

In Conclusion

We believe that this design not only gives MJ Pharma a modern and professional digital presence which is sure to be memorable among their clients, but it also carefully takes in to consideration how the site needs to be used to insure an ease of navigation and more conversions. This design is bold, engaging and most importantly it is suitable for a contemporary online experience.

If you have any questions, please contact our Creative Director.

Get a Free Quote

Request a free proposal from Geek Power Web Design and get started on your new website today!

We see every new project as an opportunity to indulge our passion for web design and web development. We truly love what we do and we're always excited to start a new website!

Geek Power - Toronto Web Design