FLUID STUDIO

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

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