
Actual native Webstudio preview — self-initiated, AI-assisted portfolio study.
A self-initiated portfolio built natively in Webstudio to connect landing-page design, editable presentations and practical AI workflows through one JD Park identity.
The brief
Create a distinctive first impression, make the selected work easy to explore, and guide visitors toward a focused project conversation.
Design direction
Midnight navy, champagne and ivory establish the visual system. Large editorial typography is paired with generated architectural brand artwork, a dedicated V17 feature and separate Northline and Veylane project cards.
Native Webstudio implementation
The page uses individually editable native elements and reusable styles. Responsive compositions, four expandable FAQ answers, visible keyboard focus and reduced-motion styling support the browsing experience. The architectural hero was optimized to an approximately 82 KB WebP.
What I checked
Reviewed desktop and narrow mobile layouts, image loading, FAQ interaction, internal navigation and keyboard focus. No horizontal overflow was observed in the checked views, and Webstudio publish validation passed. These checks are not a full accessibility certification or a performance benchmark.
Project context
This is an independent, AI-assisted study, not commissioned client work. Veylane is a fictional brand; Northline uses synthetic reporting data. No client outcome, revenue increase or conversion improvement is claimed. The generated hero is abstract brand artwork, not a photograph of a completed installation.
A read-only native Webstudio preview is available for project review. The editable project remains in Webstudio; the source and assets are preserved separately.
Explore the public showcase — a lightweight static companion to the native Webstudio project. The editable Webstudio preview is available for reviewer inspection.
1 like · 0 views · Nov 12, 2026
Self-initiated Webstudio portfolio with a sculptural hero, responsive layouts and editable native components. AI-assisted design and implementation.