Connect Oppdian
Data Center Solutions
Creating website brand and user experience for an all-in-one data center solution.
Client
November 2024 - January 2025
Services
-
User Interface Design
-
User Experience Design
-
Information Architecture
-
Wireframing
-
Prototyping
-
Design System Creation
Summary
Mission
Connect Data Center needed a comprehensive website to establish their online presence and showcase their data center solutions in a highly competitive market.
My Contributions
I led the UX/UI design process from discovery through implementation, creating wireframes, high-fidelity mockups, and working closely with developers to ensure proper implementation.
Overview
Connect Data Center needed to establish their first official web presence to showcase their data center solutions. The project involved creating a modern, professional website that effectively communicated their technical expertise while remaining accessible to non-technical decision-makers.
Challenge
The main challenge was building a website from scratch that balanced technical information with an approachable user experience. We needed to create a design that would appeal to both IT professionals and business executives who might not have deep technical knowledge, while establishing the brand's digital identity.
Solution
We developed a clean, modern design with a clear information hierarchy. Technical specifications were presented in an easily digestible format, with the option to access more detailed information. The visual language incorporated data-inspired elements while maintaining a professional corporate feel.
Results
The new website successfully established Connect Data Center's online presence and delivered strong performance metrics from launch. The site achieved impressive user engagement statistics with visitors spending an average of 2 minutes exploring the content, and a notably low bounce rate compared to industry standards.
Impact
Both the initial launch and further iterations produced great results.
40%
Month-over-month growth in lead generation
+2min
Average session duration
-25%
Lower bounce rate than industry average
THE PROCESS - STEP 1
Discovery & Research
Understanding the client's needs and the competitive landscape
Stakeholder Interviews
I conducted in-depth interviews with key stakeholders to understand their business goals, target audience, and technical requirements. This helped establish clear objectives for the website development.
Competitive Analysis
I analyzed competitor websites to identify industry standards, best practices, and opportunities for differentiation. This research informed our strategy and helped position Connect Data Center effectively in the market.
THE PROCESS - STEP 2
Information Architecture
Organizing content for optimal user experience
Site Mapping
I created a comprehensive site map to organize content logically and ensure users could easily find the information they needed. This included main navigation categories and subcategories based on user priorities.
User Flows
I developed user flows for key scenarios, such as learning about services, requesting a quote, and accessing technical specifications. This helped ensure the website structure supported important user journeys.
Low-fi wireframe of concept 1
Low-fi wireframe of concept 2
Low-fi wireframes
Early Itereations
THE PROCESS - STEP 3
Design & Implementation
Creating a visually compelling and functional website
Visual Design
I developed a clean, modern visual language that balanced technical sophistication with accessibility. The design used a professional color palette, clear typography, and data-inspired visual elements to convey expertise and reliability.
Responsive Implementation
I ensured the website was fully responsive across all devices, with special attention to how technical information was displayed on smaller screens. This included creating mobile-specific layouts for complex data presentations.
Gallery
Interactive map
Interactive Graph - Mobile
