SaaS Process Modeling: Transforming ideas into technical specifications

Leveraging AI to bridge the gap between concept and implementation

Leveraging AI to bridge the gap between concept and implementation

My rol

UI/UX design

Category

SaaS

Company

Gluecharm

I led the design of Gluecharm, an AI-driven Technical Analyst tool that converts product or feature concepts into detailed technical specifications.

This initiative aimed to enhance collaboration between product owners and development teams, streamlining the review process and accelerating development cycles.

Context:
Gluecharm was a side project developed between 2022 and 2023, inspired by the rise of generative AI and the challenges faced by technical teams in creating high-level documentation for software development.

  • Technical and non-technical users struggled with the complexity and time-consuming nature of documentation.

  • There was a lack of automation and standardization in the process, leading to inefficiencies and frustration.

Problem:

  • Excessive time spent on creating and updating technical documentation.

  • Lack of a standardized structure for documents.

  • Difficulty for non-technical users to participate in the documentation process.

Portfolio project image
Portfolio project image

Objective:
Develop a tool that simplifies technical documentation processes, automates repetitive tasks, and provides an efficient system for structuring and generating documentation, regardless of the user’s experience level.

Responsibilities:

  • Collaborate with the product team to define and develop an MVP.

  • Conduct user research to identify pain points and needs.

  • Design and implement a user-friendly, AI-powered documentation tool.





Research:

  • Conducted user interviews and focus group sessions with both technical and non-technical users to understand their challenges.

  • Performed shadowing sessions with key roles (e.g., product owners, analysts) to observe their documentation workflows and identify pain points.

  • Identified three main areas of focus: structured report generation, task automation, and improved data analysis processes.

Design and Development:

  • Created wireframes to detail user flows and ensure alignment with user needs.

  • Designed a user-friendly interface that allowed users to interact with AI to generate technical documentation by answering three key questions:

    1. What problem are you trying to solve?

    2. How do you want to solve it, or why?

    3. Who is your user?



Implemented a design system based on the Tailwind library to ensure scalability and consistency.

Developed features such as:

  • Suggested product names.

  • Identification of problems and proposed solutions.

  • User definitions with customizable preferences.

  • Use cases, scenarios, technical diagrams, and data models.

  • Conversion of use cases into user stories with AI assistance.



Implementation:

  • Built a stable, scalable platform that automated key tasks and reduced the time spent on documentation.

  • Conducted usability testing to validate the tool’s effectiveness and gather feedback for improvements.



Impact:

  • Reduced time and effort spent on technical documentation through automation and AI assistance.

  • Improved accessibility for non-technical users, enabling them to participate in the documentation process.

  • Standardized documentation structure, making it easier for teams to create and maintain consistent documents.

  • Scalable and user-friendly platform that met the needs of both technical and non-technical users.

Key Learnings:

  • Interdisciplinary collaboration was essential for understanding diverse user needs and designing a versatile solution.

  • Design systems (e.g., Tailwind) streamline development and ensure visual consistency.

  • AI-driven tools can significantly simplify complex processes, making them more accessible and efficient.

  • User-Centered

    Design

  • Data-Driven Design

    Decisions

  • Figma & Prototyping

    Expert

  • SaaS Platform UX

    Expertise

  • Enhancing B2B & B2C

    Experiences

  • Enhancing B2B & B2C

    Experiences

Let's work together

Let’s make an impact

Javier de la C.

Product Designer

  • User-Centered

    Design

  • Data-Driven Design

    Decisions

  • Figma & Prototyping

    Expert

  • SaaS Platform UX

    Expertise

  • Enhancing B2B & B2C

    Experiences

Let's work together

Let’s make an impact

Javier de la C.

Product Designer

  • User-Centered

    Design

  • Data-Driven Design

    Decisions

  • Figma & Prototyping

    Expert

  • SaaS Platform UX

    Expertise

  • Enhancing B2B & B2C

    Experiences

  • Enhancing B2B & B2C

    Experiences

Let's work together

Let’s make an impact

Javier de la C.

Product Designer