Website design concept

Jules Vale

A fictional designer portfolio with an orbital hero, interactive project cards and a sphere-to-lettering motion sequence.

My role

Design Direction & AI-Assisted Development

Explore the website

Development Method

  • AI-directed design
  • Local creative development

Technical Stack

  • Vue
  • React
  • Three.js
  • Vite

Project Category

  • Website concept
  • Scroll & interaction design

Overview

An editable portfolio template for a fictional independent designer. A motion reference informed the initial exploration; the finished page uses authored Canvas studies, interactive project cards and a Three.js sphere-to-lettering sequence. Typography and motion carry the work across contrasting blue, cream and dark sections.

How I Built It

  1. Concept

    Defined a fictional designer identity and a sequence that moves from the orbital hero to work, process and contact.

  2. Motion

    Combined Vue page structure, React motion components, Canvas experiments and Three.js lettering.

  3. Accessibility

    Added motion controls, reduced-motion behavior and readable fallback states while refining mobile composition.

01

Jules Vale homepage concept

Jules Vale homepage concept