Web Design

PeakVisuals

Landing page for freelance interactive 3D product visualization services

This landing page showcases my freelance work as a 3D designer for interactive product visualization and configurators. It combines web design and 3D to answer one key question for potential clients:

“What can interactive 3D actually do for my product and my business?”

Instead of only showing static screenshots, the site uses storytelling and a live 3D demo to guide visitors through the benefits and impact of 3D visualization.

Screenshot of PeakVisuals homepage
My role

Founder & website owner

Responsibilities
  • Defined brand positioning and target audience for interactive 3D product visualization
  • Developed the PeakVisuals brand (name, narrative, logo, color palette, typography)
  • Designed and built a responsive one-page marketing site in Framer
  • Created an interactive 3D product demo and integrated it into the landing page
  • Crafted a story-driven page structure focused on business value and use cases
Tools
Figma
Framer
Blender
Vectary
Technologies & Methodologies
Interface design
Responsive web design
WCAG 2
Branding
3D modeling
Animation
Texturing
Visualization
WebAR

Challenge

When I started my own freelance business, I needed more than a portfolio. I needed a focused landing page that:

  • Attracts the right kind of prospects (product owners, marketing leads, founders)
  • Explains why interactive 3D and configurators are worth the investment
  • Shows concretely what I can deliver, without long sales calls

The existing content I had was either too technical or too generic. The challenge was to turn this into a clear, outcome-oriented story:

  • What does PeakVisuals stand for?
  • Who is it for?
  • What happens if they work with me?

Design process

Audience and positioning

Before designing anything, I clarified who PeakVisuals should speak to and what they care about. I:

  • Identified my target audience: product and marketing decision-makers in consumer brands
  • Interviewed potential clients to understand their goals, worries, and decision criteria
  • Created a persona to keep messaging and design aligned with their needs

From this, several key points emerged:

  • They don’t buy “3D” – they buy better product understanding, higher conversion, and fewer returns
  • They are busy and need a fast, visual explanation, not a technical deep-dive
  • They want to see real examples, not just promises

Brand concept and naming

I wanted the brand to reflect both my love for the outdoors and the idea of taking product visualization to the next level.

  • Since I live near the Alps, peaks became a natural metaphor.
  • “PeakVisuals” connects the mountain peak with the “peak” of visualization quality.

On one hand, the name refers to the mountains. On the other, it symbolizes how 3D moves product visualization from the “valley” of static 2D images up to the “peak” of interactive 3D and AR. This idea get's clear in early logo drafts.

Early draft of the PeakVisuals logo with mountains and subheading
Early draft of the PeakVisuals logo with mountains and descriptive subheading

To make is less obvious, more modern, and technical, I then:

  • Refined the logo into a symbol built from the letters P and V, forming a pinhead-like shape that can also be read as an upside-down mountain peak
  • Defined a color palette and typography system that feels modern, technical, and premium
The creation of the PeakVisuals logo out the letters P and V
The creation of the PeakVisuals logo out the letters P and V

Interactive 3D demo

Because the website is meant to attract prospects for interactive 3D visualization, it needed a live sample, not just static images. I decided for an e-scooter as a typical D2C product example. Using Vectary and Blender, I:

  • Added realistic materials, lighting, and camera setups
  • Implemented hotspots to trigger animations and highlight key features
  • Designed a minimal interface to display the scooter’s measurements and change its color
3D model of an e-scooter
Setup in Vectary with textures, light, cameras, buttons, and animations

This demo encourage exploration without overwhelming the user and gives prospects a peek at what’s possible with interactive 3D and serves as a conversation starter in sales calls.

Final interactive 3D model running in the web

Landing page structure and layout

With brand and demo in place, I structured the landing page as a storyline:

  • Problem: Static images and videos are limited in showing complex or configurable products.
  • Solution: Interactive 3D and configurators help people understand, explore, and customize products.
  • Impact: Better understanding, higher engagement, and increased likelihood to buy.
  • Proof: The live 3D demo plus visual examples.
  • Next steps: Clear CTAs to get in touch or request a project.

I:

  • Sketched wireframes to map this narrative from top to bottom
  • Followed my style guide to design a modern, tech-savvy, responsive layout
  • Ensured the page remains easy to scan and does not feel overwhelming, even with a 3D demo embedded
  • Made it responsive to work smoothly on any device
Design of the PeakVisuals landing page on different breakpoints
Design of the PeakVisuals landing page on different breakpoints

Outcome and learnings

Impact

  • Prospects regularly commented positively on both the web design and the interactive 3D demo, often referencing the site during first calls
  • The one-page structure makes it easy to share and consume, especially for busy decision-makers
  • The landing page acts as a digital pitch deck, helping me pre-qualify leads who already understand the value of interactive 3D before they reach out

What I learned as a designer

  • Treating your own portfolio website as a real product sharpens your thinking about ICP, value propositions, and storytelling
  • For technical offerings like 3D visualization, it’s crucial to move from “features” to business outcomes in the way you present your work
  • A focused landing page with a strong narrative can do a lot of pre-sales work, freeing up time for deeper conversations with serious prospects

See for yourself

< Back to home