Dieses Stellenangebot ist nicht mehr verfügbar
Über
### Design & Aesthetic Reference
- Follow the exact **design language, structure, typography mood, spacing, and motion style** of the Cartier "Find Your Love" intro page.
- The website must feel **modern, chic, luxury-first, artistic, and emotionally inspiring**.
- Use a **sophisticated color palette** (e.g., deep blacks, soft gold accents, cream neutrals, elegant gradients).
- Apply **dramatic lighting effects, premium typography, refined whitespace, and high-fashion composition**.
- Navigation must feel **fluid, premium, and minimalist**, not cluttered.
### Motion & Interaction Requirements
- Include **smooth 60fps animations** throughout (GSAP or Framer Motion or CSS animations).
- Page transitions must demonstrate **craft, elegance, and motion design precision**.
- Use **subtle parallax, reveal-on-scroll, glass blur, glow highlights, and lighting flares** where appropriate.
- All animations must feel **60fps smooth, premium, and commercial-grade**.
- Product videos should appear in **reels that autoplay silently on hover**, and expand elegantly when clicked.
- Featured video reels must play **on hover in the product showcase section**.
### Product Catalog Integration
- Use jewelry products from: **My Catalog**.
- Display only 5 products in the first version.
- Each product card must include:
- Background-removed jewelry image
- Model wearing the jewelry
- Hover motion reel preview
- Luxury hover effects (zoom + glow rim light, smooth fade text overlay)
### Image Editing Requirement (Simulated for Prompt)
For all product images:
- Remove the background
- Place the jewelry on the **neck of a full-body fashion model**
- Scene must be **summertime outdoors**
- Use **dramatic luxury lighting, soft bokeh, golden hour tones, high-end editorial feel**
- Model must be **full body, styled for summer fashion**
- Final images should look like **commercial jewelry ad photography**
*(Do not build an image editor — assume images are already processed and display them accordingly in the design.)*
### Hero Section Requirements
- Must include a **motion design luxury intro** like Cartier
- Include bold emotional luxury headline (e.g., *"Quietly Radiant"*)
- Add subtle animated subtext for inspiration
- Include a cinematic video of a person **getting ready and wearing luxury jewelry**
- Video must play silently
- Expand smoothly on hover or click
- Style: person getting ready, summer fashion, wearing jewelry
### UI Elements
- Luxury minimalist nav: Home | Collections | Best Sellers | About | Contact
- Sticky header with blur transparency when scrolling
- Premium micro-interactions on all buttons and nav items
- CTA buttons should animate smoothly on hover (e.g., glow underline, soft scale, shimmer pass effect)
- Add smooth scrolling
- Mobile responsive but prioritize desktop luxury layout
### Technical Requirements
- No backend, no database
- Use HTML, TailwindCSS (optional), or premium CSS styling
- Use GSAP or Framer Motion for animations
- Host fully on Replit, optimized for fast load
- Ensure performance supports smooth motion
- Add hover video reels for jewelry showcase
### Content Requirements
- Write inspiring luxury copy for:
- Brand story
- Product sections
- CTA sections
- Footer
### Footer Requirements
- Minimal luxury layout
- Include:
Jolhar
- Social icons (Instagram, Facebook, TikTok, Pinterest)
- Subtle animation reveal
### Deliverables
- A complete, polished, luxury single-page site
- Premium motion experience
- Jewelry showcase with models wearing jewelry in summertime editorial style
- Hover video reel interactions
don't forget to add the "The Virtual Atelier" section similar to the attached pictures. Make the website look exactly like the images attached. The name is "Jolhar" and not "Jolly Luxe"
Contract duration of less than 1 month. with 30 hours per week.
Mandatory skills: CSS, WordPress Plugin, Responsive Design, Shopify, Wix, Shopify Templates, Shopify Plus, Graphic Design, Figma, PSD to HTML, Shopify Apps, WordPress Development, Shopify Theme, Shopify SEO
Sprachkenntnisse
- English
Hinweis für Nutzer
Dieses Stellenangebot wurde von einem unserer Partner veröffentlicht. Sie können das Originalangebot einsehen hier.