TSI.ca

Reviving a dated website to modern standards with a responsive HTML5 design.

Technology Solutions International Ltd. (TSI) required a new website design to update their static, non-responsive website into an updated online presence with a modern, responsive and fresh look. Redesign included recreating and updating the logo and developing new colour scheme and design guide to be applied throughout the website redesign and future marketing materials.

Role included

  • created an updated logo and branding guide (colours, font usage, logo)
  • with new brand, designed the website interface and layout in Adobe Photoshop and Illustrator
  • designed and illustrated vector based artwork throughout site
  • hand-coded and developed CSS, PHP and HTML with BBEdit
  • used responsive CSS3 and HTML5 standards throughout site design
  • integrated third-party eStore into site with Javascript
  • added Google SEO optimization & Google Webmaster Tools integration throughout site

Project Overview:

Logo

TSI dot ca logos in two colours

Typography

General Font
Arial | 300 Weight
Logo Font
Inherited From General Font
Menu Font
Oswald | 300 Weight | UPPERCASE
Heading Font
Oswald | 400 Weight | UPPERCASE

Colors 

 Gold

PMS
Pantone 110 C
CMYK
16, 31, 100, 0
RGB
219, 169, 0
WEB
#DBA900

 Black

PMS
Pantone Black C
CMYK
75, 68, 67, 90
RGB
0, 0, 0
WEB
#000000

Screenshots

View individual pages of TSI.ca website design.

Illustrated Graphics

Graphics designed and modified in Adobe Illustrator with sourced vector stock imagery.

Technologies Used

HTML5
CSS3
PHP
Javascript

 Let's Work Together.If you like what you seethen contact me. 

0
Comments

Leave a Reply