WG—01
Making digital goldfeel tangible.
A scalable product visual system built to translate trust, clarity and premium simplicity into an online gold-trading experience.
Primary case-study cover
Final Wallgold hero visual
Use the strongest 3D object in its real landing-page composition. Preserve generous negative space around the headline.
The short version
Gold is physical, familiar and emotionally tied to security. Wallgold had to preserve those qualities inside a fast digital product—without falling into the visual clichés of the gold category.
Define the visual language, create its flagship 3D expression, and make it repeatable across product and launch touchpoints.
01 / Context
Giving a physical asset a digital presence.
Wallgold gives users access to gold through the Wallex ecosystem. The experience needed to carry the credibility of a financial product and the tangible value of a physical one.
The opportunity was not to make the interface look more luxurious. It was to make value feel understandable, protected and close at hand—while remaining coherent with the wider Wallex product.
Product context
Wallgold inside the Wallex ecosystem
Show one key Wallgold screen beside a simple ecosystem map. Keep the diagram factual and label only the relationships needed for this story.
02 / Challenge
Credible and desirable—without the theatre.
How might we make digital gold feel credible and tangible without relying on the excess commonly used by gold brands?
Audit evidence
Category conventions
An annotated competitor board: recurring palettes, symbols, render styles and trust signals.
Design opportunity
Use / avoid matrix
Contrast the visual behaviors kept for credibility with the luxury clichés deliberately rejected.
03 / Strategy
Confidence through clarity. Value through materiality.
Trust before spectacle
Every visual should support understanding before it asks for attention.
Tangible, not decorative
Material realism connects a digital action to the physical value behind it.
Premium without excess
Control, space and precise light replace predictable luxury clichés.
Modular by default
The system must survive product screens, campaigns, motion and mobile crops.
Strategy proof
One visual example per principle
Use four tightly cropped frames. Each annotation should explain a decision—never merely describe what is visible.
04 / Exploration
Three routes. One clear choice.
The exploration was narrowed to distinct strategic routes—not a gallery of disconnected style tests.
Direction 01
Digital vault
Security-led and structured. Rejected: felt too institutional for an accessible product.
Direction 02
Liquid value
Fluid and expressive. Rejected: visually distinctive, but weakened perceived stability.
Selected direction
Tangible simplicity
Materially credible, calm and adaptable. Selected for its balance of trust and accessibility.
05 / Visual system
A hero asset is not a system.
The real work was turning one visual direction into repeatable rules for material, light, composition, iconography and motion.
Colour / controlled warmth
Replace these draft values with the approved product tokens. Document contrast, proportion and where gold must not be used.
Material study
Gold shader + edge treatment
Show close crops of roughness, reflection and bevel behavior under the approved light rig.
Camera & composition
- Angle[Approved camera angle]
- CropProtect text-safe space
- ShadowSoft / grounded / minimal
Motion language
Quiet confidence, never restless luxury.
Flagship 3D hero
From geometry to product-ready asset.
Process / 01
Viewport + blockout
Show the early camera and geometry. Annotate what was decided here—not every Blender setting.
Process / 02
Light + material tests
Compare two or three meaningful variants and state why the final setup won.
Process / 03
Compositing passes
Break the final frame into base render, highlights, atmosphere and interface integration.
Final hero / decisive visual
Desktop-to-mobile responsive composition
Present the final visual in context, then show how object scale, crop and negative space adapt across breakpoints.
06 / Application
One language. Every meaningful moment.
Show the system working inside the real product before using decorative device mockups.
Primary product application
Real Wallgold landing-page implementation
Use a full-page capture or a clean sequence of real sections. Highlight hierarchy, text-safe areas and responsive decisions.
Product state
Onboarding / purchase moment
One real screen with a short note about what the visual helps the user understand.
Product state
Success / confirmation
Show how the system reinforces certainty after a high-trust action.
For every screen, explain
- 01What user moment is this?
- 02What information had priority?
- 03What visual decision supported it?
- 04What changed on mobile?
- 05What technical constraint mattered?
System extension / asset family
07 / Workflow
Designed to survive implementation.
Production system
File architecture + reusable components
Show naming, component logic and export presets—not confidential messages or internal URLs.
Implementation proof
Design vs. production QA
A precise comparison with two or three corrections that protected the intended visual quality.
08 / Outcomes
Show contribution. Never fake causation.
Primary verified launch metric
Add definition + timeframe + sourceVerified product or funnel outcome
Add baseline + measurement periodThe reusable system gave product and launch teams a coherent visual library across key touchpoints, reducing the need to redefine the direction for every new application.
Qualitative design contributionPublish only figures you can define and source. If no A/B test isolated visual design, claim contribution—not sole causation.
Reflection
Premium communication depends more on control than decoration.
Material realism made the value feel tangible. Consistency across product states, responsive layouts and implementation is what turned that direction into a usable system.
Validate the principles through perception testing and strengthen documentation for motion and responsive behavior.
Closing image
Final full-bleed Wallgold product visual
End with conviction: one clean, high-resolution image with no annotations or process clutter.