diff --git a/components/pages/create-video/CreateInput/VideoCreationForm.tsx b/components/pages/create-video/CreateInput/VideoCreationForm.tsx
index 053e4ce..4eea06f 100644
--- a/components/pages/create-video/CreateInput/VideoCreationForm.tsx
+++ b/components/pages/create-video/CreateInput/VideoCreationForm.tsx
@@ -21,7 +21,7 @@ import { useDeviceType } from '@/hooks/useDeviceType';
 import { MovieProjectService, MovieProjectMode } from '@/app/service/Interaction/MovieProjectService';
 import type { CreateMovieProjectV4Request } from '@/api/DTO/movie_start_dto';
 import { getCurrentUser } from '@/lib/auth';
-
+import { useRouter } from 'next/navigation';
 export default function VideoCreationForm() {
     const [photos, setPhotos] = useState<PhotoItem[]>([]);
     const [inputText, setInputText] = useState('');
@@ -34,7 +34,7 @@ export default function VideoCreationForm() {
     const [isCreating, setIsCreating] = useState(false);
 
     const { isMobile, isDesktop } = useDeviceType();
-
+    const router = useRouter();
     const characterInputRef = useRef<HTMLInputElement>(null);
     const sceneInputRef = useRef<HTMLInputElement>(null);
     const propInputRef = useRef<HTMLInputElement>(null);
@@ -235,6 +235,7 @@ export default function VideoCreationForm() {
 
             console.log('Video creation successful, project_id:', result.project_id);
             window.msg?.success(`Video created successfully! Project ID: ${result.project_id}`);
+            router.push(`/movies/work-flow?episodeId=${result.project_id}`);
 
             /** TODO: Navigate to project detail page or next step */
             // window.location.href = `/movies/${result.project_id}`;