Calyptix Security
Website Redesign
April 2016 - June 2016
Project Overview
Challenge
​
Redesign Calyptix website to be mobile-friendly and improve sales conversion rates.
​
Company
​
Calyptix Security is a cybersecurity company specializing in providing network security solutions tailored to small and medium-sized businesses.
​
Users
​
-
Small and Medium Businesses Owners
-
Potential Leads
-
Existing Customers​
​
​
Issues
​
-
Website lacked clear hierarchy, making it hard to navigate​
-
Content density hindered easy scanning for information​
-
Inconsistent use of design elements across the site​
-
Frequently requested information was not accessible​
-
Website lacked responsive capabilities​
-
Low content downloads affected user engagement
​
​
Solutions
​
-
Included submenus in the navigation to improve content visibility
-
Adjusted typographic style of site to establish clearer hierarchy and improve scanability of the site
-
Utilized prominent CTAs to encourage sales
-
Created mobile-friendly pages by coding elements to stack
​
​
Results
​
-
57% increase in content downloads​
-
14% increase in conversions​
-
32% reduction in bounce rate
​
Key Skills Used
Responsive Web Design
UI Design
SEO Analysis
Metric Analysis
Wire-framing
Competitive Analysis
Industries Served
Cyber Security
Information Technology
Technology Start-Up
Software as a Service (SaaS)
Business to Business Sales
Tools Used
Adobe Creative Suite
Microsoft Office
My Role & Team Composition
I was the sole designer and website manager for this project and collaborated with Marketing, Sales, Support and Leadership to define priorities and write site content. I then used Adobe Creative Suite to provide mockups for the group to review.
Once design had been approved, I implemented all of the site changes using WordPress, HTML, and CSS.
Team Members
Marketing Manager
Sales Manager
CEO
Tech Support Representatives
Original Website
Confusing Architecture & Chaotic Typography
Commonly requested information was not easily accessible to potential buyers, and while the site offered high quality resources on cyber security, the organization of the page was chaotic, impacting downloads and reducing visibility.
Low-Fidelity Wireframes
Home, Landing & Contact Pages
Before creating low-fidelity wireframes, I reviewed customer complaints, competitor sites, and current metrics for insight. Then I presented my ideas to the team to discuss layout ideas and adjust content as needed.
Finalized Designs
Responsive & Easy to Navigate
These designs resulted in a 32 percent reduction in the site's bounce rate, a 14 percent increase in conversions and an 57 percent increase in downloads as measured in Google Analytics.
