Calgary Silkscreen Inc.

Refreshing the website for an incorporate who didn't update their online presence since 2015

Company Background

Calgary Silkscreen Inc. has been the one-stop shop for many local businesses and organizations since 1983. They provide custom printing, promotional solution and embroidery services to a wide range of clients from individuals that are in demand, many scale apparel clothing lines, marketing firms, local businesses, government organizations etc.

DISCOVERY

Website was updated in 2015!

The website design was outdated compared to existing trends and designs.
Lack of structure in the sitemap, some unnecessary repetitive content with a different page that doesn't correlate to the title.
The company is famous for an unmatched leader in the industry by providing superior quality and on-point customer services. While aiming to preserve the existing value, they are aware that it was time for them to refresh and polish their online presence to approach a larger scope of clients.
Also, they didn’t have the proper analytic system to keep track of the traffic and performance, which resulted in the false performance evaluation. With no data to based on, the company could develop a strategy that does not impact their current and future customer.

Refreshing the look while preserving the traditional business values

Redesign the website

Restructure the website is a must in order to lead the potential customer to the designated flow which could lead to the increasing of key performance goals – quote submissions.

Project Goals:

Revamp the visual appearance, in need of flashier design, strong identity, animation to help draw user’s attention to important content
Showcase services and client feedback (they have been served a large scope of clients) to increase credibility.
Better organize their site to target the right potential customer

DESIGN PROCESS

I. Information Architectural

Long duration sessions duration is not always positive

• Remove the unnecessary sections and focus on building the impression of the company's expertise in the services that they offer.
• The complicated navigation will increase the drop rate since customers get distracted and have to browse over too many pages to get all the information they need.
• Add navigation of product page and e-commerce increase traffic and sale, where the customer could browse to see of products the company offers

II. Prototype

Constructing the site skeleton

To provide users with an enjoyable experience on the website it’s important to anticipate their need to provide relevant information on each step. Therefore, get to know the user journey will help us draft out the preliminary version for the site. Based on this, it was possible to simplify user-flows between pages by removing unnecessary pages, merging existing and adding new ones when needed. I decided to omit the Gallery page and place the final product image at the end of each Service section to give the validity that will help increase the conversion rate.

III. Style Concept

Give them the visual appearance

I would like to augment the brand awareness by using more of the brand colour on other elements on the website to create a strong and unforgettable impression on the user. The font should be changed to Arial for headings and Lato for body text, which helps achieve a clean, minimal and modern look for the site.riter to help us audit writing and SEO.

IV. User Experience

With better appearance, comes with better experience

Even though my intention mainly focused on revitalizing the site’s look, however, like every design project, it has to help business grow, in this case, increasing the quote requests.

Don't ever forget mobile layout!

Since there was traffic from social media platform (Instagram, Facebook), I had to come up with mobile that is scannable and highlight the feature services that the business offer in order to give the s strong glimpse of our identity

IV. Final Thoughts

When the quality matters

I took advantage of the company's relocation period to introduce the new website following 2 reasons:

The current (and former) client would check the website for the address of the new location
The establishment of new business in the area would intrigue people, which lead to the new flows of traffic, new users to test the new site out

People’s feedback about the website so far has been positive. I got compliments regarded on the bold new look that reflected the company's identity sharply. The ease of use has been confirmed. There's nothing to determine the accomplished of one project better than data, I've been monitored the website metrics for 8 months and broke them into 3 phrases: before- during and after the revamp process

Avg. Session Duration: 02:02
Conversion Rate from Organic Search: 2.14%
Conversion Rate from Direct Access: 4.90%
Conversion Rate from Social Media:0%

Avg. Session Duration: 02:23
Conversion Rate from Organic Search: 4.76%
Conversion Rate from Direct Access: 12.43%
Conversion Rate from Social Media: 0%

Avg. Session Duration: 01:25
Conversion Rate from Organic Search: 9.45%
Conversion Rate from Direct Access: 4.42%
Conversion Rate from Social Media: 20%

I started redesigning the website when I haven't completed my probation time, which was a lot of pressure, doubts yet thrills. When I first came to the interview with Gord, silkscreen is a completely brand new term to me, I was not familiar with the business concept. However, the most important takeaway is how I put my determination and patience into things I do. I was thankful for the opportunity, the faith my manager put in me that I can pull off the whole project all by myself and make our company stand out in the industry.