Role

Designer (Brand, UI, UX)
Frontend Developer
Product Manager
Design Director

Introduction

Crownpeak is a (SaaS) technology company providing a Digital Experience Management (DXM) platform to global enterprise-grade customers. Our platform focuses on delivering marketers, developers and IT teams the tool they need to manage experiences across different technologies and devices. Our suite of products is made up of content management, personalization, quality management, search and hosting solutions.

"Crownpeak is best suited to organizations who need to rationalize and govern multi-language, multi-site scenarios or need a cheaper way to modernize the presentation layer of legacy systems."

Strategy

While I wore many hats at Crownpeak I was originally hired as a Sr User Experience Designer. I worked on a wide range of enterprise focused products including a Digital Experience Platform, Content Manager, Optimization and Personalization Manager, Brand Style Guide, Component System, and Product Demo Experiences. Some of my roles included design director, UI/UX designer, front-end developer, product manager, and product vision.

Major accomplishments during my time at Crownpeak include:
• Complete overhaul of the products UI and UX
• Product added to the Gartner Magic Quadrant
• Product added to the Forrester Wave
• Company acquired for $50 million

Process

As with most software teams a product methodology is necessary to ensure productivity, planning and quality of the delivery. While we used a version of Agile Product Management refinement was necessary over time to enable the key stakeholders to plan the product roadmap accordingly. Our workflow enabled us to ship high quality software early and often through constant iteration.

As technology advances great software enables the communication between teams to be fluent and smooth. We used many products to enable our processes such as Jira, Trello, Invision Slack and more to empower our teams.

Digital Experience Platform

Content Manager

Optimization & Personalization

Style Guide

Component Library

Demo Experiences

Digital Experience Platform

I was involved in creating the vision for the platform and assisted in organizing and leading the product management decisions. As discussions evolved I spent time researching and analyzing the market. Upon agreement of direction I designed the user experience and user interface. To ensure the concept would be understood correctly I built out a product guide with information such as research, ui guidelines, interactive prototypes, and detailed descriptions so that anyone (Owners, managers, developers, marketers) in the organization could reference for clarity.

Preview

Inline

Form

Development

Panels

Style Guide

I worked with the product stakeholders and developers to outline essential information needed before beginning the development of the new product UI/UX. The guide would be a resource for anyone (Owners, managers, developers, marketers) in the organization to reference containing Design Assets, Color Palettes, Icon Libraries, Component Libraries, Motion Rules, Product Descriptions, Sales Imagery and more.

For the template I led the direction and design while a teammate worked alongside of me constructing the foundation in Pug (Jade). This then allowed me to jump into the code and focus on filling the content with the information our team would need. All design, descriptions and content inside the templates I created during the platform prototyping phases.

This site now acts as a central location for all Crownpeak Brand information. This site enables designers, developers, marketers and more to quickly find brand and product related information. As Crownpeak continues to grow as a company learning how to maintain brand consistency throughout the numerous products is essential. The Style Guide acts as a central location where we maintain a live visual inventory of Style Guidelines, brand assets, UI components, code snippets, developer guidelines and more. Anyone working on Crownpeak products is encouraged to stay familiar with this Style Guide and help ensure that it is kept up-to-date.

Demo Experiences

The demo experience are ways we can showcase and highlight features of the products in a easy to understand way. Our strategy was to build 4 templates in focused industries (Financial Services, Life Sciences, Technology and Pharmaceutical) that we felt would clearly showcase the products.

For each template I led the direction and design while a teammate worked alongside of me constructing the foundation in Pug (Jade). This then allowed me to jump into the Pug (Jade) template and focus on filling the content with the information our team would need. All design, descriptions and content inside the templates I created during the prototyping phases.

During these processes we used a number of products for smooth planning, design and development. Organization took place in Jira, UI design in Sketch, Prototyping in Invision, Assets in Avocode, Atom as the editor, and communication in Slack. Upon completion all templates were then implemented into the Crownpeak platform to allow for demoing different types of templates.

Built for a Standard Template, Drag & Drop Template, and Hybrid Template framework.

Previous Project

Digital Canvas

Next Project

SingleFit

Archives

Checkout my archived portfolio containing a wide range of projects showcasing some of the work I am most proud of. Contact me direct for more.

📐 Design Archives

🎨 Artwork Archives