video-editor-portfolio

byKartik Pawar

Create a premium, modern, highly professional 3D portfolio website for a freelance Video Editor. The website should feel like a high-end creative studio / premium editing agency website — NOT like a basic portfolio template. GOAL: The main goal is to impress potential clients within the first 5 seconds and convert visitors into video-editing clients. DESIGN STYLE: * Premium cinematic 3D aesthetic * Minimal but visually powerful * Dark black / charcoal background * White typography * Electric blue accent color (#014BAA) * Subtle glassmorphism * Soft gradients * 3D floating objects * Smooth cinematic animations * High-end creative-agency feel * Lots of whitespace * Professional typography * No unnecessary colorful elements * No cartoonish UI * No generic template appearance 3D HERO SECTION: Create a full-screen hero section with a large 3D floating video-editing workstation / monitor / timeline interface in the background. Add subtle 3D camera movement and parallax effects while scrolling. Hero headline: "I TURN RAW FOOTAGE INTO HIGH-RETENTION CONTENT." Subheadline: "Video Editor specializing in premium Reels, Shorts, YouTube videos, documentaries and business content." Primary CTA: "VIEW MY WORK" Secondary CTA: "LET'S WORK TOGETHER" Add a small availability badge: "AVAILABLE FOR SELECT PROJECTS" Include a professional 3D floating play button and timeline elements around the hero. ABOUT / INTRO SECTION: Create a clean section introducing the editor. Headline: "EDITING THAT MAKES PEOPLE STOP SCROLLING." Description: "I combine storytelling, motion graphics, sound design, typography and precise pacing to turn ordinary footage into engaging content." Show 4 floating 3D capability cards: • Short-Form Content • YouTube Editing • Motion Graphics • Documentary Editing WORK / PORTFOLIO SECTION: Create a premium interactive portfolio gallery. Display projects as large cinematic cards with: * Video thumbnail * Project title * Category * Short description * Hover animation * Play button * Smooth 3D tilt effect Categories: ALL REELS SHORTS YOUTUBE DOCUMENTARY BUSINESS When hovering over a project card: * Card slightly rotates in 3D * Thumbnail zooms subtly * Blue glow appears * Project information smoothly appears * Cursor changes to a custom "VIEW PROJECT" interaction Include placeholder projects such as: "AI — The $7 Trillion Race" Category: Documentary "Business Growth Reel" Category: Business "From 0 to 1M Views" Category: Social Media "Premium Product Campaign" Category: Advertisement "High-Retention Talking Head" Category: Short Form BEFORE / AFTER SECTION: Create an interactive before-vs-after video editing comparison. Left: "RAW FOOTAGE" Right: "FINAL EDIT" Add a draggable comparison slider. Show improvements such as: * Color grading * Captions * Motion graphics * Sound design * Transitions * Pacing SERVICES SECTION: Create premium 3D service cards. Services: 01 — Short-Form Editing High-retention Instagram Reels, YouTube Shorts and social content. 02 — YouTube Editing Professional long-form editing with storytelling, pacing and retention-focused structure. 03 — Documentary Editing Cinematic documentary-style editing with motion graphics, maps, typography and visual storytelling. 04 — Motion Graphics Clean modern animations, typography, UI animations and visual effects. 05 — Business Content Premium editing for founders, brands, agencies and businesses. Add subtle 3D hover animations to every service card. PROCESS SECTION: Create a horizontal animated workflow: 01 SEND FOOTAGE 02 EDIT & DESIGN 03 REVISION 04 FINAL DELIVERY Each step should animate into view while scrolling. CLIENT RESULTS SECTION: Create a premium statistics section with large animated numbers. Example: +100 VIDEOS EDITED +1M POTENTIAL VIEWS 24–72H FAST DELIVERY 100% FOCUS ON RETENTION Use animated counters. TESTIMONIAL SECTION: Create a cinematic testimonial carousel with 3D card transitions. Use placeholder testimonials rather than fake real clients. Example: "Clean editing, great pacing and very strong attention to detail." Add client name placeholders such as: "Client Name — Founder" ABOUT ME SECTION: Create a visually interesting personal section with a large portrait/video placeholder. Headline: "BEHIND THE EDITS." Description: "I'm a video editor focused on creating content that looks premium, feels intentional and keeps viewers watching." Add skill indicators: CAPCUT ALIGHT MOTION AFTER EFFECTS PREMIERE PRO MOTION GRAPHICS SOUND DESIGN COLOR GRADING Show these as animated skill pills. CONTACT SECTION: Create a dramatic final CTA. Headline: "HAVE A VIDEO IN MIND?" Subheadline: "Let's turn your idea into content people actually want to watch." Primary button: "START A PROJECT" Secondary button: "EMAIL ME" Add social links placeholders: Instagram YouTube LinkedIn Behance NAVIGATION: Sticky transparent navigation bar. Logo: "KARTIK" Navigation: WORK SERVICES ABOUT PROCESS CONTACT Add a small CTA button: "START A PROJECT" INTERACTIONS: Use premium micro-interactions throughout the website: * Smooth scrolling * Scroll-triggered animations * 3D card tilt * Parallax * Magnetic buttons * Cursor-following glow * Text reveal animations * Image zoom * Hover transitions * Smooth page transitions * Animated counters * 3D floating objects * Subtle particle effects Keep animations smooth and professional, not excessive. RESPONSIVE DESIGN: The website must be fully responsive. Desktop: Ultra-premium 3D experience. Tablet: Simplified 3D effects. Mobile: Fast, clean and optimized with reduced 3D complexity. TECHNICAL REQUIREMENTS: * Modern responsive UI * Fast loading * SEO-friendly structure * Accessible typography * Optimized images/videos * Lazy loading for portfolio videos * Smooth 60fps animations where possible * Avoid unnecessary heavy effects * Clean component structure * Professional spacing and alignment IMPORTANT: DO NOT make it look like a generic AI-generated portfolio. It should look like a website designed by a professional creative director for a premium freelance video editor. The visual hierarchy should immediately communicate: VIDEO EDITOR → PREMIUM EDITING → STRONG PORTFOLIO → CLIENT RESULTS → EASY CONTACT Make the final website feel similar to a premium creative agency / award-winning portfolio website while keeping it clean, modern and conversion-focused.

LandingWorkAboutServicesContactProcess
Landing

Comments (0)

No comments yet. Be the first!

Project Tasks

77 tasks
#1

Generate system requirement document

1m 8s0.2 cr used
Done
#2

Generate personas & user flows

0m 7s0.2 cr used
Done
#7

Create flow for Prospective Client

0m 6sCredits in parent
Done
#8

Create flow for Freelance Video Editor (Site Owner)

0m 6sCredits in parent
Done
#9

Landing

6m 30sCredits in subtasks
Done
#22

Fix Landing review finding: Regression in…

1m 37s0.4 cr used
Done
#21

Fix Landing review finding: frontend/src/components/Landing Cinematic Hero.jsx renders a…

0m 47s0.4 cr used
Done
#15

Landing / Kartik Sticky Nav

0m 39s1.6 cr used
Done
#16

Landing / Cinematic Hero

0m 46s1.6 cr used
Done
#17

Landing / Intro Capabilities

0m 43s1.6 cr used
Done
#18

Landing / Footer

0m 21s1.6 cr used
Done
#19

Kartik Sticky Nav

0m 39sCredits in parent
Done
#20

Footer

0m 21sCredits in parent
Done
#10

Work

4m 55sCredits in subtasks
Done
#48

Fix Work review finding: Q1 as reviewed now: Tablet marker labels run together…

0m 18s0.4 cr used
Done
#37

Fix Work review finding: Marker labels are broken into unreadable mid-word…

0m 23s0.4 cr used
Done
#23

Work / Sticky Nav Slot

0m 0s1.6 cr used
Done
#24

Work / Gallery Header

0m 22s1.6 cr used
Done
#25

Work / Portfolio Gallery

1m 1s1.6 cr used
Done
#26

Work / Before After Scrubber

0m 50s1.6 cr used
Done
#27

Work / Footer Slot

0m 0s1.6 cr used
Done
#11

Services

5m 24sCredits in subtasks
Done
#49

Fix Services review finding: Q1 as reviewed now: The current desktop screenshot shows…

0m 15s0.4 cr used
Done
#43

Fix Services review finding: The desktop results row clips the final statistic at the…

0m 16s0.4 cr used
Done
#28

Services / Sticky Nav Slot

0m 0s1.6 cr used
Done
#29

Services / Offering Ledger

0m 37s1.6 cr used
Done
#30

Services / Client Results

0m 34s1.6 cr used
Done
#31

Services / Testimonial Carousel

0m 37s1.6 cr used
Done
#32

Services / Footer Slot

0m 0s1.6 cr used
Done
#12

About

3m 33sCredits in subtasks
Done
#33

About / Kartik Sticky Nav

0m 0s1.6 cr used
Done
#34

About / Portrait Stage

0m 30s1.6 cr used
Done
#35

About / Skills Pills

0m 31s1.6 cr used
Done
#36

About / Footer

0m 1s1.6 cr used
Done
#13

Process

5m 33sCredits in subtasks
Done
#50

Fix Process review finding: Process workflow cards are missing from the rail at…

0m 18s0.4 cr used
Done
#38

Process / Sticky Nav Slot

0m 1s1.6 cr used
Done
#39

Process / Workflow Header

0m 23s1.6 cr used
Done
#40

Process / Workflow Rail

0m 47s1.6 cr used
Done
#41

Process / Delivery Note

0m 34s1.6 cr used
Done
#42

Process / Footer Slot

0m 0s1.6 cr used
Done
#14

Contact

5m 5sCredits in subtasks
Done
#44

Contact / Sticky Nav Slot

0m 1s1.6 cr used
Done
#45

Contact / Final Cta

0m 32s1.6 cr used
Done
#46

Contact / Social Links

0m 33s1.6 cr used
Done
#47

Contact / Footer Slot

0m 0s1.6 cr used
Done
#5

Architecture

1m 19s0.2 cr used
Done
#51

Create frontend_modules diagram

1m 7sCredits in parent
Done
#52

Create sequence diagram

1m 1sCredits in parent
Done
#6

Workspace task plan

3m 33s0.2 cr used
Done
#78

Update Implementation task plan

Credits unavailable
Invalid
#79

Update Implementation task plan

Credits unavailable
Backlog
#53

Wire contact and social handoffs to external destinations

80 cr estimated
To Do
#54

Enable email contact and inbound inquiry review

80 cr estimated
To Do
#55

Make the Work gallery filter, compare, and degrade gracefully

120 cr estimated
To Do
#56

Let visitors initiate contact and reach social platforms

100 cr estimated
To Do
#57

Open the visitor's email client from the contact action

60 cr estimated
To Do
#58

Send social link selections to their external platforms

31m 18s60 cr estimated
Done
#59

Open You Tube from the You Tube social link

40 cr estimated
To Do
#60

Meet the site's performance and accessibility criteria

120 cr estimated
To Do
#61

Degrade micro-interactions gracefully

100 cr estimated
To Do
#62

Hand off EMAIL ME and START A PROJECT actions

100 cr estimated
To Do
#63

Hand off a social link to an external social destination

100 cr estimated
To Do
#64

Hand off START A PROJECT to an external email destination

100 cr estimated
To Do
#65

Adapt site layout and 3D complexity by device tier

100 cr estimated
To Do
#66

Navigate to Behance

100 cr estimated
To Do
#67

Navigate to Linked In

100 cr estimated
To Do
#68

Respond to Prospective Client outside the site

100 cr estimated
To Do
#69

EMAIL ME opens the visitor's external email destination

60 cr estimated
To Do
#70

Portfolio videos load only when needed

80 cr estimated
To Do
#71

Instagram link hands off to the external platform

40 cr estimated
To Do
#74

About page personal section and animated skill pills

80 cr estimated
To Do
#75

Landing hero, navigation, and cinematic interactions

140 cr estimated
To Do
#76

Process workflow steps animate into view

80 cr estimated
To Do
#77

Make Services page interactions live: 3D cards, counters, testimonial carousel

100 cr estimated
To Do
#72

Contact page actions reach the editor

100 cr estimated
To Do
#73

Work gallery filtering, previews, and before/after comparison

120 cr estimated
To Do
Landing design preview
Landing: Present premium portfolio positioning
Work: Present project gallery
Services: Present services and results
Process: Present collaboration workflow
About: Present background and skills
Contact: Offer contact paths
Contact: Review inbound inquiry
Contact: Respond via external channel
Landing design preview
Landing: Present premium portfolio positioning
Work: Present project gallery
Services: Present services and results
Process: Present collaboration workflow
About: Present background and skills
Contact: Offer contact paths
Contact: Review inbound inquiry
Contact: Respond via external channel