project-ebec718f

# UNICEN — Website Build Brief You're a senior frontend developer and designer who's shipped premium sites for creative studios and SaaS brands. Build a website for **UNICEN**, a short-form content agency — not a template, not a freelancer portfolio. Think Apple's restraint, Linear's precision, Framer's motion, filtered through a creative studio's eye. **Goal:** turn visitors into booked discovery calls. --- ## Brand **Name:** UNICEN **Tagline:** Short-Form Content, Engineered for Results. **What we do:** Help creators, coaches, educators and personal brands grow through short-form video built around their audience and business goals — not generic edits. **Positioning:** We're not a video editing agency. We're a creative growth partner. Every edit is built around the client's brand, audience, and what they're actually trying to achieve. **Who we're for:** Creators, coaches, educators, founders, personal brands, and businesses that publish consistently and treat content as an investment, not an expense. --- ## Design Direction Minimal. Dark. Confident. Lots of breathing room, oversized type, restrained motion that feels earned rather than decorative. Glassmorphism only where it actually helps (nav, floating cards) — not everywhere. Gradients used sparingly, as accents, not backgrounds. Nothing should read as a WordPress theme or a Dribbble-shot-turned-website. If a component looks like it came from a UI kit, redesign it. **Palette** - Background: `#050505` - Primary text: `#FFFFFF` - Secondary text: `#A1A1AA` - Accent: Electric Blue `#3B82F6` - Accent gradient: `#3B82F6 → #8B5CF6` - Cards: `#111111` - Borders: `rgba(255,255,255,0.08)` **Type** Space Grotesk (fallback: Satoshi). Bold headings, generous tracking, confident hierarchy. --- ## Navigation Logo · Home · Services · Work · Process · Pricing · FAQ · **Book Call** (button, visually distinct) Sticky. Transparent at the top, blurs and gains a subtle background as the user scrolls. --- ## Hero Full-screen. Silent looping showreel or animated background behind the copy — not distracting from it. **Headline:** Short-Form Content, Engineered for Results. **Subhead:** We help creators and businesses grow faster with short-form video built around their audience, their brand, and what they're actually trying to achieve. **Buttons:** Book Discovery Call · View Portfolio **Floating cards** (subtle parallax): Fast Turnaround · Premium Editing · Dedicated Creative Partner · Monthly Retainers --- ## Social Proof Animated counters, understated, not a slot-machine effect. - 100+ Videos Edited *(placeholder — swap for real number before launch)* - 48-Hour Turnaround - Custom Creative Strategy - Monthly Partnerships --- ## The Problem **Headline:** Your Content Deserves Better Than Generic Editing. Most creators end up babysitting freelancers instead of making content. The result: inconsistent videos, no recognizable style, weak retention, and no strategy behind any of it. UNICEN fixes that. --- ## Services Six cards, each with a hover state that feels alive (subtle lift, glow, or reveal — not a generic scale-up). 1. Short-Form Editing 2. Content Repurposing 3. Personal Brand Content 4. Motion Graphics 5. Creative Direction 6. Monthly Content Systems --- ## Why UNICEN Four cards: - Brand-First Editing - Strategy-First Content - A Dedicated Creative Partner - Consistent Monthly Delivery --- ## Portfolio Video gallery with real hover polish. Filterable by category: Coaches · Business · Fitness · Education · Podcast. Each project opens a modal structured as: **Problem → Solution → Outcome.** --- ## Process Horizontal timeline, six steps, each with a clean animated icon: Discovery → Strategy → Production → Review → Delivery → Growth --- ## Pricing One plan, positioned as a partnership, not a package. **Monthly Partnership** includes: - A dedicated editor - Unlimited revisions within scope - Premium editing - Motion graphics - Captions - Fast turnaround - Custom creative strategy **Pricing line:** Custom monthly retainers, starting from ₹8,000/month. **CTA:** Book Discovery Call --- ## Testimonials Carousel with video testimonial placeholders, client photos, and ratings. Should feel like proof, not decoration. --- ## FAQ Clean accordion, answer these: - How fast is delivery? - Can you match my existing editing style? - How many revisions do I get? - Who owns the final files? - How does onboarding work? --- ## Final CTA Big, simple, no clutter. **Headline:** Ready to Turn Content Into Growth? **Button:** Book Your Discovery Call --- ## Footer Logo · nav links · socials · contact email · copyright. Minimal — this is a closing note, not a sitemap. --- ## Motion Guidelines Motion should support the story, not perform for its own sake: - Scroll-triggered fades, slides, and scale-ins - Subtle mouse parallax on hero elements - Smooth, deliberate hover states (no jarring snaps) - A restrained animated gradient or two, not everywhere - A short, tasteful loading state on first visit If an animation doesn't make the page feel more premium, cut it. --- ## Tech Stack - Next.js + TypeScript - Tailwind CSS - Framer Motion (+ GSAP for anything Framer Motion handles awkwardly, like complex scroll-scrubbing) - Fully responsive - SEO-optimized (metadata, semantic HTML, OG tags) - Fast — optimize images/video, lazy-load below the fold - Accessible (keyboard nav, contrast, alt text, focus states) - Dark mode by default (this isn't a toggle feature, it's the brand) --- ## Booking Flow "Book Call" opens a form, not a redirect straight to Calendly. Fields: - Name - Email - Instagram - Website - What do you create? - How many videos per month? - Biggest content challenge right now? - Monthly budget On submit → redirect to Calendly. --- ## The Bar Someone landing on this site for the first time should think: *these aren't just editors — they get branding, marketing, and strategy.* The site needs to feel like it could justify a ₹25k–₹100k/month retainer without anyone blinking. That's the design bar: every section earns its place, nothing feels stock, and the whole thing reads like it was built by people who take the craft seriously.