Bera.TV
I was responsible for creating the front end UI/UX designs for a new web 3 streaming platform. I used Figma for all wireframes and mockups, and Cinema 4D for any 3D asset creation.
Client: Bera.TV
Software: Figma, Cinema 4D
UI/UX & 3D: Alex Manrique
Product Design for a new Streaming Platform
BERA.TV
Bera.tv is an AI-generated entertainment project built on Berachain, featuring original characters from its own NFT collection
rather than relying on existing IP. Unlike earlier efforts like ai_sponge, bera.tv creates its own narratives rooted in the
Berachain community. The project uses a sitcom format to produce viral, character-driven content while maintaining creative
independence. By tightly integrating NFTs and storytelling, it fosters emotional investment and engagement within a
self-contained ecosystem. Ultimately, bera.tv showcases how blockchain-native projects can build original media from within
their own communities and assets.
GOAL
Create a streaming platform on Berachain with web 3 functionality for desktop and mobile. Incorporate Bera.TV brand and NFTs.
Designing the MVP
I started by gathering source material for inspiration from leading streaming platforms such as Twith.tv, Kick, Abstract, and more. I noted core functionalities and user flows to incorporate in our designs.
WIREFRAMES
After some market research into competitors. I iterated a wireframe for all web pages. We wanted a clean and simple design
without excessive frills or distractions. It was important to highlight the NFT collection among all pages to encourage new
users to mint their own. With that in mind, many of the page layouts centered around hero images.
UI DESIGN
For the high fidelity mock ups, all designs/images were created and rendered in 3D. We maintained priority on showcasing the
NFT on all pages and keeping it as simple as possible. Overall the pages created and currently live consist of the Homepage,
Mint page, NFT page, and Streaming page.
After the desktop designs were approved, they were translated to mobile friendly versions. All designs were created with a
responsive framework, and translating to mobile was fairly simple with that in place.