
FULL PAGE

ABOUT PROJECT
Olivia Millin, an emerging J-Pop artist known for her fusion of English and Japanese lyrics, approached us with a clear vision: she needed a website that would not only reflect her bold, youthful aesthetic but also support her rapidly growing career.
Client Goals:
Establish a modern, professional digital presence aligned with Olivia’s brand (pink + silver/black/white, Y2K-inspired).
Improve mobile responsiveness and user experience.
Enhance discoverability of music, videos, merch, and her personal story.
Engage fans with interactive tools and media-rich content.
Allow for easy updates and scalability (new albums, tours, press, merch).
Challenges
Outdated and minimal layout that didn’t reflect her artistic personality.
Poor mobile adaptation and inconsistent page structure.
Navigation confusion (e.g. “More” tab) and lack of strong calls-to-action (CTAs).
Static, text-heavy content with no streaming embeds or visual storytelling.
A shop page lacking product depth and UX finesse.
Underutilized Wix features and site capabilities.
Our Solution:
Visual Design & Branding
Leveraged Wix Editor’s advanced layout tools to design a responsive site with a bold, polished look.
Defined a custom color palette (pastel pink, metallic silver, white/black accents) and integrated Y2K-inspired visuals.
Created a consistent design language across all pages: sticky navigation, section dividers, hover states, and animations.
Navigation & Structure
Rebuilt site architecture with top-level nav: Home, Music, Videos, Shop, About, Tour & News, Contact.
Replaced generic “More” dropdown with intentional, user-friendly paths.
Integrated CTAs sitewide: “Stream Now,” “Watch Video,” “Join Fanlist,” “Book Olivia,” “Buy Merch.”
Mobile Optimization (on Wix)
Used Wix’s mobile editor to tailor responsive views and gestures.
Prioritized thumb-accessible buttons, swipeable galleries, and optimized font sizes.
Page-by-Page Enhancements
Homepage
Introduced hero section with album artwork and CTA (“Listen Now”).
Embedded new single preview (TTYL) and links to major platforms.
Added newsletter signup form and social links to encourage fan interaction.
Enabled press quotes carousel and fan testimonials for social proof.
Music Page
Transformed placeholder into a vibrant showcase of Olivia’s discography.
Embedded Spotify/Apple Music players using Wix Music tools.
Introduced toggled lyrics (EN/JP), song intros, and behind-the-scenes clips.
Shop Page
Built with Wix Stores: product grid, filters, and zoom-on-hover.
Added descriptions, lifestyle photos, size guides, and limited-edition drops.
Featured section: “Product of the Month” to create urgency.
Videos Page
Expanded from one embedded video to a full Wix video gallery.
Added summaries, titles, and BTS context for each video.
Included vertical teasers styled for TikTok/Instagram Reels.
About Page
Transformed bio into a scrolling visual timeline: early years, theater work, Japan trip, milestones.
Embedded Spotify discography slider and dynamic quote graphics (inspired by Atarashii Gakko!).
Used Wix’s media galleries and parallax effects for visual storytelling.
Tour & News Page
Rebranded and merged press updates with upcoming shows.
Added tour calendar widget, ticket links, and fan RSVP forms.
Displayed press quotes via animated sliders with logos (Rolling Stone, Vents Magazine).
Enabled press kit downloads with media pack and artist bio.
Contact & Booking Page
Renamed from “Blank” to “Contact & Booking” for clarity.
Redesigned form with brand-matching visuals and animated confirmation message.
Included management email, booking form, social icons, and optional fan mail PO Box.
Technology and Features Used
Platform: Wix Editor
Tools: Wix Music, Wix Stores, Wix Video, Wix Forms
Features: Responsive design, custom animations, lightbox galleries, scroll effects
SEO: Metadata, Open Graph tags, structured data for music and shop
Performance: Image optimization, lazy loading
Accessibility: Keyboard navigation, alt text, color contrast adjustments
Project:
Olivia Millin Official
Industry:
Country:
Technologies:
Services:
Advantages:
GALLERY
Velo Code Used
Reviews








