Case study · 2026

MCP x AI for smart home

A tool for creating animated liquid (mesh) gradients with seamless looping and export to WebM and GIF — made for background videos in website hero sections. It runs entirely in the browser, with no server or build step: a WebGL2 shader draws the flow on a canvas, and the export encodes frames right on the client.

Role
TBD
Timeline
TBD
Team
TBD
Platform
TBD

  1. 01

    Context

    The company, the product and its users. What existed before the project and why it started.

  2. 02

    Problem

    What was not working, for whom, and how it showed. What evidence pointed to it.

  3. 03

    Role

    Your responsibility in the project, the team around you and who made the decisions.

  4. 04

    Process

    How the work went: research, workshops, iterations, testing. What changed along the way.

  5. 05

    Decisions

    The key design decisions, the options considered and why this one was chosen.

  6. 06

    Solution

    What was shipped: main screens, flows and interactions, with visuals.

  7. 07

    Result

    What changed after release. Only confirmed data; qualitative results are fine.

    • TODO: add project metric
    • TODO: add project metric
    • TODO: add project metric

  8. 08

    Reflection

    What you learned, what you would do differently, what comes next.

RU