"실시간 데이터 연동을 통한 동적 브랜딩 웹사이트 구현" 본 프로젝트는 웨딩 스냅 스튜디오 'ONGI'의 브랜드 웹사이트로, 정적인 페이지를 넘어 Notion API와 SNS 연동을 통해 관리 효율성과 사용자 접근성을 극대화한 프론트엔드 작업입니다. 1. 프로젝트 개요 목적: 스튜디오의 포트폴리오와 공지사항을 실시간으로 관리하고, SNS와의 연결성을 높여 비즈니스 전환율 유도 핵심 컨셉: 미니멀리즘 레이아웃, 실시간 데이터 동기화, 소셜 미디어 통합 2. 주요 구현 및 기술적 성과 A. Notion API를 활용한 CMS(Content Management System) 구축 효율적인 관리: 별도의 백엔드 관리자 페이지를 구축하는 대신, 익숙한 Notion을 데이터베이스로 활용했습니다. 실시간 업데이트: 스튜디오 운영자가 Notion에서 촬영 상품 구성(LIGHT/MOMENT)이나 공지사항을 수정하면, 웹사이트에 즉시 반영되도록 API 연동을 구현했습니다. 유지보수성: 비개발자 운영자도 코드 수정 없이 직접 콘텐츠를 관리할 수 있는 환경을 제공하여 운영 편의성을 높였습니다. B. Instagram 소셜 계정 연동 (Social Integration) 실시간 피드 연동: 스튜디오의 공식 인스타그램 계정을 연동하여 최신 포트폴리오가 메인 페이지에 동적으로 노출되도록 구현했습니다. 브랜드 신뢰도 제고: 방문자가 사이트 내에서 최신 촬영 결과물을 바로 확인하고 인스타그램으로 쉽게 유입될 수 있도록 퀵 링크 및 피드 UI를 배치했습니다. C. 비주얼 스토리텔링 레이아웃 히어로 & 비전 섹션: 브랜드의 철학인 '따뜻함'을 시각화하기 위해 흑백 모노톤과 고해상도 이미지를 교차 배치한 감도 높은 레이아웃을 설계했습니다. 비대칭 그리드: 잡지 레이아웃을 벤치마킹하여 이미지와 텍스트를 리드미컬하게 배치, 사용자에게 지루하지 않은 스크롤 경험을 제공합니다. 3. 기술 스택 (Technical Stack) Frontend: React, Next.js, Tailwind CSS API: Notion API, Instagram Basic Display API Deployment: Vercel 4. 개발자로서의 고민과 결과 "단순히 예쁜 사이트를 만드는 것에 그치지 않고, Notion API를 통해 운영 효율을 개선하고 소셜 연동으로 마케팅 효과를 극대화하는 등 비즈니스 관점에서의 편의성을 고려하여 제작했습니다."

전반적인 사이트의 무드와 대표 상품을 보여주는 구성입니다. 메인 비주얼 (야외 커플샷): "자연광 아래서 피어나는 두 분만의 가장 화사하고 행복한 순간을 포착합니다." 브랜드 슬로건: "찰나의 온기를 영원으로 기록하는 곳, ONGI STUDIO입니다." 상품 소개 (LIGHT & MOMENT): "심플한 데이터형부터 깊이 있는 앨범형까지, 고객님의 니즈에 맞춘 체계적인 촬영 구성을 제안합니다." 디테일 컷 (부케 & 손잡은 모습): "인물뿐만 아니라 그날의 분위기를 완성하는 작은 소품과 손짓 하나까지 섬세하게 담아냅니다."

스튜디오의 철학과 촬영 스타일, 작업 방식을 보여주는 구성입니다. 메인 비주얼 (흑백 클로즈업): "사랑의 설렘과 떨림을 가장 가까운 곳에서, 가장 따뜻한 시선으로 기록합니다." 브랜드 비전: "유행에 민감한 사진보다, 10년 뒤에 꺼내 보아도 촌스럽지 않은 클래식하고 편안한 감성을 지향합니다." 흑백 스냅 (계단 촬영 컷): "흑백 사진 특유의 깊이감으로 영화의 한 장면 같은 드라마틱한 웨딩 스냅을 연출합니다." 작업 안내: "사전 미팅부터 보정까지, 두 분의 고유한 색깔이 사진에 온전히 녹아들 수 있도록 소통하며 작업합니다."