{"id":844,"date":"2015-04-14T15:56:00","date_gmt":"2015-04-14T19:56:00","guid":{"rendered":"http:\/\/www.harrisweb.ca\/blog\/?p=844"},"modified":"2016-11-25T18:15:20","modified_gmt":"2016-11-25T23:15:20","slug":"website-design-milton-superchrome","status":"publish","type":"post","link":"https:\/\/www.harrisweb.ca\/blog\/website-design-milton-superchrome\/","title":{"rendered":"Website Design Milton – SuperChrome"},"content":{"rendered":"

\"superchrome\"<\/a>SuperChrome:\u00a0The future of Spray-Chrome Technology<\/h1>\n

Click the image to visit the site: www.superchrome.ca<\/a><\/h4>\n

\u00a0For the Ladies<\/h2>\n

The images used in this site are of pretty girls, fast cars, and lots of chrome because that is<\/em><\/span> the demographic…so forewarned is forearmed.<\/p>\n

How it all started<\/h3>\n

The owners of this company were introduced to me by another client. \u00a0They had already fired one designer and the second developer was not doing a good job for them. \u00a0The project was really daunting in that the site required a lot of technical re-write of both the code and the content. \u00a0It also required some serious design triage. \u00a0The principals of the company were really busy with the day-to-day operations of the company and needed someone with some vision, technical skill, and the ability to get things done in a vacuum.<\/p>\n

About the Company<\/h3>\n

This is a international company that sells 3 basic products, imported from abroad and manufactured here, to distributors in foreign and domestic markets for re-distribution to end user service providers in the automotive industries. Those products include:<\/p>\n

    \n
  • permanent spray-on chrome<\/li>\n
  • hydrographic technology to use over chrome<\/li>\n
  • automotive tints, paints and clears to work in specialized locations<\/li>\n<\/ul>\n

    About the Website<\/em><\/h2>\n

    Extensive use of Sliders<\/h3>\n

    This site incorporates many sliders each is styled as a revolving 30 secondish\u00a0<\/em>commercial to sell one of the brands this company trades under. \u00a0Most of the images in the sliders were created by myself, sans photography that was provided by the company. \u00a0I also did the choreography for the sliders so everything timed, just right. If you are interested in some of the technical details of how to do this, message me, and I will gladly show you how I did it.\u00a0<\/em><\/p>\n

    Designs by Yours Truly<\/h3>\n

    Each of these products sells under a different brand and as such, required 3 separate logos, these are my designs and registered trademarks for the company. \u00a0The initial brand SuperChrome, started to be developed by another firm, I took over the design and brought it, along with the others to fruition. \u00a0 There was a great deal of drift in the brand image before I took over and I had to standardize much of the imagery and bring the brand back on track.<\/p>\n

    Content Writing<\/h3>\n

    Based on copious amounts of information provided by the company, and my own research, I cobbled together the content \u00a0and wrote the paragraphs in understandable language. \u00a0This is a lot harder than it sounds – the product is highly technical in nature but is sold to users, usually automotive specialty painters and artists, that have not been educated \u00a0to the same degree as the research scientists that develop the product for the company. \u00a0I acted as a bridge between the PHD’s and the laymen.<\/p>\n

    Video Content<\/h3>\n

    The company had a large cache of raw video from disparate sources that had to be edited. \u00a0The video has good and not-so-good content on the same “reals”. \u00a0I chopped much of it into bite-sized pieces, developed and added and consistent intro and outro for the videos. \u00a0I even played and recorded the opening licks on the guitar that are incorporated into the intros and outros for the videos.<\/p>\n

    Technical Goodies<\/h3>\n

    There are a few technical goodies thrown into the site that I developed. \u00a0If you view the page source you will see a couple of JavaScripts in the head.<\/p>\n

      \n
    1. Establishes a Fixed-Fluid-Fluid Column design, that was necessary due to the nature of some of the content.<\/li>\n
    2. Resizes the videos to column-width as the fluid columns resize.<\/li>\n
    3. Embeds a live map into a slider and established the map-pins on the map.<\/li>\n<\/ol>\n

      Shopping Page<\/h3>\n

      The shopping page uses PayPal’s native shopping cart rather than creating a whole e-commerce system because the company only sells a few different products. \u00a0I chose to go this route for ease of operation and consistency in design.<\/p>\n

      Other Collateral<\/h3>\n

      In addition to the website, I designed and printed<\/p>\n

        \n
      • product labels<\/li>\n
      • brochures<\/li>\n
      • flyers<\/li>\n
      • business cards<\/li>\n
      • postcards<\/li>\n
      • application guides<\/li>\n
      • product inclusion usage guides<\/li>\n<\/ul>\n

        \u00a0Next Steps<\/h3>\n

        Currently I am working on a series of education modules that can be sold to end-users and others who want to learn how to do Hydrographing commercially. \u00a0This skill is seriously sought after, and though, at its base, is quite simple, requires a great deal of skill to move beyond the basics and create the quality demanded in the automotive after-market. \u00a0The education modules will be a combination of video and text-based learning units housed in a custom, secured, online school with testing and certification for graduates.<\/p>\n","protected":false},"excerpt":{"rendered":"

        SuperChrome:\u00a0The future of Spray-Chrome Technology Click the image to visit the site: www.superchrome.ca \u00a0For the Ladies The images used in this site are of pretty girls, fast cars, and lots of chrome because that is the demographic…so forewarned is forearmed. How it all started The owners of this company were introduced to me by another […]<\/p>\n","protected":false},"author":1,"featured_media":845,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[40,20],"tags":[],"class_list":["post-844","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design-portfolio","category-website-design"],"_links":{"self":[{"href":"https:\/\/www.harrisweb.ca\/blog\/wp-json\/wp\/v2\/posts\/844","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.harrisweb.ca\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.harrisweb.ca\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.harrisweb.ca\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.harrisweb.ca\/blog\/wp-json\/wp\/v2\/comments?post=844"}],"version-history":[{"count":6,"href":"https:\/\/www.harrisweb.ca\/blog\/wp-json\/wp\/v2\/posts\/844\/revisions"}],"predecessor-version":[{"id":852,"href":"https:\/\/www.harrisweb.ca\/blog\/wp-json\/wp\/v2\/posts\/844\/revisions\/852"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.harrisweb.ca\/blog\/wp-json\/wp\/v2\/media\/845"}],"wp:attachment":[{"href":"https:\/\/www.harrisweb.ca\/blog\/wp-json\/wp\/v2\/media?parent=844"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.harrisweb.ca\/blog\/wp-json\/wp\/v2\/categories?post=844"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.harrisweb.ca\/blog\/wp-json\/wp\/v2\/tags?post=844"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}