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

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
Illustrated Graphics
Graphics designed and modified in Adobe Illustrator with sourced vector stock imagery.