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
Branding & Components
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.
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.
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.
A wired, interactive Figma prototype carrying the Berambongo identity through product discovery, selection, checkout and confirmation.
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.
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.
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.
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.
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.