야심한 밤에 잠에 들기 전 이런저런 잡생각을 떨쳐 내보려고 그누보드7 랜딩제작기를 한 번 써봅니다.
https://sir.kr/landing-g7

리뉴얼된 SIR에 제 손길이 닿은 첫번째 작품(?)이라고 할 수 있겠네요.
커밍순도 있긴 했지만 세트로 취급...

✔제작에 사용한 툴: 제미나이 Pro &캔버스, 코덱스 5.4 high
✔아이데이션: 핀터레스트, 드리블

작업 요약
1. 핀터레스트, 드리블에서 다양한 랜딩페이지 디자인 핀 확인
2. 레퍼런스 선택(컨텐츠 영역)
3. 히어로 섹션은 레퍼런스 없이 직접 구상
4. 제미나이 Pro 캔버스로 레퍼런스 코드화
5. 코드를 코덱스에 입력해서 프로토타입 제작
6. 개발팀에서 전달 받은 스펙 문서를 코덱스로 정리하고 프로토타입에 적용
7. 히어로 섹션 컨셉 Hello, World! 페이지에 적용 (Hello, World! 컨셉은 1년 전부터 구상)
8. 랜딩 프로토타입 완성 후 설명 문구(제미나이 Pro로 정리), 이미지(코덱스 선정) 등 정리
9. 히어로 섹션이 밋밋해서 타이핑 애니메이션 추가
10. 타이핑 애니메이션이 밋밋해서 전환 효과 추가
11. 전환 효과가 밋밋해서 글리치 효과 추가
12. 반응형 처리
13. 응원 카운트, 뉴스레터는 카운트다운 페이지에 적용한 것을 그대로 차용

1~7까지는 비교적 빨리 끝났습니다. 총 작업 시간으로 따지면 하루에서 하루 반 정도 걸렸던 것 같습니다.
커밋 내역을 보면 좀 더 흩뿌려져 있긴 한데, 집중한 시간 기준으로요.
그리고 8~11번까지 타이핑 애니메이션 > 글리치 효과 추가하는데 다시 하루 반 정도 걸려서 총 3일 정도 걸린 거 같습니다.

이 때 연출 관련해서 고민을 많이 했습니다. 페이지가 무겁지 않으면서 도입부에서 어떻게 신선한 느낌 혹은 새로운 느낌을 줄 수 있을까?를 집중적으로 생각해 봤는데 사실 비주얼적으로 해소된 부분은 많지 않은 것 같습니다.
글리치도 단순히 텍스트 자체에 들어가는 것보다 뭔가 글자에 노이징 처리되면서 찌직하는 느낌(넷플릭스 데스로봇러브 오프닝 시퀀스 같은)을 주고 싶었는데 지금 정도 효과에서 타협했습니다.

약간 밝은 느낌으로 가고 싶긴 했는데 베일에 싸인 오픈베타 출시 알림 페이지라 지금의 분위기를 유지한 면도 있습니다.

문구 정리는 코덱스 > 제미나이 순으로 사용했는데, 제미나이가 제 스타일에 맞게 잘 써주는 것 같습니다. 분명한 초안이 있다면 아주 강력한 글쓰기 도구가 되는 것 같습니다.

암튼 이어서 반응형 처리하고 미세한 조정이 계속 이어지긴 했는데 전체적으로는 3일 정도 걸렸습니다.

어메이징하죠.

사실 카운트다운 페이지 공개 후 세부 소식을 빨리 전해드리고 싶은 마음에 좀 서둘러서 원하는 만큼 표현은 안 되었습니다.
보시는 분에 따라 굉장히 허접할 수도 있겠구요.
하지만 개인적인 감상으로는 이 정도 퀄리티를 혼자서 3일만에 뽑아냈다는 게 믿기지가 않습니다.

원래 작업요약 쓰고 각 작업마다 상세하게 한 번 적어보려고 했는데 생각보다 구체적으로 적은 바람에 자세히 적기가 벌써 지치네요.
별로 궁금하신 분들도 없을 것 같고... ㅎㅎㅎ 괜히 썼나 싶어서 그냥 여기까지만 써봅니다.

한줄요약. AI 개쩔어염... ㄷ