3D
Home / Work / 3D UI/UX
Project 06

3D UI/UX
Exploration

Two conceptual website designs exploring how 3D visual storytelling — rendered in Blender and composed in Figma — can elevate digital branding and UI engagement.

Role
3D Design
UI/UX Design
Creative Direction
Tools
Blender
Figma
Photoshop
Year
2026
Type
Conceptual Exploration
Overview

Where 3D becomes
storytelling

These two conceptual UI/UX projects explore how 3D visual storytelling can bring digital experiences to life. The goal was to create modern, relevant, and striking interfaces that merge playful aesthetics with futuristic branding — demonstrating that usability and visual ambition aren't mutually exclusive.

Both projects are fully self-taught explorations in Blender — modelling, lighting, and rendering custom objects specifically for use as UI hero assets, rather than sourcing stock 3D.

Project 1 of 2

Softies — Cosy toy brand concept

Softies concept animation using the actual rendered prototype video.

Softies is a concept for a cosy toy and accessories brand. The design needed to communicate warmth and softness while feeling contemporary and bold — avoiding the overly childish aesthetic most toy brands default to.

→
Creative Direction
Bold oversized typography paired with soft 3D renders. The contrast between hard letterforms and organic plush textures creates the visual tension that makes the brand memorable.
→
3D Design
Self-taught Blender workflow: modelled soft toy characters, applied subsurface scattering materials to simulate fabric and plush textures, then rendered with HDRI lighting to produce clean, usable hero assets.
→
UI Composition
Composited renders into Figma layouts — using 3D objects as focal anchors rather than decorative garnish. The hero layout uses z-index layering to place text behind the 3D element, adding genuine depth.
Project 2 of 2

Studio One.Ze — Prototype agency

Studio One.Ze concept animation using the actual rendered prototype video.

Studio One.Ze is a concept for a rapid prototyping agency. The design language borrows from the current wave of tech-forward SaaS aesthetics — dark backgrounds, large number typography, and 3D visual accents — while using them in service of clear information hierarchy.

→
3D for Engagement
Used 3D renders not just as decoration but as proof of concept — an agency showcasing speed and visual capability should demonstrate both in its own website.
→
Kinetic Typography
Large numeric typography (06 / 04) creates a sense of scale and motion without animation. The numbers function as both design elements and structural anchors for the layout grid.
→
Usability Balance
High visual impact doesn't require sacrificing clarity. CTAs ("Request A Prototype") remain high-contrast and accessible regardless of the dark, complex background behind them.
Skills Demonstrated

What this project proves

🎬
Self-Taught 3D
Blender modelling, material shading (BSDF, subsurface scattering), lighting, and rendering — learned independently for use in UI design contexts.
🧩
Creative Direction
Ability to define a visual concept, select appropriate tools, and execute across medium boundaries — from 3D software to UI layout.
⚖️
Usability Under Constraint
Both concepts maintain functional UI clarity (readable headings, clear CTAs, logical hierarchy) despite complex visual environments.
2
Concepts designed
Softies (playful, warm) and Studio One.Ze (dark, kinetic) — demonstrating range across tonal registers.
3D
Blender workflow
Custom models rendered specifically for UI use — not stock assets or image prompts.
↑
Visual range
Demonstrates ability to operate at the intersection of 3D art, creative direction, and product UI — a rare and growing skill set.
Back to Start
Nyla Artistry
↗