Skip to content
rhemarkable
  • Home
  • Work
  • About
  1. Work
  2. /
  3. Internal CMS Platform

Internal CMS Platform

Defining product workflows, design systems, and front-end architecture from scratch

Timeline
1 Month & 2 Weeks
Role
UI/UX Designer & Front-End Developer
Tools
Figma, Vue.js, Storybook, SCSS
Project Type
System Design & Development
Internal CMS platform login screen

Project Summary

The organization needed a centralized platform to manage and host internal projects without relying on external CMS solutions. Unlike most projects that begin with detailed requirements, this initiative started with only a list of core pages and high-level feature requests. There were no established workflows, user journeys, or functional specifications. This created an opportunity to contribute beyond interface design. I became responsible for uncovering requirements, defining user experiences, creating scalable design patterns, and helping transform a collection of ideas into a cohesive product.

The Problem

The challenge wasn't simply designing screens. The challenge was defining how the platform should work before design and development could begin. Without established workflows, several questions needed to be answered:

  • How should users navigate between projects?

  • What content structures are needed?

  • What actions should be available across modules?

  • How should future features scale within the platform?

  • What system behaviors are required for edge cases?

Before solving usability problems, I first needed to identify them.

Constraints

  • Limited Product Documentation

    The project began without detailed specifications, user journeys, or established workflows. Much of the discovery work needed to happen alongside design and development.

  • Multiple Responsibilities

    As the sole designer and front-end developer, I was responsible for product thinking, UX, UI, design systems, and implementation simultaneously.

  • Evolving Requirements

    As stakeholders gained a better understanding of the product, requirements continued to evolve, requiring solutions that could adapt without sacrificing consistency.

Building a Design System

One of the most important decisions was investing early in a design system. Although creating a design system requires additional upfront effort, it became the foundation that supported the entire platform. The design system included:

  • Color foundations

  • Typography styles

  • Spacing standards

  • Reusable components

  • Form patterns

  • Layout structures

  • Design documentation

As the platform expanded, the system significantly improved consistency and efficiency.

Design system documentation — colour and typography
Design system foundations documented for design and engineering.

Process & Approach

Designing the product before designing the interface. One of the most important realizations early in the project was that the biggest challenge wasn't visual design—it was product definition. Before creating screens, I spent time understanding how features related to one another, identifying workflow dependencies, and uncovering missing requirements that had not yet been documented. Instead of treating design as a downstream activity, I approached the project from a product perspective, helping define how the platform should work before determining how it should look.

Creating structure through flows. User flows became one of the most valuable tools throughout the project. By mapping workflows and feature relationships, I was able to identify gaps, edge cases, and opportunities to simplify complex administrative processes before development began.

Building systems early. Because CMS platforms naturally grow over time, I invested early in creating a scalable design system. This allowed new features to be designed and implemented more efficiently while maintaining consistency across the platform.

Content pages module

My Contributions

As the sole UI/UX Designer and Front-End Developer, I:

  • Designed the platform from scratch

  • Defined user flows & feature requirements

  • Created & maintained the design system

  • Designed a responsive web application

  • Implemented interfaces using Vue.js

  • Managed component documentation through Storybook

  • Collaborated with stakeholders to translate business requirements into product solutions

Challenges & Trade-offs

Starting without detailed requirements. Working within project timelines meant balancing thoughtful problem-solving with the need to move quickly. Rather than exploring every possible direction, I focused on defining strong foundations and iterating as requirements matured.

Designing a large CMS solo. CMS platforms are inherently broad—many screens, states, workflows, and permissions. Carrying discovery, UX, UI, component creation, documentation, and development support independently meant constantly balancing depth against deadlines without letting quality or consistency slip.

Designing without direct user observation. Without direct access to user behavior, decisions were informed through research, CMS best practices, stakeholder collaboration, and continuous evaluation of workflow risks.

Outcomes

While business metrics cannot be disclosed, the project established a strong foundation for the platform's continued growth. The creation of a design system improved consistency across the product while supporting faster feature development. Reusable components and shared patterns strengthened alignment between design and development, reducing duplication and improving maintainability. Beyond interface design, the project transformed a collection of loosely defined requirements into a structured product experience, providing a scalable framework for future enhancements and expansion.

Reflection & Learnings

The biggest lesson from this project was that successful product design often begins long before screens are created. Requirements are rarely complete. A large part of the work was actively identifying gaps, asking the right questions, and anticipating future needs rather than waiting for a finished brief.

It also deepened how I think about design systems—not as a collection of UI components, but as a shared foundation that connects design and development. Working across UX, UI, QA, and front-end strengthened my ability to think beyond individual screens and treat the product as a complete system. Most of all, it reinforced the value of ownership, adaptability, and proactive problem-solving when building a product from the ground up.

Conclusion

The Internal CMS Platform was more than a design project—it was an opportunity to help define a product from the ground up. By combining product thinking, UX design, design systems, and front-end development, I helped transform broad business requirements into a scalable platform foundation. The experience strengthened my ability to navigate ambiguity, create systems that scale, and contribute across the full product development lifecycle.

Ongoing Involvement

My involvement with the platform continues today. As new business requirements emerge, I remain responsible for designing new features, refining existing workflows, expanding the design system, and supporting front-end implementation.

Get in Touch

  • rhemamiranda.work@gmail.com
  • LinkedIn
rhemarkable

Welcome!

This portfolio is currently available by invitation only. Please use the access link found on my cv to view my portfolio.