FLUID STUDIO

디지털 디자인 스튜디오의 포트폴리오입니다. 브랜드 시스템, 모션 이미지와 모션 실험, 그리고 전체 프로젝트 스토리로 이어지는 사례를 소개합니다.

Loading preview...

이 프롬프트로 시작하기

디지털 디자인 스튜디오의 포트폴리오: 브랜드 시스템, 모션 이미지, 모션 실험과 함께 각 프로젝트의 전체 이야기로 이어지는 사례를 소개합니다.

2019년부터 인터페이스, 아이덴티티, 움직이는 이미지를 만들어 온 가상의 디지털 디자인 스튜디오 FLUID STUDIO의 포트폴리오 페이지를 만드세요. 첫 화면에는 스튜디오가 집중하는 분야인 디지털 디자인, 브랜드 시스템, 모션 이미지에 관한 하나의 문구만 배치합니다. 그 아래에는 브랜드 아이덴티티, 모션 포스터, 모션 실험, 인터랙티브 프로토타입을 아우르는 스튜디오의 주요 작업 사례 그리드를 배치합니다. 방문자가 각 사례 커버에 마우스를 올리면 생동감 있게 움직이고, 사례를 클릭하면 클라이언트가 가져온 과제, 스튜디오의 접근 방식, 완성된 작업을 보여 주는 움직이는 이미지 쇼케이스, 성과 수치까지 전체 상세 내용이 펼쳐집니다. 그리드 뒤에는 스튜디오의 철학과 작업을 만든 팀을 소개하는 섹션을 배치하고, 페이지는 스튜디오에 이메일을 보낼 수 있는 문의 블록으로 마무리합니다. 전체적으로 디자인 감각이 돋보이는 타이포그래피와 절제된 모션을 유지하세요. 단일 파일 정적 페이지입니다.

모션 랩 추가하기

사례 그리드 너머에 직접 즐길 수 있는 모션 랩 영역을 추가해, 스튜디오의 모션 실험을 전시물에서 방문자가 직접 조작하며 즐길 수 있는 인터랙티브 작업으로 바꿉니다.

Websites Agent 사용해 보기

2019년부터 인터페이스, 아이덴티티, 움직이는 이미지를 만들어 온 가상의 디지털 디자인 스튜디오 FLUID STUDIO의 포트폴리오 페이지를 만드세요. 첫 화면에는 스튜디오가 집중하는 분야인 디지털 디자인, 브랜드 시스템, 모션 이미지에 관한 하나의 문구만 배치합니다. 그 아래에는 스튜디오의 주요 작업 사례 그리드를 배치하며, 다음을 포함합니다: 브랜드 아이덴티티, 모션 포스터, 모션 실험, 인터랙티브 프로토타입. 방문자가 각 사례 커버에 마우스를 올리면 생동감 있게 움직이고, 사례를 클릭하면 클라이언트가 가져온 과제, 스튜디오의 접근 방식, 완성된 작업을 보여 주는 움직이는 이미지 쇼케이스, 성과 수치까지 전체 상세 내용이 펼쳐집니다. 그리드 뒤에는 스튜디오의 철학과 작업을 만든 팀을 소개하는 섹션을 배치하고, 페이지는 스튜디오에 이메일을 보낼 수 있는 문의 블록으로 마무리합니다. 전체적으로 디자인 감각이 돋보이는 타이포그래피와 절제된 모션을 유지하세요. 단일 파일 정적 페이지입니다.

다크 테마로 전환

사이트 전체를 동일하게 절제된 모션의 어두운 갤러리 스타일로 전환합니다. 커버는 호버 시 계속 애니메이션되며, 이제 어두운 전시 공간을 배경으로 표시됩니다.

Websites Agent 사용해 보기

2019년부터 인터페이스, 아이덴티티, 움직이는 이미지를 만들어 온 가상의 디지털 디자인 스튜디오 FLUID STUDIO의 포트폴리오 페이지를 만드세요. 첫 화면에는 스튜디오가 집중하는 분야인 디지털 디자인, 브랜드 시스템, 모션 이미지에 관한 하나의 문구만 배치합니다. 그 아래에는 브랜드 아이덴티티, 모션 포스터, 모션 실험, 인터랙티브 프로토타입을 아우르는 스튜디오의 주요 작업 사례 그리드를 배치합니다. 방문자가 각 사례 커버에 마우스를 올리면 생동감 있게 움직이고, 사례를 클릭하면 클라이언트가 가져온 과제, 스튜디오의 접근 방식, 완성된 작업을 보여 주는 움직이는 이미지 쇼케이스, 성과 수치까지 전체 상세 내용이 펼쳐집니다. 그리드 뒤에는 스튜디오의 철학과 작업을 만든 팀을 소개하는 섹션을 배치하고, 페이지는 스튜디오에 이메일을 보낼 수 있는 문의 블록으로 마무리합니다. 전체적으로 디자인 감각이 돋보이는 타이포그래피와 절제된 모션을 유지하세요. 단일 파일 정적 페이지입니다.

서비스 및 가격 추가하기

문의 블록 앞에 서비스 패키지와 가격 범위 개요를 배치해, 방문자가 먼저 협업 예산 범위를 가늠한 뒤 스튜디오에 이메일을 보낼지 결정할 수 있게 합니다.

Websites Agent 사용해 보기

2019년부터 인터페이스, 아이덴티티, 움직이는 이미지를 만들어 온 가상의 디지털 디자인 스튜디오 FLUID STUDIO의 포트폴리오 페이지를 만드세요. 첫 화면에는 스튜디오가 집중하는 분야인 디지털 디자인, 브랜드 시스템, 모션 이미지에 관한 하나의 문구만 배치합니다. 그 아래에는 브랜드 아이덴티티, 모션 포스터, 모션 실험, 인터랙티브 프로토타입을 아우르는 스튜디오의 주요 작업 사례 그리드를 배치합니다. 방문자가 각 사례 커버에 마우스를 올리면 생동감 있게 움직이고, 사례를 클릭하면 클라이언트가 가져온 과제, 스튜디오의 접근 방식, 완성된 작업을 보여 주는 움직이는 이미지 쇼케이스, 성과 수치까지 전체 상세 내용이 펼쳐집니다. 그리드 뒤에는 스튜디오의 철학과 작업을 만든 팀을 소개하는 섹션을 배치하고, 페이지는 스튜디오에 이메일을 보낼 수 있는 문의 블록으로 마무리합니다. 전체적으로 디자인 감각이 돋보이는 타이포그래피와 절제된 모션을 유지하세요. 단일 파일 정적 페이지입니다.