Empowering tech company’s digital infrastructure


The existing DCIM landing page was outdated, prompting the stakeholders to seek an upgrade to meet contemporary standards. A centralized platform was required for DCIM team members to access essential documentation for their work. Additionally, the landing page serves as a resource hub for external teams to gain insights into products, services, and submission processes.

Project Duration

4 weeks


UI/UX Designer, Web Developer


Figma, Adobe Illustrator


The challenge was to streamline information and improve user experience by emphasizing key elements, such as the intro video and points of contact, while addressing user questions about information location. The coding environment presented limitations in terms of CSS functionality, which required finding workarounds to achieve the desired design.


  • Create centralized hub for DCIM team members to locate documentation.
  • Emphasize the introductory video to provide external teams with a comprehensive overview of the team’s functions.
  • Implement standardized request submission processes and ensure accurate points of contact for each service or product.

DCIM Team Member

This individual seeks a user guide to ensure adherence to the correct procedures within the DCIM team, specifically for the Alert Manager product they are involved with.

Potential Collaborator

This individual is seeking comprehensive insights into the operational dynamics of DCIM and the specific products they support within the company.

Hand drawn sketches I created while brainstorming the design for the DCIM landing page.

Visual Design Elements

I developed a versatile visual design system to support future site expansion and accommodate new use cases. This involved establishing a cohesive color palette, typography, and vector graphics, as well as creating reusable UI components. The vector graphics featured a web-like structure with connecting dots, visually representing the interconnections between data centers. To enhance usability, collapsible sections were implemented, enabling users to skim through titles and expand relevant sections, minimizing information overload and confusion.

Usability and Accessibility

Unmoderated usability testing was conducted with the stakeholders’ team, collecting feedback and integrating it into design refinements. During the initial prototype stage, we identified readability concerns with the on-call banner due to limited CSS control. I addressed this issue by making adjustments to the banner background. Furthermore, we conducted color contrast and font size checks across the entire site to ensure optimal readability and accessibility of the text.


tasks completed by stakeholders




small text


large text



The feedback from DCIM team members indicated a positive user experience and ease of use, affirming the site’s effectiveness in providing them with relevant information.


Potential collaborators engaged with the introduction video and successfully identifying the appropriate points of contact for their desired product or service.


The DCIM team now possesses a comprehensive visual design system and a set of reusable UI components, streamlining the ideation process for future designers.


This is a unique website which will require a more modern browser to work!

Please upgrade today!