About

Work

Contact

About

Work

Contact

Back Home

VPM Studio

UX/UI

Product Design

Front-end Development

Timeline

2023 Dec - Present

Position

Founding & Lead Engineer

Design Responsibilities

Product design. Social media posts and assets. UI components design. Logo.

Front-end Responsibilities

Engineered a custom UI library using Radix primitives. Developed Next.js-based prompt assistant, image and video generator. Assets gallery (S3, Livepeer Studio)

Tech Stack

React, Nextjs 14, Radix, Tailwind CSS, WAGMI, viem, privy.io, shadcn, Turborepo, Lemon Squeezy, Amazon S3, DynamoDB, Livepeer

Links

vpm.studio

Back Home

VPM Studio

UX/UI

Product Design

Front-end Development

Timeline

2023 Dec - Present

Position

Founding & Lead Engineer

Design Responsibilities

Product design. Social media posts and assets. UI components design. Logo.

Front-end Responsibilities

Engineered a custom UI library using Radix primitives. Developed Next.js-based prompt assistant, image and video generator. Assets gallery (S3, Livepeer Studio)

Tech Stack

React, Nextjs 14, Radix, Tailwind CSS, WAGMI, viem, privy.io, shadcn, Turborepo, Lemon Squeezy, Amazon S3, DynamoDB, Livepeer

Links

vpm.studio

VPM Studio provides with an easy to use platform for creative industry to help produce high quality visuals based on different AI models.

VPM Studio provides with an easy to use platform for creative industry to help produce high quality visuals based on different AI models.

Ideate, edit and export for any platform using in-build video editor. For static and motion visuals of any kind and any use cases.

Project Outcomes

Static and motion visuals generator.

Static and motion visuals generator.

4 different AI models implementation.

4 different AI models implementation.

Assets gallery based on AWS (S3, DynamoDB)

Assets gallery based on AWS (S3, DynamoDB)

2 different video AI models implementation.

2 different video AI models implementation.

Directional Video

VPM is using two advanced image-to-video AI models. The enhanced model offers 15 distinct camera motions, enabling users to generate precise and dynamic video motions tailored to their creative vision.

Video Editor

To make the most of the assets created on VPM Studio, we developed an intuitive, browser-based video editor. This built-in tool allows users to seamlessly stitch together their generated content into immersive final edits, without ever needing to leave the platform. Later video can be used for Instagram stories, immersive projector visuals during live DJ set or anything else. Final edit can be rendered in 3 different formats - 16:9, 1:1, 9:16 and exported as .mp4.

Assets Gallery

Every piece of digital art created on VPM Studio is securely saved within the platform, ensuring easy access anytime. This functionality leverages Livepeer's video storage via their API for video assets, while static images are hosted on our AWS infrastructure using S3. To efficiently manage user-image relationships, I used DynamoDB.

Unique Visual Styles & Ratios

VPM Studio offers unparalleled creative flexibility with 4 different styles, each powered by its own specialized AI model. These styles enable users to produce uniquely styled visuals tailored to their creative needs. Additionally, VPM supports 3 versatile aspect ratios—square, horizontal, and vertical, make visuals fit perfectly anywhere—whether it’s Instagram, TikTok, or a presentation.

Full-stack Development

This project showcases my expertise, as I personally designed and developed it from the ground up into a production-ready product. It highlights my skills in both UI/UX design and full-stack development, utilizing a diverse range of technologies to deliver a seamless and robust user experience.

Let's collaborate and shape the future of digital innovation together.

Email Me

Book a Call

Let's collaborate and shape the future of digital innovation together.

Email Me

Book a Call

Let's collaborate and shape the future of digital innovation together.

Email Me

Book a Call