하네스(Harness) 탐험 - 디자이너 프로필 사이트(Stitch + impeccable)

소개

최근에 google Stitch로 앱/웹 페이지 디자인 좋아졌다는 평이 있어서 사용해 보고 싶었습니다.
그리고 impeccable 라는 디자인 하네스도 발표가 되어서 이 둘을 사용해 보았습니다.

어떤 사이트를 만들어 볼까 하다가 한지 공예가 가상 페르소나(천연 염색 전문가 김나래) 만들고, 프로필 사이트를 만들며 탐험을 해보았습니다.

chatGPT

가상의 한지 공예가 김나래님의 프로필 사이트를 만들고 싶어. 한지 공예에 대한 다년간의 연구와 작품활동을 하신 분이고, 싱가포르와 한국에서 전시회도 하셨던 분이야. 이 분의 작품 철학과 프로필에 필요한 자료를 가상으로 만들어서, json 파일로 코드블록에 담아줘.

profile.json으로 파일을 저장합니다.

stitch에 프롬프트를 입력하고, profile.json과 주된 색감이 될 이미지 한장 이 두가지 정보를 첨부파일로 넣어줍니다.

이렇게 만들어 줍니다.

디자인을 변경사항 들을 대략 마무리해서 초안을 잡은 후에 디자인 블럭 오른쪽 마우스 클릭해서 다운로드 합니다.

에 접속해 설치합니다.

이런 스킬들이 있어서 몇가지 사용해 보았습니다.

/animate hero 이미지를 왼쪽으로 움직이도록 해줘. 속도 좀더 빠르게

/clarify contact 입력 인터페이스

/adapt

느낀점

웹디자인의 감각이 없어서인지 스킬 명령어를 진행해도 드라마틱한 변화를 체감할수가 없었음.
/adapt 스킬 프롬프트를 보면서 시킬 mobile 뿐 아니라 터치스크린이나 다른 기기들에 대한 내용도 들어 있어서, 확실히 UIUX 디자이너의 인사이트가 녹아 있다고 느꼈음