A single-page promotional and PR website for Jon Arve Ovesen, Norwegian composer, producer, and sound architect from Eidsvoll, Norway.
This site serves as the central hub for Jon Arve Ovesen's public relations and promotional campaign, built around the story of a self-taught musician with 40+ years of atmospheric electronic music — finally breaking through.
| Section | Purpose |
|---|---|
| Hero | Striking atmospheric landing with animated particle canvas |
| About | Full biography, unique strengths, and key stats |
| Music | Discography grid with streaming links (Spotify, Apple Music, YouTube, Bandcamp) |
| The Vault | "From the Vault" archive-release series with story per track |
| AI Experiments | Highlights Jon's exploration of AI-assisted composition |
| Press | Official bio, media assets checklist, key facts, and story angles |
| Campaign Overview | 6 strategic pillars and measurable 6–12 month goals |
| Newsletter | Email signup for vault updates and studio news |
| Contact | Booking, press, and sync/licensing enquiry form |
/
├── index.html # Main HTML (single page)
├── src/
│ ├── css/
│ │ └── main.css # All styles (custom properties, responsive)
│ └── js/
│ └── main.js # Navigation, particles, forms, scroll animations
└── public/
└── images/ # Press photos and album artwork (add here)
No build step required. Open index.html directly in a browser, or serve with any
static file server:
npx serve .
# or
python3 -m http.server 8080The site reflects a 6-step PR strategy tailored to Jon's authentic voice:
- Grounding – 40+ year journey, self-taught, Norwegian roots, AI curiosity
- Success definition – Streaming growth ×3, 5+ media features, 1K+ community
- Target audiences – Norwegian indie listeners, global ambient/electronic fans, producers
- Core pillars – Storytelling content, media outreach, vault releases, AI crossover, sync
- Timeline – 6–12 month phased rollout
- Measurement – Engagement quality, streaming growth, fan feedback
- Replace placeholder streaming links (
href="#") with real platform URLs - Add press photos to
public/images/and update the portrait placeholder inindex.html - Connect newsletter and contact forms to a backend service (e.g. Formspree, Netlify Forms)
- Update email addresses in the Contact section
MIT © Jon Arve Ovesen