How will your website rank with the Google mobile-friendly update?

April 21, 2015 / Blog /
Google mobile-friendly update thumbnail

How will your website rank with the Google mobile-friendly update is the biggest questions being asked around the web today after Google announced that it will begin to favour ranking of websites based on their level mobile-friendliness.

 

What does this mean for your website?

If your website pages are legible and usable on mobile devices then Google will consider your website responsive and mobile-friendly and favour your search ranking over other websites that do not meet this new criteria. However, if your website pages are only designed for large screens or Flash based only animations then you may see a significant decrease in mobile search results. The main reason is simple – mobile users who are searching on mobile devices will receive search results most relevant to them, which of course are mobile-friendly websites. How does this effect desktop searches? Read on…

 

Is this the #Mobilegeddon?

Short answer: No, its not the #mobilegeddon. Mobile-friendliness search rankings are simply to help mobile users have a better overall online experience without getting frustrated with websites that are not optimized for smaller sized screens and touch based interaction.

Long answer: Maybe – desktop users on the other hand should see little change in their overall search rankings, but the danger they may fall in are that as more and more people turn to mobile browsing as their primary method of consume online content and commerce, the greater the chance sites that are not mobile-friendly may lose these potential customers to competitor sites that are mobile-friendly. It is in the interest of increasing the overall audience where responsive, mobile-ready designs begin to become an important issue.

 

How to test your website for mobile-friendliness

Google offers a very quick and simple Mobile Friendly Test to check indiviual pages for their levelo of “mobile-friendliness” and also offer suggestions on how to improve the pages.

 

I can help your site be mobile-friendly

For the last few years I have emphasized all my client websites be responsive and usable on mobile devices. Designing websites with modern up-to-date code (HTML5, CSS3, etc) and CMS solutions (WordPress) help meet current market and consumer trends in increasing mobile internet usage and ensures your online presence is viewable on as many devices as possible to reach all of your potential customers. Do you want your website to be ready for the mobile-friendly changes? Let me know how I can help.

You can read full details and information on the Google Webmaster Central Blog.


SakurainHighPark.com Redesign

May 1, 2014 / Blog / 0 Comments /
SakuraInHighPark.com Responsive Website

The SakurainHighPark.com website had gone over a major overhaul the past couple weeks and finally launched tonight!

This year has show a good number of media attention around the website which meant it was a good time to rethink the design to make it more responsive and mobile friendly. A new logo was created incorporating the cherry blossom for a warmer and more welcoming feel to the site visitor.

SakurainHIghPark new 2014 logo design

SakurainHIghPark.com : new 2014 colour and black/white logo design

 

Overall the redesign included a refreshed interface with brighter, cleaner visuals and icons. Based on the excellent Enfold WordPress template and custom CSS code I updated the page sizing, theme colours and elements and used to full advantage the included page builder to create the accompanied pages for the various sections of the site.

I wanted to focus on the photography as much as possible in this new design. I included large slideshow based galleries for each Sakura Watch posting. All 2014 images were saved in 1920 x 1080 (HD resolution) sizes for better full screen quality when viewing.

The second important part of this design was maximizing ad placements for increased revenue potential. This meant finding a fine balance of placing the ads in a way that supports the page instead of overpowering it. The images are the true hero of the site and the layout reflects the weight of the images.

Future plans will include adding an online store and dedicated gallery spaces. What do you think of the new design? The homepage design is shown below – let me know your thoughts and suggestions!

SakurainHighPark website homepage

SakurainHighPark.com : new 2014 website design

 


Robogeddon Concept

November 23, 2011 / Blog / 0 Comments /

In November 2011, the Daily Planet television show on the Discovery Channel held an impromptu design contest for viewers to send in their ideas for a logo badge on a new televised segment called “The Robogeddon“. The concept was to playfully incorporate the idea of how robots are continually beginning to infiltrate our daily lives and posing a possible threat to all humans in the form of an eventual robot uprising in the form of “the Robogeddon”.

This concept was completely illustrated from using Adobe Illustrator and a Wacom Intuos tablet and took inspiration from the old Ghostbusters movie logo as well as the blocky shape of classic ’60s era science fiction tv robots which at the time featured attenae, lights and dials. I chose to add a menacing expression and drew one leg of the robot to be stepping out from behind the barricade as as a clue to the impending robotic invasion! My design which aired during the show is shown below:

Robogeddon : Logo badge concept

Robogeddon : Logo badge concept

Though there was no official winner of the contest and the challenge to illustrate is always fun, I did find it interesting their final choice designed by their in-house designer has some similarities to my design. As the saying goes, ‘imitation is the sincerest form of flattery‘.

Robogeddon badge design comparison

My design aired Nov. 23, 2011 and final design aired Nov. 30, 2011 – photo credit Daily Planet, Discovery Channel.


E-Newsletter // HTML Email – Woodbine Entertainment Group

May 27, 2011 / Blog / 0 Comments /

As part of the Creative Services team at Woodbine Entertainment Group, I art directed and designed HTML and CSS based template e-newsletters and advertisements which were promoted across various brands and events associated with Woodbine and Mohawk Racetracks.

Templates were designed with unified branding elements for the parent company and established subtle unique characteristics for each individual brand and target audience. Multiple versions were adapted to allow for flexibility in conveying single or multiple event and product messages per email.

Co-ordination with the internal web manager, IT, external agencies and online publications worked to deploy promotional html e-newsletters to audiences throughout the Greater Toronto Area and United States.

> Coding : HTML, CSS, Javascript

> Software : Adobe Photoshop, Adobe Illustrator and Adobe DreamWeaver

 

e-Newsletter // HTML Email : Promotion for motion picture Secretariat

e-Newsletter // HTML Email : Promotion for motion picture Secretariat

 

e-Newsletter // HTML Email :  Thoroughbred Racing opening weekend promotion

e-Newsletter // HTML Email : Thoroughbred Racing opening weekend promotion

 

e-Newsletter // HTML Email :  Wagering promotion

e-Newsletter // HTML Email : Wagering promotion

 

e-Newsletter // HTML Email : Woodbine racetrack promotion

e-Newsletter // HTML Email : Woodbine racetrack promotion

 

e-Newsletter // HTML Email : Mohawk racetrack promotion

e-Newsletter // HTML Email : Mohawk racetrack promotion

 

e-Newsletter // HTML Email : BizBash.com hosted promotion for Woodbine racetrack

e-Newsletter // HTML Email : BizBash.com hosted promotion for Woodbine racetrack

 

e-Newsletter // HTML Email :  Special event weekend promotion

e-Newsletter // HTML Email : Special event weekend promotion

 

e-Newsletter // HTML Email : Holiday promotion for HostYourEvent.com

e-Newsletter // HTML Email : Holiday promotion for HostYourEvent.com

 

 

 


Queen’s Plate 151st Racing Program Cover

June 30, 2010 / Blog / 0 Comments /
Queen's Plate 151st Program Cover with gold foil

Queen's Plate 151st Program Cover with gold foilQueen’s Plate 151st Racing Program Cover with official photo marking the Canadian visit to Woodbine Racetrack of Her Majesty Queen Elizabeth II and His Royal Highness the Duke of Edinburgh.

 

 

 

Queen's Plate 151st Program with Queen Elizabeth : Cover

Queen’s Plate 151st Program with Queen Elizabeth : Cover

 

Queen's Plate 151st Program : Gold foil embossing

Queen’s Plate 151st Program : Gold foil embossing (close-up)

 

Queen's Plate 151st Program : Interior feature layout

Queen’s Plate 151st Program : Interior feature layout

 

Queen's Plate 151st Program : Center spread layout

Queen’s Plate 151st Program : Center spread layout

 

Queen's Plate 151st Program : Center spread layout (close-up)

Queen’s Plate 151st Program : Center spread layout (close-up)

 

Queen's Plate 151st Program : Interior feature layout

Queen’s Plate 151st Program : Interior feature layout

 

Queen's Plate 151st Program with Queen Elizabeth : Back Cover

Queen’s Plate 151st Program with Queen Elizabeth : Back Cover


Bet It To Get It // Woodbine & Mohawk Racetrack

March 3, 2010 / Blog /
Bet It To Get It : Branding

Bet It To Get It : BrandingAs part of the Creative Services team at Woodbine Entertainment Group, I designed the branding visuals for the Bet It To Get It branding initiative.

The art direction and graphic design incorporated one of the most common themes seen by the average horse racing fan –  the betting (wagering) voucher  – and use it as the grounding branding element.

Theme : experience the excitement and the thrill of live horse racing

Colours : tan/brown, beige, white

Design Tools : Adobe Illustrator, Photoshop, InDesign, DreamWeaver

 

Concept Development

Using a photographed betting voucher as the starting point, the look and feel was first developed in Adobe Photoshop to establish the subtle colours in the creases and folds. The photo was then redrawn in Adobe Illustrator to create a vector illustration to ensure the branding element maintain scalability and visual consistency across print and web-based media.

Bet It To Get It : Betting voucher original photo serving as inspiration to a clean template.

Bet It To Get It : Betting voucher original photo serving as inspiration to a clean template.

 

Bet It To Get It : Adobe Illustrator vector based illustration for use across all media.

Bet It To Get It : Adobe Illustrator vector based illustration for use across all media.

Font usage also reflected the theme through both colour, stamp-look styling of the original voucher and carried through with catch phrases that emphasized ‘the thrill’ of live racing.

 

Brand Taglines

Bet It To Get It : Phrases based on 'the thrill' theme and original voucher colour and stamp styling.

Bet It To Get It : Phrases based on ‘the thrill’ theme and original voucher colour and stamp styling.

 

Brand Usage // Print and Web Media

Bet It To Get It : Branded marketing card for S.A.M. (betting) machines.

Bet It To Get It : Branded marketing card for S.A.M. (betting) machines.

 

Bet It To Get It : Branded billboard advertisement for Woodbine Racetrack.

Bet It To Get It : Branded billboard advertisement for Woodbine Racetrack.

 

Bet It To Get It : Branded email deployment for Mohawk Racetrack.

Bet It To Get It : Branded email deployment for Mohawk Racetrack.