CITIA
CMS Platform Redesign
Thrown into the deep end and learning to swim.
My Role
Lead Experience Designer
Task
Interview users, Research, Present, Sitemap, Wireframe, UI, UX, Visual Design
Responsibilities
- Research multiple competitor platforms
- Analyze research and showcased feature patterns
- Interview users
- Filter and analyse feedback
- Present findings to VP of Product, CFO, and CEO
- Create wireframes based on user workflows
- Develop an design system for a unified experience
- Design final screens for the platform interface
- Create spec sheets for developers
- Create tickets in JIRA for development
- Lead Junior Front End-Devs during development
Overview
Citia is a card-based content management system for content strategist to quickly
create pieced of content (cards), bundle that content into a microsite, publish
and distribute into their social streams. As the Lead Experience Designer at Citia,
I believe that the true value of our system is that it is fast and easy to build cards
(piece of content), quickly collect them into a cardsite (microsite), publish instantly, and
immediately share them on their company social media streams.
Problem
When I arrived at Citia I received feedback from users that they felt the
navigation experience was disjointed. We had three types of users each with
different tasks. A Content/Social Media Managers who are admistrators of the
account. The manager's main task is to manage people in our software and review
published microsite metrics. Marketers and Content Strategist working closely
with designers to build their campaigns into microsites. The marketer's task
is to publish and launch sites into their company's social media stream. And
finally In-house designers, developers, or interns building cards. Their tasks
is to create and edit content and build sites.
Images (L to R): Personas, Original Screens, User Task Flow
Process
I saw this as an opportunity not only to create an effective navigation
experience for our users but also implement style guide to set rules and
design standards for current and future improvements. I first set out to find
our users pain points and since they were working on the platforms first
iteration they had plenty of feedback. The VP of Product and I discovered
that our essential building pages were buried in our system, our editor tools
were disconnected and did not match our user behaviors, and we were missing
highly needed features such as global search. I presented our findings and
together with the VP of Product and Director of Engineering developed a strategy,
scope of work, and roadmap for delivery. The final proposed deliverals were a dashboard page,
card inventory page, microsite list page, reports page, user profile page, and organization page.
Images (L to R): User Flow, Wireframe, CMS Research
Outcome
I created a more flexible work flow for our users as well as a visually
delightful experience that fit along the suit of products they already use.
Our Client Success team received an influx of client feedback, the likes of GE,
Viacom, and MasterCard, stating how much easier and intuitive our platform had
become. Personally, I was able to find my balance as a Lead Experience Designer
by setting forth my innate skills as a self-started and a team leader and guided
the development team through the expected delivery of our new experience.
I was thrown into the deep end with this project but the adrenaline of being lead
and being responsible for such a big undertaking helped me swim to the top.