Berambongo - App Page Spread

Berambongo - Brand + Digital Experience + Branded Environment
Brand identity, UX/UI, Figma, Component Design, Interactive Prototyping and Branded Environment
UX/UI course project developed from a supplied user persona and four-stage e-commerce task flow into a branded mobile shopping experience.
Persona & Project Brief
Persona & Project Brief
Branding & Components
Branding & Components
Lo-fi Screen Flow
Lo-fi Screen Flow

Component System

Overview
Starting with a supplied user persona and basic e-commerce task flow, I developed Berambongo’s fictional brand, content and overall digital experience.
Process
I established the visual identity and experience structure, then developed them into a reusable interface system that carried the brand consistently through the mobile experience.
Result
A wired, interactive Figma prototype carrying the Berambongo identity through product discovery, selection, checkout and confirmation. 

Berambongo Wired Prototype - Embedded

Berambongo Prototype QR Code

Branded Environment
Extending Berambongo's established digital identity into a physical hospitality environment through signage, architectural graphics, material and fabrication decisions.

Site Response / Perceptual Analysis

3D Spatial Development
Extending the branded environment into three-dimensional space through iterative modeling, graphic integration and spatial testing.

Berambongo evolved from an environmental graphics concept into an actively tested spatial design through iterative 3D modeling in Blender. Using site research, measured drawings, exterior elevations, and original vector artwork, I rebuilt the shell, signage, glazing treatments, and key interior interventions to evaluate proportion, visibility, privacy, circulation, and spatial character. The model functions not simply as a rendering exercise, but as a design-development tool used to verify ideas, identify conflicts, and refine how brand, architecture, and user experience interact in a real environment.
Exterior Model - Exterior massing, signage, and glazing treatments developed as an integrated branded-environment system.
Exterior Model - Exterior massing, signage, and glazing treatments developed as an integrated branded-environment system.
South glazing application - South elevation privacy-film graphics tested in 3D to refine proportion, visibility and patron privacy.
South glazing application - South elevation privacy-film graphics tested in 3D to refine proportion, visibility and patron privacy.
Interior arch - Interior arch intervention introduced as a circulation marker, spatial divider and visual anchor within the pub.
Interior arch - Interior arch intervention introduced as a circulation marker, spatial divider and visual anchor within the pub.
Overlay validation - Elevation graphics overlaid on model screen shots to verify fit, reveal discrepancies, and guide revision.
Overlay validation - Elevation graphics overlaid on model screen shots to verify fit, reveal discrepancies, and guide revision.
West elevation development - Window treatments extended across the west elevation to create continuity, privacy, and layered visual identity.
West elevation development - Window treatments extended across the west elevation to create continuity, privacy, and layered visual identity.
Interior/exterior relationship - Views through the glazing were used to assess light, transparency, and the relationship between graphics and interior space.
Interior/exterior relationship - Views through the glazing were used to assess light, transparency, and the relationship between graphics and interior space.
↑Back to Top