인스타 링크트리를 다시 만들었습니다, 버튼형과 카드형 두 개로

재밋 인스타 프로필에는 리틀리로 만든 링크 모음 페이지가 걸려 있었어요. 자주 보던 페이지인데 하나씩 뜯어 보니 고칠 데가 꽤 보였습니다.

• 로고가 위를 크게 차지하고 아래 빈 공간이 큼
• 제일 중요한 "Zaemit 사용하러 가기"가 다른 버튼과 똑같이 생김
• 버튼 4개에 같은 Z 아이콘이 반복돼서 아이콘이 아무 정보도 안 줌
• 아이콘 있는 버튼, 없는 버튼, 혼자 높이가 긴 버튼, 이모지 붙은 버튼이 섞여 있음

그래서 재밋에 빈 사이트를 만들고 클로드에 MCP로 연결해 다시 만들었어요. 기존 링크트리 주소를 주니 버튼 이름과 연결 주소를 알아서 가져오더라고요.

버전 1: 버튼형

클로드가 바로 고치지 않고 대화창에 시안부터 그려 보여줘서 방향을 확인하고 나서 만들었습니다.

• "Zaemit 시작하기" 하나만 흰색 버튼으로 강조
• 11/1 마감인 교육 신청은 마감 배지를 달아 바로 아래에
• 나머지는 둘러보기, 시작 가이드 두 묶음으로
• 버튼마다 내용에 맞는 아이콘을 붙이고 모양은 하나로 통일

버전 2: 카드형

이번엔 기존 페이지가 없다고 치고 새 레퍼런스를 찾아 달라고 했어요. 클로드가 카드형(벤토 그리드), 피처드 카드형, 라이트 미니멀형, SaaS 허브형 네 방향을 가져왔고 그중 카드형을 골랐습니다. 웹사이트 만드는 서비스라 "이런 페이지도 만들 수 있다"를 보여주기 좋을 것 같았거든요.

• 중요도에 따라 카드 크기를 다르게, PC 4칸·모바일 2칸
• 회색 미니 썸네일이던 제작 사례 칸에 재밋으로 만든 실제 사이트 4개(PACE/LINE, OFF FRAME, STILLHEAT, MAISON NOIR)를 넣음

링크가 14개로 늘었는데 연결 주소는 클로드가 전부 확인했어요. 어느 쪽을 인스타 프로필에 걸지는 아직 못 정했습니다.

버튼형: 버전 1

카드형: 버전 2

만든 과정 원문: 링크트리 만들기, 재밋으로 버튼형과 카드형 두 버전 만든 후기

만든 도구: 재밋

둘 중 어느 쪽을 프로필에 걸면 좋을지 한 줄로 골라 주세요.