itsCasper

Role

Branding

UX design

UI design

Developer

Role

Branding

UX design

UI design

Developer

Problem

Casper Jones was entering the highly competitive IT market in the GTA and needed a digital presence that showcases all his services, helping potential clients determine if he's the right fit for their needs.

Problem

Casper Jones was entering the highly competitive IT market in the GTA and needed a digital presence that showcases all his services, helping potential clients determine if he's the right fit for their needs.

Problem

Casper Jones was entering the highly competitive IT market in the GTA and needed a digital presence that showcases all his services, helping potential clients determine if he's the right fit for their needs.

Goal

Build an amazing website highlighting the service offerings in a friendly yet technically efficient tone, including a contact form to initiate the start of a beautiful relationship, and also to devise a strategic content plan to organically increase visibility in the rather bland market.

Goal

Build an amazing website highlighting the service offerings in a friendly yet technically efficient tone, including a contact form to initiate the start of a beautiful relationship, and also to devise a strategic content plan to organically increase visibility in the rather bland market.

Goal

Build an amazing website highlighting the service offerings in a friendly yet technically efficient tone, including a contact form to initiate the start of a beautiful relationship, and also to devise a strategic content plan to organically increase visibility in the rather bland market.

Discover

Define

Ideate

Design

Discover

Define

Ideate

Design

Discover

Define

Ideate

Design

Casper primarily works with Apple products and comes from an agency background, making these clients his preferred focus as he deeply understands their environment and the prevalence of Apple products within it.

This guided the selection of interview participants: CEOs, founders, and managers aged 35-65, based in the GTA, who utilize Apple products throughout their organizations.

Persona

Meet Sarah Lee

Meet Sarah Lee

Meet Sarah Lee

Goals

Goals

Goals

Frustrations

Frustrations

Frustrations

Empathy map

Walk in her shoes

Walk in her shoes

Walk in her shoes

Define

Ideate

Design

Define

Ideate

Design

Define

Ideate

Design

User journey

Opportunities are notable around communication, importance of testimonials on the site and remote support as a key service to highlight that will be brought into the ideation phase.

How might we?

How might we speak less technically and more creatively about the problems we solve?

How might we speak less technically and more creatively about the problems we solve?

How might we speak less technically and more creatively about the problems we solve?

How might we make it easy to start a conversation with leads?

How might we make it easy to start a conversation with leads?

How might we make it easy to start a conversation with leads?

How might we stand out in a sea of boring IT support services?

How might we stand out in a sea of boring IT support services?

How might we stand out in a sea of boring IT support services?

How might we guide the visitor along the journey towards contacting us?

How might we guide the visitor along the journey towards contacting us?

How might we guide the visitor along the journey towards contacting us?

How might we make our website an experience, not a formality?

How might we make our website an experience, not a formality?

How might we make our website an experience, not a formality?

How might we revolutionize the IT industry?

How might we revolutionize the IT industry?

How might we revolutionize the IT industry?

Ideate

Design

Ideate

Design

Ideate

Design

Sitemap

Wireframe

The client’s preference for a bento-style design made the wireframe straightforward, though limited content left significant empty space. This created an opportunity to highlight the value of IT support by weaving in Canadian SMB and computer-related stats.

Design

Design

Design

Branding

Identity

When I asked Casper, what is your offering, he answered “IT Solutions”. Shortened down to 'ITS' it segue perfectly into his name, Casper, which is uncommon but has a friendly association due to a certain cartoon ghost. itsCasper flowed together as one, not two words so a logotype was in order to merge it all together harmoniously.

Tones

Blue was the client's preferred color but I warned away from it due to Casper Mattresses branding and not wanting to be confused with them. I ran from blue, and chased other hues and tones around until I realized blue was the right color for the job. It represents calmness and responsibility, which you want in your IT solutions. The light blues are refreshing and friendly, much like Casper and lastly beige, evokes a sense of stability and reliability.

Chambray

#355284

Soft peach

#F2EDE7

River bed

#435058

Link water

#DBE3EF

Woodsmoke

#0A0D11

Mid fid

Design

This is where we explored using a language and tone that was comedic, local and unexpected. This stark contrast to competition in the area was used as a tool to differentiate and delight visitors so that they would feel more at ease communicating with the client.

Usability feedback

The primary feedback from the usability study focused on ensuring consistency in call-to-action (CTA) copy. A lot of the creative ideas for the CTAs were found to be confusing and users didn’t know what was what and where they lead.

Font sizes on mobile devices also needed to be adjusted and overall the background needed lightening by removing elements and revisiting the color palette, which was in beta and eventually would become blues. Lastly the contact page layout felt disconnected from the design language of the rest of the website.

Final

Final thoughts

In the User Journey I discovered that the persona would like to be kept up to date with tech news and the client expressed halfway through the project the intent to create a newsletter. I wish I had incorporated these into the design earlier but was happy to see the bento grid once again prove it’s versatility with it’s flexibility and freedom.

If I had more time I’d like to bring micro interactions with the illustrations just to add a wow factor to the final product.

If I had more time I’d like to bring micro interactions with the illustrations just to add a wow factor to the final product.

PREVIOUS PROJECT

PREVIOUS PROJECT

PREVIOUS PROJECT

JAKE JONES 2024