Action Technical Consulting

a SWE Consultancy's Website

Jan 2023

Freelance UX/web project for a software development service. Redesign of website increased client's web traffic by over 300%, and form contacts by 500%.

In Fall 2022, I was hired by Action Technical Consulting, a software development service in Seattle, to redesign their website. They needed their new website to showcase their expertise and library of projects to attract new clients.

Role

UX & Web Designer

Duration

10 weeks

Deliverables

Live Website

Team

Independent

Tools

Figma, Webflow, Google Analytics

Case study in progress!

Project Overview

I collaborated with the Brand Design Lead, CEO, and a small design team on Umee's rebrand project to align its visual identity with its mission and core values. The project involved establishing brand guidelines and a design system, which I then implemented across designs for all mobile app screens and delivered to our development team.

Contribution
  • Research: competitive audit & usability testing
  • Designed low and high-fidelity wireframes & prototypes
  • Branding: Logo design & color palette
  • Built and published website using Webflow
Problem
Outdated Site Reducing Client Conversion

Action Technical Consulting simply needed to gain more business. Their existing website was outdated and did not showcase their expertise in past projects, resulting in low contract opportunities – measured by low traffic to their site and customer contacts.

Goals
User Goals

ATC's clients need to see that Action Technical offers the best contracting solution for their specific software engineering needs.

Client Goals

Establish ATC company branding and market their superior expertise over competitors. Garner new long-term clients.

Metric: Increased web traffic and customer contacts.

Research

Research came in two parts: a heuristic analysis of the existing website, and a competitive audit.

Competitive Audit

I needed to understand how ATC's competition marketed themselves to potential clients, specifically in how they presented their projects. ATC provided me two companies they compete with for local projects.

Fresh Consulting provided the best reference for visual design as it met current design and accessibility standards.

Heuristic Analysis

From these audit insights, I analyzed ATC's current website, which hadn't been updated in 15 years.

ATC's existing website hadn't been updated in 15 years, which provided me a clean slate to build from.

User Flow

I developed a user flow to see how ATC's potential clients would natively search for LabVIEW engineers.

Assumptions: Seattle-based.

Design

I referenced Fresh Consulting's successful design practices:

  • Large, bold text for high priority information for user.
  • Imagery as visual aids for complex technical processes.
  • Case studies showcasing projects succinctly, but offering detailed descriptions.
  • Minimalist design and color scheme – primarily grayscale with a accent color for Call-To-Action.
Mid-fidelity Designs
Handoff to Development Team

Dev handoff included creating design specification document for development team (design guidelines, interactions, and animations) and meeting with development lead to walk through both Chat and Match designs.

Wireframes

High-fidelity wireframes designed in Figma.

Logo Design

ATC lacked a logo, which we both felt hindered their marketability online. It was important the logo was memorable and represented them as a Seattle-based consulting company.

I iterated on designs using "A" and "T" to ensure it fit with their brand. ATC liked the idea of including the Space Needle. I realized that the Action Technical "A" was most pertinent to see, so I scaled down the "T" Space Needle, ultimately resulting in this final design:

Final Logo Design:
Building in Webflow

From the Figma design file, I built the new site in Webflow. I had to make ensuring the website met web accessibility performance standards like alt text, and loading times.

I built animations into interactions so that users had a more immersive and memorable experience.

Live Website
Impact

ATC was very happy with the redesign of their website. They felt the new design represented their brand and services.

Metrics of Success

I used Google Analytics to analyze ATC's web traffic. ATC told me how often they were contacted every month through their website (virtually ~0 contacts).

Web Traffic bar graphcontact bar graph

Google Analytics reported over 300% increase in web traffic, client reported increase in customer contacts within 6 months of redesign.
Conclusion

Action Technical Consulting was very pleased with the redesign of their site. The web metrics demonstrate that my work improved the user experience and increased user trust in ATC's services.

Wireframes

I led 2 participants in a moderated usability study across the prototype. KPIs:

  • Navigating to contact form and successfully sending message.
  • Finding contact form and successfully sending message.
Usability Testing

I led 2 participants in a moderated usability study across the prototype. KPIs:

  • Navigating to contact form and successfully sending message.
  • Finding contact form and successfully sending message.
Project Takeaways

My clients goals for this project were to increase web traffic and contacts.

Personal Achievements

  • Designed wireframes founded on user insights and product needs for newsfeed feature - primary home screen on iOS app.
  • Led handoff for a primary app feature to development team.
  • Ideated challenge of invite system diagnosing needs of our userbase
Quantitative Results

Action Technical Consulting reported a 300% increase in traffic to their new site and a significant increase in consulting contacts through their site.

Jump to top

arrow
PREV
PickUP
Allied
Plastering Co