Castofly

End-to-end Product Design
UX UI Design
Branding
Role
Lead UX/UI Designer
Duration
Sep 2021 - Dec 2022 (1 year and 4 months)
Tools
Figma, Adobe illustrator, Adobe photoshop
Team
Solo designer collaborating closely with developers and founders

Description

Castofly is a web based application that helps non technical users create engaging video presentations and digital content from audio, text, screen recordings, or webcam inputs, powered by AI and video processing.

My contribution

As the sole designer, I redesigned the initial MVP from the ground up, transforming an unclear and unintuitive experience into a simple, guided workflow, increasing conversion by 72% within 6 months and ranking #10 Product of the Day on Product Hunt.

No items found.

Context

Castofly started as an early MVP with a promising idea to generate video content from different inputs, but the experience was not yet defined.

The product lacked structure, usability, and key features needed to support real use cases such as presentations, tutorials, and audio based content creation. For non technical users, it felt difficult to approach and did not clearly communicate how to create content.

Marketing poster designed by me

Low Fidelity Wireframe

Key Insights

The initial MVP lacked guidance, warmth, and a clear product identity.

For a product aimed at non technical users, the experience felt dark and unwelcoming, with no clear direction on how to get started. It also lacked enough meaningful features and differentiation to stand out from existing tools.

This made it clear that the redesign needed to go beyond improving usability. It required creating a more approachable experience, introducing stronger product value, expanding the feature set, and defining a clear visual and brand identity.

Before

  • Early MVP with no clear user guidance
  • Dark interface with low contrast
  • Red used as the primary color, creating an alarming tone
  • Limited feature set
  • No support for key use cases like:
    • audio to visual content
    • text to image presentations
    • screen recording
    • webcam recording
    • No cohesive branding or product identity

After

  • Clean, accessible interface with improved contrast
  • Guided, step by step content creation flow
  • New color system aligned with usability and branding
  • Expanded feature set supporting multiple content formats
  • Clear product identity through visuals and illustrations

Core Product Experience

The product was designed around simple, guided creation flows tailored for non technical users.
  • Creating presentations from text and visuals
  • Recording tutorials using screen capture
  • Creating video content using webcam input
  • Managing projects through a simplified dashboard

Key Features and High Fidelity Prototype

The product was designed to support different ways of creating content, while keeping the experience simple and guided.

Video Upload and Creation Flow

Upload content and quickly move into a guided creation process without complex setup.

Camera Recording

Record video directly within the platform, designed for presentations and quick content creation.

Camera Editing (Trim & Mask)

Edit recordings with simple controls such as trimming and masking, without needing advanced tools.

Screen + Camera Recording (Tutorial Mode)

Create tutorials by recording screen and camera simultaneously, making it easy to explain and present.

Text Editing and Styling Tools

Customize text with controls for font, size, weight, color, alignment, and styling.

Designed to balance user flexibility with technical constraints, ensuring the experience remains intuitive while working within backend limitations.

What I Did

I redesigned the product from the ground up, shaping the experience, structure, and identity.

  • Defined the full user experience and flows
  • Designed the full UI and interaction system
  • Defined the visual identity including logo, color system, typography, and illustrations
  • Built a scalable design system
  • Designed the dashboard, editor, and core tools
  • Designed the landing page and registration flow
  • Created promotional assets and visuals

Iterating the Core Tool

The main creation tool evolved through multiple iterations based on usability testing and user feedback

Initial Version

  • Unclear layout and feature hierarchy
  • Users struggled to understand where to start
  • Key actions were not easily discoverable

First Redesign

  • Improved structure and visual hierarchy
  • Introduced clearer entry points
  • Reduced clutter and simplified layout

After Usability Testing

  • Refined interactions based on real user feedback
  • Improved discoverability of key features
  • Adjusted layout to support a smoother flow

Key Decisions

  • Simplified the core creation flow
  • Introduced onboarding and guidance
  • Removed unnecessary complexity
  • Designed for non technical users first
  • Built a scalable design system
  • Focused on accessibility and clarity

Marketing & Growth

To support product adoption, I designed the landing page and registration experience, ensuring a clear and consistent entry point into the product.
  • Designed the landing page to communicate product value and key features clearly
  • Created a registration flow that reduces friction and supports onboarding
  • Aligned marketing and product experience through a consistent visual and interaction system
Designed to bridge product value and user onboarding through a clear and accessible experience
Castofly's landing page

Castofly's registration screen

Marketing & Visual Exploration

To extend the product beyond the interface, I explored the brand through marketing visuals and posters, creating a more expressive and recognizable identity.

These visuals helped define how Castofly communicates across different touchpoints while maintaining a consistent tone and visual language.

Challenges

  • Limited budget for large scale user testing
  • Early stage MVP with evolving direction
  • Balancing simplicity with an expanding feature set
  • Designing within technical constraints, finding solutions that balanced user needs with development feasibility

Impact

  • 72% increase in conversion within 6 months
  • Ranked #10 Product of the Day on Product Hunt
  • Reduced drop off for first time users
  • Established a strong product foundation for growth

Explore More

Dive deeper into specific parts of the project, including feature design and visual identity.

Podofly — Audio to Visual Editing Tool

View Podofly case study

Branding & Design System

The visual identity, illustration system, and design foundation that shaped the product.
View branding & design system

Reflection

This project taught me how to take an early idea and turn it into a structured, usable, and differentiated product.

Working as the sole designer allowed me to own the process end to end, from defining the experience to shaping the product identity.

If I revisit this today, I would:

  • Expand user testing across a broader audience
  • Explore personalization features
  • Further scale the design system