Website Case Study:
From Invisible to Impactful


Identifying Opportunity

The day I was hired at DCL, I knew my priority project would involve an overhaul of the corporate website. At the time, the current website was built in Flash - a deprecated coding language that rendered the website virtually invisible to browsers, search results and clients.

My Role

  • Project Owner
  • Researcher
  • Designer
  • Copywriter
  • Website Developer

Establishing Goals

The potential to create lasting impact included a multi-faceted approach. The success of the project would rely upon creating a responsive experience and intuitive design that spoke to various stakeholders while boosting brand awareness and incorporating the latest in tracking analytics.

Challenges

  • Budget
  • Workforce
  • Political History
  • Time Frame
  • Stakeholder Buy-in

Discovery + Research

To understand how I could build a successful design solution, I conducted research between two critical audiences; competitors and clients. Everything from their layouts, visual aesthetics, terminology and website architecture was analyzed.

Original Flash Website

Original Website

Competitive Analysis

Competitors

Client Analysis

Clients


Site Architecture & Wireframing

The research was then synthesized and utilized in content organization and initial website wireframing.

Website Architecture

Site Architecture

Website Wireframe

Landing Page

Website Wireframe

Capabilities Page

Website Wireframe

Experience Page

Website Wireframe

Project Page

Website Wireframe

Project Goals


Sketching & Mockups

After basic content elements was established, I moved on to sketching the core pages of the site and developing digital mockups.

Ideation Sketch

Digital Sketch

Ideation Sketch

Digital Sketch

Ideation Sketch

Digital Sketch

 
Digital HiFi Mockup

Digital Mockup

Digital HiFi Mockup

Digital Mockup

Digital HiFi Mockup

Digital Mockup

Digital HiFi Mockup

Digital Mockup


The Solution

The responsive website launched within four months - achieving browser visibility, expansion of brand awareness and integrated data analytics. Speaking to various audiences, the website attracts clients, funnels new leads and provides career oppportunities to attract talent.

Responsive Website Design Mockup
Next Case Study: App

Interested in working together?