Candu

Elevating UX and UI for no-code product adoption tool, SaaS tool

No-code editor
No-code editor

My Role:

Product designer, Web designer, Research, UX writing

Product designer, Web designer, Research, UX writing

Tools:

Figma ∣ Notion | Jira | Slack

Figma ∣ Notion | Jira | Slack

Candu is a product adoption tool for product and growth teams who need to build product led experiences without involving development teams. Its core feature is a no code drag and drop web editor which allows users to build and launch in product experiences such as onboarding flows, onboarding checklists, in app homepage, in app annoucements, growth experiments, and many more by either using and customizing templates or build from a scratch.

I have joined Candu as a Product Designer in a remote international team with main offices in London and San Francisco. The product was already launched and live with its existing users. I have had a diverse range of responsibilities, that contributed to the improvement and expansion of Candu. My focus was on scaling no code editor, adding new functions and iterating existing functionality, maintaining and expanding Design system and Brand guidelines, maintaining the consistency and coherence of the user interface and experience across the products, marketing website redesign, user centric design, collaboration in a remote international team.

*I have worked under NDA, I am able to present only limited sections.

Impact

Boosted User Experience:

Developed an image cropping function within the no-code editor, enabling users to edit images directly in-platform, thereby reducing reliance on external tools and streamlining the content creation process.

Developed an image cropping function within the no-code editor, enabling users to edit images directly in-platform, thereby reducing reliance on external tools and streamlining the content creation process.

Developed an image cropping function within the no-code editor, enabling users to edit images directly in-platform, thereby reducing reliance on external tools and streamlining the content creation process.

Improved Team Collaboration:

Added share function with options for link sharing, email invitations, permission settings, and password protection, facilitating collaboration among remote teams and enhancing content accessibility.

Added share function with options for link sharing, email invitations, permission settings, and password protection, facilitating collaboration among remote teams and enhancing content accessibility.

Added share function with options for link sharing, email invitations, permission settings, and password protection, facilitating collaboration among remote teams and enhancing content accessibility.

Accelerated
Content Creation:

Designed pre-built content blocks, allowing users to quickly insert and customize sections, which improved user efficiency, consistency and decreased time while creating content.

Designed pre-built content blocks, allowing users to quickly insert and customize sections, which improved user efficiency, consistency and decreased time while creating content.

Designed pre-built content blocks, allowing users to quickly insert and customize sections, which improved user efficiency, consistency and decreased time while creating content.

Redesigned
Marketing Site:

Redesigned Marketing Site:

Led the redesign of the marketing website, improved user acquisition and engagement through better UI and UX by.

Led the redesign of the marketing website, improved user acquisition and engagement through better UI and UX by.

Led the redesign of the marketing website, improved user acquisition and engagement through better UI and UX by.

Maintained
Design Consistency:

Maintained Design Consistency:

Maintained and expanded the design system, ensuring a cohesive user interface and experience across the products, which strengthened brand identity and user trust.

Maintained and expanded the design system, ensuring a cohesive user interface and experience across the products, which strengthened brand identity and user trust.

Maintained and expanded the design system, ensuring a cohesive user interface and experience across the products, which strengthened brand identity and user trust.

  • Adding new functionality reduced user churn by 23%

  • Maintaining and expading Design system sped up product development by 22%

  • Redesigning marketing website led to higher user acquisition by 14%

Selected UX/UI work for Candu

Selected UX/UI work for Candu

Selected UX/UI work for Candu

Image cropping function

Through user feedback, we identified a recurring pain point, users often uploaded images that didn’t quite fit their design layouts. Without a cropping tool, they had to rely on external software and disrupting their workflow.

The primary goal was to introduce a simple yet powerful cropping feature that smoothly integrates into the existing editor interface.

Image cropping function
Image cropping function

Objectives:

  • To allow users to perform image adjustments without leaving the platform.

  • To simplify tasks, reducing the number of decisions and tools required.

  • To match industry standards.

Custom image crop

A customized image cropping feature offers users flexible tool to adjust and refine specific parts of an image to match their preferences with simple drag controls.

Custom crop
Custom crop

Crop ratio's

This function offers users a selection of quick options for common formats, while cropping images.

Crop ratio
Crop ratio

New feature Blocks

Many users face challenges like limited design knowledge, tight deadlines, and the need for brand consistency. To address these pain points, we have integrated pre-built blocks of content into our online editor. This feature allows users to drag and drop pre-designed sections of content directly into their projects, enabling faster, more efficient workflows.

The goal was to streamline the design process, reduce the learning curve for non-designers, and provide customizable components that maintain design integrity.

Users can customize Block’s content by changing the colors, fonts, spacing, replacing placeholder text, images, or icons with their own content.

Pre-built content pieces Blocks
Pre-built content pieces Blocks

How to improve collaboration between teams

Problem

Candu users face challenges in collaborating on designs or content across teams. Current workflows involve exporting content or relying on external tools for sharing which can lead to friction, miscommunication, and potential loss of context. This limits teamwork and slows decision-making processes, especially in cross-functional or distributed teams.

Solution

Integrate a Share Functionality into the application, which lets users share content directly within Candu app.

Sharing a link

A unique URL that can be shared with others, providing direct access to the content within a browser.

Sharing via email

A simple mechanism that sends an email notification with a link to the content.

Set sharing permissions

The ability to specify view, edit, or share permissions, providing control over who can interact with the content.

Password protection

Adding an extra layer of security to prevent unauthorized access by requiring a password for certain shared content.

Preview shared content on a dedicated web page

A feature that allows teams to preview content before final publishing, with integrated commenting to streamline feedback, reduce friction and the need for third-party communication tool.

Analytics

Analytics overview help to measure interaction and engagement with content published with Candu’s no–code editor. Candu tracks visitor and event data for all content and every segment of users.

Multi factor authentification

MFA adds an extra layer of security beyond just using a username and password combination. MFA aims to mitigate the risks associated with stolen or weak passwords by adding additional factors that are typically harder for an attacker to compromise.

By an authentificator app

By text message

Deploy MFA for an organisation

Deploy MFA for an individual account under organisation

Marketing site redesign

The marketing site plays a vital role as a digital platform for promoting and showcasing the various features, benefits, and unique value proposition of Candu’s SaaS tool to potential customers. As the product continues to evolve with the addition of new features and functions, it becomes crucial to update both the content and design of Candu’s marketing site to ensure it remains up to date and aligned with the latest product’s offerings.

I have designed few versions, from which we choose the one, which scored the best with A/B testing and which was tested using Maze.

Design system

I reorganized and expanded our already existing design system to address growing inconsistencies, improve scalability, and streamline collaboration across teams. I have started with a full audit of existing components, patterns, and documentation. I identified duplicates, outdated, and underutilized components, and retiring components that no longer aligned with the brand’s direction.

The initial design system worked well for smaller projects but lacked the flexibility to support new features and platforms as the product expanded.

Takeaway

In my work for Candu, I have learned the value of creating flexible, user-centric design systems, especially when working within no-code environments. By continually refining features—such as image cropping and pre-built content blocks—I was able to respond directly to user feedback. Also reorganizing and expanging Design system, the source of thruth, accelerated the design and development process.

Additionaly working with an international, remote team also taught me the importance of clear communication and adaptability, which helped us balance technical constraints with user needs, ultimately enhancing the product's overall experience.

Let's talk about the next big thing!