support-landing-page-comp-2020-12-24.png
 

Citrix Support

After months of collaboration with the Agency, internal Brand and Product teams, our team concluded our exploration period in creating foundational UI elements as well as components that would influence the entire build of citrix.com as well as any other citrix-owned websites.

My leading contribution to the Citrix site redesign was owning the Support section. This section has historically been very convoluted and not a bit of a mess from an architecture stand point. With this being the hub for users to come to find help, it was a failure.

Balance and Consistency

On top of applying the new brand elements and palette, tackling this section was an exercise in re-evaluating the content strategy and restructuring and creating page templates based on the section architecture. Our main goal introduce better user flow through the section by creating balance and consistency between content and intention imagery and iconography.

citrix-support-landing-old.png
support-landing-page-comp-2020-12-24.png
 

Comparison

The previous execution left a lot to be desired. The number of selections for the users to navigate above the fold were abundant, but also far too spread out. Introducing the blue container was a way to communicate to users, “these things are most likely going to give you what you’re looking for” – this assumption of course was based on data collected and user interviews.

As you explore the the section keep in mind some design goals that I had:

  • Create scannable content

  • Break up large content blocks into smaller bite-sized blocks

  • Introduce call out boxes/CTAs to bring items up higher on the page

  • Create page templates so user can feel comfortable navigating

Previous
Previous

Citrix Redesign

Next
Next

Citrix: Project Themis