Revolutionizing Digital Storytelling

Designing a website experience for U.S. based cybersecurity firm.

A friend launching a new cybersecurity consulting company needed a professional online presence to establish credibility and attract clients. They had no digital footprint, no brand identity, and no clear way for potential clients to learn about their services. My role was to design and develop a website that communicates trust, professionalism, and technical expertise while remaining approachable for clients with varying levels of technical knowledge.

Date

June 2025 - August 2025

Scope of work

Website Design

Product Design

No-code

Overview

The Challenge:

Harrison Cyber needed to establish digital footprint, brand identity, and a clear way for potential clients to learn about their services. My role was to design and develop a website that communicates trust, professionalism, and technical expertise while remaining approachable for clients with varying levels of technical knowledge.

Process:

We had to develop a comprehensive plan to make sure that the website was ready for a successful launch within a short timeframe - just 4 weeks.
The site had to meet all of Harrison Cyber's requirements, and on top of that we needed to create an improvement in both organic search performance and on-site navigation.
Finally, we had to plan ahead for the addition of multiple new features over an 18-month period.

Results:

I was able to deliver a website that looks modern, is easy to use, and conveys the importance of cybersecurity to new and expert visitors.

Image idea: Video of home page scrolling

Approach

Quick Research:

Due to the limited time and the requirement from the client to design a website that is on par with the market, I focused on conducting industry audit to understand the structure and information architecture of competitor websites, and the services they provided.

After understanding the common website structure of competitor websites and talking to the founder of Harrison Cyber, we identified two use cases to guide our structural decisions further.

Information Architecture:

While designing the Information Architecture, I I focused on creating a structure that delivers the right information to the right audience. The following questions helped me through this process:

  • Can users easily find an overview of services offered by Harrison Cyber?

  • Can users easily find if Harrison cyber provides a specific service?‍

  • Can users easily contact Harrison Cyber?

  • Can users find required details about the company?

To ensure the information architecture could scale as Harrison Cyber grows, I discussed with the founder the pages and sections planned for the near future and incorporated them into the IA. This forward-looking structure allowed us to accommodate new services, resources, and case studies without disrupting the overall navigation or user experience.

Responsive UI:

Since potential clients may access the site from desktops, tablets, or phones, we had to make sure that the website was optimized for all device form-factors.

  • I began with the desktop layout, then adapted it for tablet and mobile to ensure a seamless experience across all devices.

  • By using flexible grids, scalable typography, and reusable components, the design maintained consistency at every breakpoint.

  • I optimized CTAs and navigation for smaller screens to keep key actions accessible, and validated the design by testing across devices.

Image idea: Wireframe of landing page on desktop, tablet and mobile; components to show scalable design

Outcomes

Final Designs:

Due to the limited time from the client to create a website for a new company that is on par with competitors in the market, I focused my time on conducting industry audit to understand the structure.

  • Research was mostly focused on understanding existing services, the reasons behind their design choices and their operation policies and systems.

  • My work focused on two personas, tech-savvy data analysts and non-technical users. I decided to go with "from general to specific" approach in regard to website content. I also highlighted the areas Harrison Cyber can help in. This way, even non-technical users could get the idea of the platform usages and features.