0
Hello 👋
Available for freelance projects
Selected Works
Designing a reusable page template system that became the foundation for Qore applications.I designed a reusable page template system that reduced repetitive design work and became the default starting point for future Qore client applications.
CompanyFeedloop.ai
Project TypeInternal Design System
RoleProduct Designer
Timeline2023
Reusable Page Template System
Context

Qore is a low-code platform developed by Feedloop.ai that enables teams to build business applications across various industries.

Although every client had different business requirements, I noticed many applications repeatedly used the same page structures and workflows. Instead of redesigning these pages for every project, I explored how a reusable page template system could improve the team’s workflow.

My Contribution

As the Product Designer, I was responsible for defining the reusable page architecture and transforming recurring page patterns into reusable templates that could be adapted across future client projects.

  • Audited previous application projects.
  • Identified recurring UI patterns.
  • Defined the reusable template strategy.
  • Designed reusable page templates.
  • Collaborated with developers during implementation.
The Problem

Every new client project started from scratch. Although every application solved different business problems, many of them repeatedly used the same page structures.

  • Authentication
  • Dashboard
  • Data Table
  • Form
  • Detail Page
  • More recurring pages

Designers repeatedly recreated these pages across projects, slowing down project setup and leaving less time to solve client-specific business problems.

The Challenge

Although many pages shared similar structures, every application had different business requirements.

Simply copying pages from previous projects wasn’t enough. The challenge was creating templates that could be reused across products while remaining easy to adapt to each project’s needs.

Objective

Create a reusable page template system that would:

  • Reduce repetitive design work
  • Improve design consistency
  • Accelerate project setup
  • Give designers more time to solve business problems
Research & Findings

Before designing the template system, I reviewed previous client applications to identify recurring UI patterns and understand which pages were suitable for standardization.

20+Client Projects Reviewed
120+Pages Audited
5Recurring Page Types

The audit revealed consistent page patterns across different applications, highlighting an opportunity to build reusable foundations.

Visual AuditAlthough every application looked different, I found that most of them shared the same page structures.
Common Foundation Pages
Business-specific Pages
HRIS
Authentication
Dashboard
Data Table
Form
Detail Page
Employee Directory
Leave Request
OMS
Authentication
Dashboard
Data Table
Form
Detail Page
Order Detail
Order History
Booking App
Authentication
Dashboard
Data Table
Form
Detail Page
Booking Calendar
Payment
Common Foundation Pages
Authentication
Dashboard
Data Table
Form
Detail Page
Key Insight

Rather than redesigning recurring pages for every project, I established reusable templates that became the shared foundation for future applications.

Key Decisions
01. Reuse the foundationRecurring page structures became reusable templates that served as the starting point for future applications instead of being recreated for every project.
Impact:Reduced repetitive design work across applications.
01. Reuse the foundation
02. Design for flexibilityTemplates were designed as adaptable foundations rather than fixed layouts, making them suitable for different products, branding, and business requirements.
Impact:One reusable template supported multiple product implementations.
03. Standardize only what repeatsOnly recurring page structures were standardized, while business-specific pages remained flexible to meet each client's needs.
Impact:Improved consistency without limiting business-specific customization.
03. Standardize only what repeats
Project Workflow ComparisonHow the reusable page template system changed the project setup workflow.
Without Template SystemEvery project starts from a blank canvas.
Without Template System
Outcome• Repetitive setup work
• Slower project setup
• Less time solving business problems
With Template SystemEvery project starts with a reusable foundation.
With Template System
Outcome• ~50% faster project setup
• Consistent design foundation
• More time solving business problems
The reusable page template system reduced project setup time by approximately 50%, allowing designers to spend less time rebuilding common pages and more time solving client-specific business problems.
Final SolutionThe reusable page template library became the foundation for building new Qore applications. Instead of redesigning common pages from scratch, designers could start with proven templates and focus on solving client-specific business problems.
Final solution — authentication page template — 1Final solution — authentication page template — 2Final solution — authentication page template — 3Final solution — authentication page template — 4Final solution — authentication page template — 5Final solution — authentication page template — 6Final solution — authentication page template — 7Final solution — authentication page template — 8Final solution — authentication page template — 9Final solution — authentication page template — 10Final solution — authentication page template — 11
Rather than becoming just another UI library, the template system became the default starting point for future Qore applications.
ImpactThe reusable template library became the default starting point for future Qore applications. Instead of rebuilding common layouts, designers could immediately begin with reusable templates and spend more time solving client-specific challenges.
Accelerated Project SetupReusable templates eliminated the need to rebuild common layouts, allowing designers to start new projects more efficiently.
Reduced Repetitive Design WorkThe team spent less time recreating recurring pages and more time solving product-specific challenges.
15+ Reusable Page TemplatesA shared template library covering the most common application pages across multiple Qore Project.
Consistent Design FoundationEstablished a reusable foundation that improved consistency while remaining adaptable to different business requirements.
What I Learned

Building reusable templates isn’t about making every application look the same. It’s about creating a strong starting point that can still adapt to different business needs.

Spending time reviewing previous projects before designing helped me identify recurring patterns and avoid solving the same problems repeatedly.

A reusable foundation doesn’t just speed up the design process. It also gives designers more time to focus on the unique challenges of each product instead of rebuilding common pages.