Framer로 나만의 웹사이트 만들기
1. 들어가며
2. Framer로 나만의 웹사이트 만들기
3. 마치며
📝 서론
1. 들어가며
조기 수료를 선택하며 강의 주차 기간이 줄었고 과제는 자율적으로 진행하게 되었다. 하지만 나는 정규 수료 기준 과제를 진행했고, 담당 튜터님 두 분께 피드백을 받아보았다. 👨🏻💻
🔍 본론
2. Framer로 나만의 웹사이트 만들기
이번 과제는 나만의 포트폴리오 웹사이트를 만드는 것을 목표로 Framer를 활용했다.
페이지 구성은 크게 3가지로 나누었다.
Home – 메인 소개 페이지
Project – CMS를 활용한 프로젝트 카드 목록 + 디테일 페이지
About Me – 자기소개 페이지
2일간 작업한 결과물로, 초안이지만 기본적인 기능과 구조는 완성되었고, 퀄리티도 나쁘지 않다고 생각한다. 상단 네비게이션을 통해 각 페이지 간 자연스럽게 이동 가능하게 했고, CMS 기능도 실제로 구현해보았다. 디자인 측면에서는 Text Style / Color Style을 일관되게 적용했고, 공통 UI/UX를 반응형 구조로 구성하여 사용자 경험을 고려했다.
튜터님 피드백 요약
✅ 긍정적인 부분
- 한 페이지 구조 및 뎁스를 최소화한 방식은 정보 전달이 직관적이고 효율적이다.
- 디자인 완성도보다는 내용 구성이 중요한데, 현재 구성은 충분히 과제 기준을 만족시킨다.
- 전반적으로 방향성은 잘 잡았고, 과제 목적에 잘 부합한다
🚨 보완점 및 개선 방향
다만, 이 프로젝트를 실제 취업용 포트폴리오로 활용하려면 디테일한 설명과 구성 보완이 필요하다는 조언도 받았다.
프로젝트 설명은 단순한 결과 나열이 아닌 서사 중심으로 구성해야 함.
→ 단순히 "무엇을 했다"보다 문제 상황, 나의 판단/행동, 발휘한 역량을 구체적으로 드러내야 한다.
→ 예: 문제 → 가설 설정 → 실행한 액션 → 결과 및 성과
역량 연결 고리를 보여주는 설명이 중요
→ “떠먹여주는 설명”처럼 독자가 내 역할과 역량을 자연스럽게 이해할 수 있게 구성
→ 겪은 상황과 문제 해결 과정에서 PM으로서 어떤 역량을 발휘했는지 보여줘야 한다.
프로젝트 외에도 나의 PM 역량을 명확하게 정리할 것
→ 협업, 커뮤니케이션, 데이터 분석 등의 핵심 역량을 근거 있는 예시로 표현
→ 정성적 서술보다는 정량적 지표를 활용해 객관성 확보
🎯 결론
3. 마치며
피드백을 반영해서, 앞으로는 프로젝트를 문서화할 때 단순히 기능과 결과를 나열하는 방식에서 벗어나, 문제 정의 – 가설 – 실행 – 성과 흐름을 중심으로 내가 어떤 생각을 했고, 어떤 결정을 내렸으며, 어떤 결과를 만들었는지를 명확히 드러내는 것이 중요하다고 느꼈다! 🚀
'PM > 서비스 기획 심화' 카테고리의 다른 글
| [내일배움캠프TIL] 본캠프40일차 - CMS와 동적 콘텐츠 구성 (0) | 2025.05.27 |
|---|---|
| [내일배움캠프TIL] 본캠프38일차 - Framer 입문 (0) | 2025.05.23 |