VPM Studio

Dec 1, 2023
Role
Founding & Lead Engineer
Timeline
Dec 23 - Aug 24
Tech
React, Next.js 14, Radix, Tailwind CSS, WAGMI, viem, privy.io, shadcn, Turborepo, Lemon Squeezy, Amazon S3, DynamoDB, Livepeer
Design Responsibilities
Product design. Social media posts and assets. UI components design. Logo.
Development Responsibilities
Engineered a custom UI library using Radix primitives. Developed Next.js-based prompt assistant, image and video generator. Assets gallery (S3, Livepeer Studio).

VPM Studio provides an easy-to-use platform for the creative industry to help produce high quality visuals based on different AI models. Ideate, edit and export for any platform using the in-built video editor. For static and motion visuals of any kind and any use case.

Directional Video

VPM uses 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 the video can be used for Instagram stories, immersive projector visuals during a live DJ set, or anything else.

The final edit can be rendered in 3 different formats - 16:9, 1:1, 9:16 - and exported as .mp4.

Video editor

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.

Assets gallery

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, making visuals fit perfectly anywhere - whether it's Instagram, TikTok, or a presentation.

Unique Visual Styles & Ratios

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.

Previousheat·dith·er
NextFastest L1 Blockchain Ever