Case Study

Website Contract: Anchor Computers

See It Live arrow

Client: Anchor Computers

A locally owned tech repair and support business serving the DC metro area since 1994.

My Role:

UX researcher, designer, front-end developer

Goals

  • Website clearly communicates their services.
  • Encourages customer contact.
  • Modernizes their brand presence while maintaining personality.
  • Improves usability and trust for non-tech-savvy users.
  • Note from client: “I like yellow.”

Challenges

  • The original website lacked structure, was text-heavy, and not mobile-friendly.
  • Dense service offerings needed to be organized without overwhelming users.
  • The site had to feel approachable, trustworthy, and professional for both tech-savvy and non-technical customers.

UX/UI Solutions

Video Demo

Here is a video walkthrough of anchorcomputers.com.

Contact-Centric

Multiple contact entry points for users to initiate contact with Anchor Computers. This includes phone number and email cards and a PHP email form embedded in the site.

lightning Impact: Encourages users to take action — email, call, or fill out the form.

contact

Responsive & Accessible Layout

Designed with Flexbox and media queries to ensure smooth experience on mobile, tablet, and desktop. Maintained visual balance using column layouts and scalable containers.

lightning Impact: Mobile compatibility increased usability for all customers!

header

Interactive Dropdowns

Organized long lists of services into expandable dropdowns reducing visual clutter. Users can scan and expand only the sections relevant to them. Hover effects add clarity and responsiveness.

lightning Impact: Reduced content overwhelm, improved findability.

services

Consistent Visual Branding & Design System

Consistent and clean color and font choices. Designed custom components (like speech bubbles and mini-contact cards) for brand personality.

lightning Impact: Stronger brand identity and visual coherence. Design system foundation.

design

Reflection

Project Reflection: Anchor Computers

Next Project arrow

Outcome:

The final design achieved a clean, modern interface that’s easy to navigate, visually consistent, and conversion-driven. It encourages trust and contact from a wide user base — from busy professionals to elderly users seeking tech support.

Next Steps:

Create a responsive map to increase interactivity and give clientele a more descriptive location.

This was my first HTML and CSS project! I have a better understanding of best practices and hope to revamp my code in the future to reflect my new skills.

What I learned:

  • Designing for less tech-savvy users means focusing on clarity and simplicity.
  • Small interactions like speech bubbles and hover states make the user experience more personal and polished.
  • Clean code structure (semantic HTML + reusable CSS components) is just as important as visual design.

Contact