Maple Leaf Foods

Responsive Corporate Website. Digital Rebranding.

UX/Wireframes

Discovery. Vision. Execute.


Majestic Media worked with various stakeholders at Maple Leaf Foods including:

  • Human Resources

  • Investor Relations

  • Digital Marketing

  • Corporate Communication

The UX created was meant to serve the business goals various departments while serving the needs of customers.

Typography

Extremely Simple And Clean.


Gotham

Frutiger

Arial

Main Typography Secondary Typography Native Typography
Use: Main Menu, Headers, Buttons
Variants: Book, Medium

It's a sans serif font family with a
geometrical construction.
The Frutiger family is neither strictly
geometric nor humanistic in construction.
Contemporary sans serif design, Arial
contains more humanist characteristics.

Page Load Page Load

Impact on page load time
Tip: Using many font styles can show down your webpage, so only select the font styles that you actually need on your webpage.

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

0 1 2 3 4 5 6 7 8 9

Main Abgotham
Secondary Abfrutiger
Native AbArial

Custom Icons

We created a set of custom icons
for the website


Drag & Drop to see the structure

Standard Measure

Colour Palette

Extremely Simple And Clean.


We used only three basic colors to simplify the interface to focus the user’s attention to important information.


#ffffff

open40% of
White Space

#32392f

#004b8d

#272b34

open40% Primary
Colour Palette

#a01920

#3e72a1

#47bedc

open20% Secondary
Colour Palette

40%
40%
20%

Art Direction

Applying the new branding in every section and development of skilful art direction.


Responsive Site
Desktop - Tablet - Mobile

Mobile

Extremely Simple And Clean.


Online Banners

We created branding guidelines for their digital media banners.
A total of 13 custom ad units.


Standard Banners:
728x90 - 160x60 - 300x50
300x250 - 970x250

Expandable Banners:
970x90 / 415 - 300x250 / 600

Mobile Banners:
480x80 - 300x50 - 300x250
1024x768 - 600x90

UI Elements

For effortless browsing and navigation, user interface elements are consistent in their placing and meaning.


We created a 90 page digital branding guideline covering all digital aspects for Maple Leaf Foods


Majestic Media successfully designed & developed a responsive corporate website for Maple Leaf Foods that's fully powered by WordPress.

Looking to Achieve Digital Success? Contact Us Today.