This website requires JavaScript.
포트폴리오 대표 이미지
웹 디자인배우 개인 프로필 웹사이트 제작 ㅡ 시네마틱 원페이지 (필모, 쇼릴, 갤러리)
  • 지역비대면 진행
  • 예산800,000원
  • 기간2일

배우 개인의 공식 프로필 웹사이트입니다. 소속사 홈페이지 한 칸이 아니라 본인 도메인에서, 캐스팅 담당자가 열자마자 인상을 받고 필모그래피까지 한 번에 훑을 수 있게 만들었습니다. ㅡ의뢰 배경 - 프로필이 소속사 페이지 하위나 포털 인물 정보로만 흩어져 있어, 배우를 한 번에 보여줄 창구가 없었습니다 - 캐스팅 담당자는 오래 머무르지 않습니다. 첫 화면에서 인상이 남지 않으면 뒤는 보지 않습니다 - 출연작, 쇼릴: 영상, 화보가 각각 다른 곳에 있어 한 링크로 전달할 수 없었습니다 ㅡStudio Maestiq 수행 범위 - 기획, 설계, 디자인, 개발, 배포 ㅡ기술 스택, 인프라 ㅡ 무엇으로 무엇을 풀었나 - Next.js 16 App Router + TypeScript ㅡ 한 페이지 안에서 섹션이 이어지는 구조, 첫 화면 즉시 표시 - Cloudflare Workers 엣지 배포 + 커스텀 도메인 ㅡ 배우 본인 도메인으로 전 세계 어디서나 같은 속도 - 이미지: 자동 최적화 + 오브젝트 스토리지 ㅡ 대형 포트레이트를 화질 손상 없이 모바일에서도 빠르게 - 스무스 스크롤 + 등장 애니메이션 ㅡ 사진집을 넘기는 감각으로 섹션이 드러나게 - OG 카드와: 구조화 메타데이터 ㅡ 링크를 카톡, 메신저로 보냈을 때 프로필 이미지가 제대로 뜨도록 ㅡ핵심 구성 1. 시네마틱 히어로 ㅡ 흑백 대형 포트레이트와 한 줄 카피로 시작합니다. 정보를 나열하기 전에 인상을 먼저 남기는 배치입니다. 2. 필모그래피 캐러셀 ㅡ 드라마와 영화를 방영사 태그, 배역명, 연도까지 카드로 정리했습니다. 좌우로 넘기며 훑을 수 있습니다. 3. 쇼릴 ㅡ 출연 영상을 페이지를 벗어나지 않고 바로 재생합니다. 4. 포트레이트 갤러리 ㅡ 가운데 사진을 크게 강조하는 캐러셀로 화보의 밀도를 살렸습니다. 5. 캐스팅 문의 동선 ㅡ 상단 고정 버튼과 하단 문의 섹션으로 연락 경로를 하나로 모았습니다. ㅡ프로젝트 정보 자체 도메인으로 현재 운영 중이며, PC, 모바일 반응형입니다. 본인 동의를 받아 게시하며, 이름과 나이 표기만 가렸습니다. 인물 사진과 출연작 정보는 공개 자료입니다. 배우, 모델, 아티스트 개인 프로필 사이트, 또는 첫인상이 중요한 브랜드 원페이지가 필요하시면 편하게 상담 남겨주세요.

이미지 2

이미지 4

이미지 6

이미지 8

이미지 10

이미지 12

이미지 14

STUDIO Maestiq
웹 디자인
별점
5.0(11)
기업 AI 해커톤 AX arena 우승 Google/MS/Cursor 해커톤 Claude 300B 토큰 사용 랭커 남다른 속도 AI 활용 초고수

정부지원사업 AI 서류 SaaS 자체 개발, 운영 ㅡ 공고 발견부터 사업계획서, PPT까지

0
7

대화형 AI 쇼핑 큐레이터 앱 개발 ㅡ 말로 물어보면 골라주는 추천 엔진

0
6

타격 트레이닝 센터 통합 운영 시스템 ㅡ 회원 PWA 웹앱 + 관리자 ERP 구축

0
13

글로벌 유튜브 트렌드 분석 SaaS 자체 개발 ㅡ 36개국 실시간 수집, AI 소재 발굴

0
7
  • 정부지원사업 AI 서류 SaaS 자체 개발, 운영 ㅡ 공고 발견부터 사업계획서, PPT까지

    0
    7
  • 대화형 AI 쇼핑 큐레이터 앱 개발 ㅡ 말로 물어보면 골라주는 추천 엔진

    0
    6
  • 타격 트레이닝 센터 통합 운영 시스템 ㅡ 회원 PWA 웹앱 + 관리자 ERP 구축

    0
    13
  • 글로벌 유튜브 트렌드 분석 SaaS 자체 개발 ㅡ 36개국 실시간 수집, AI 소재 발굴

    0
    7
  • 창업 브랜드 랜딩페이지 제작 - 문의 접수 , CRM , 실시간 알림

    0
    33
  • 외주 패키지 홈페이지에서 자체 구축으로 전면 리뉴얼 (치과 46페이지, 관리자 CMS)

    0
    19
  • CCgather - Claudecode Global Leaderboard

    0
    99
  • AI 영상 제작 파이프라인 ㅡ 노드 캔버스 워크스페이스 개발

    0
    9
  • 디자인 공모전 대응 자동화 ㅡ 공고 수집, AI 분석, 시안 생성 파이프라인

    0
    8
  • 더보기
비슷한 스타일을 찾고 계신가요?의 다른 포트폴리오

필라테스 체험예약 홈페이지 (샘플)

0
6

디자인 시안

0
27

UXUI 앱 디자인

0
6

사용자 경험을 최적화한 모바일 웹 디자인: 송파새날동물병원 사례

1
13
  • 필라테스 체험예약 홈페이지 (샘플)

    0
    6
  • 디자인 시안

    0
    27
  • UXUI 앱 디자인

    0
    6
  • 사용자 경험을 최적화한 모바일 웹 디자인: 송파새날동물병원 사례

    1
    13
  • 세무회계사무소 랜딩페이지 제작

    0
    7
  • 고깃집 단체예약 홈페이지 (샘플)

    0
    3
  • 반응형 홈페이지 맞춤 제작

    0
    4
  • 렌딩페이지 제작

    0
    39
  • 담온한의원 홈페이지

    1
    13