LatestWork
Claude Code로 프레이머 블로그 옮기기
프레이머를 떠나 Claude Code로 블로그를 옮기고 고친 과정과 지금의 상태를 정리했습니다.
글 읽기
PRODUCT DESIGNER · HEEKYEONG KIM
Product design, & the notes I keep along the way.프로덕트 디자이너 김희경입니다. 제품을 만들며 배운 것과 일의 인사이트를 기록합니다.
Latest posts
디자인 툴 대신 대화로 일하기
디자인 툴 없이 Claude와 3개월간 일하며 배운 것과 시행착오를 정리했습니다.
바이브 코딩으로 피그마 플러그인 만들기
비개발자 디자이너가 Cline·ChatGPT와 바이브 코딩으로 UX 라이팅 교정 피그마 플러그인을 만들고 AI 분석 엔진을 붙인 과정을 공유합니다.
사용자 모르게 리멤버 UI icon 개선하기
리브랜딩 때 만든 UI 아이콘의 문제를 폰트 기반 디자인과 제작 가이드로 개선한 과정을 정리했습니다.
리멤버에서 UT(사용성 테스트)는 어떻게 진행하나요?
UX 리서처 없이 프로덕트 디자이너가 사용성 테스트를 설계하고 진행한 과정을 정리했습니다.
일의 감각 독서 후기: 이 일은 왜 하는 걸까
조수용의 『일의 감각』을 읽고 정리한 일의 본질과 현명한 선택에 대한 생각. 공감·감각·본질·브랜드로 이어지는 책의 흐름과 밑줄 친 문장을 담았습니다.
리멤버 Framer 도입기: 웹 빌더 선택 기준과 적용 사례
리멤버가 워드프레스 대신 Framer를 도입한 이유와 선택 기준, 프롤로그·채용 솔루션 블로그 등 적용 사례, 도입 후 장단점과 사내 워크숍 경험을 공유합니다.
프로덕트 디자이너의 글쓰기: 글을 써야 하는 이유
결과물만으로는 설명하기 어려운 프로덕트 디자이너의 일. 글을 쓰기 시작한 이유와 글감 찾는 법, 꾸준히 쓰면서 얻은 피드백과 네트워킹 경험을 정리했습니다.
Framer(프레이머)로 블로그 만들기 3편: 구글·네이버 검색 노출하기
프레이머 블로그를 구글 서치 콘솔과 네이버에 등록해 검색 결과에 노출시킨 방법. 소유권 확인, 사이트맵 제출, 실제 검색 키워드 데이터까지 정리했습니다.
바바라 민토 논리의 기술 요약: 피라미드 원칙 글쓰기
바바라 민토 『논리의 기술』 요약. 피라미드 원칙, 스토리 형식의 도입부, 논리적 사고와 문제 해결 방법을 실무 글쓰기 관점에서 정리했습니다.
2023년 회고: 프로덕트 디자이너로 보낸 한 해
치앙마이에서 쓴 2023년 회고. 리멤버 투데이탭과 디자인 시스템 개선, 주니어 디자이너 대상 강의, 사이드 프로젝트까지 키워드로 한 해를 돌아봅니다.
Framer(프레이머)로 블로그 만들기 2편: 운영 후기와 유료 요금제
프레이머 블로그 두 달 운영 후기. GA·서치 콘솔로 본 데이터, Basic 유료 요금제로 바꾼 이유, 커스텀 도메인과 공유 기능 업데이트를 공유합니다.
프로덕트 디자이너가 사이드 프로젝트를 활용하는 방법
프로덕트 디자이너가 사이드 프로젝트를 하는 이유와 주제·목표·MVP 정하는 법, RSS 서비스 피둥과 Framer 블로그 사례를 소개합니다.
Framer(프레이머)로 블로그 만들기 1편: 사용법부터 배포까지
노코드 웹 빌더 Framer(프레이머)로 블로그를 만든 과정. CMS, 디자인 시스템, 반응형, SEO 세팅부터 배포까지 프레이머 사용법을 정리했습니다.
Series
Framer로 블로그 만들기
코드 없이 블로그를 만들고, 운영하고, 검색에 노출시키고, 다른 곳으로 옮기기까지.