디자인 콘셉트 : 코드잇 스프린트 프론트엔드 부트캠프 - 00

24년 12월 말에 시작한 코드잇 프론트엔드 부트캠프가 어느덧 3개월 차가 되었다.

 

첫 팀플인 '기초 프로젝트'가 끝나서 후기 남겨보려함

 

우리 팀이 선택한 프로젝트는 'Fandom-K'라는 웹사이트다.

케이팝 팬을 위한 웹사이트임

 

선택지에 있던 프로젝트 중 난이도가 제일 높았다.

근데 케이팝이 너무 멋있어 보여서 계속 눈길이 갔고,

그건 팀원들도 마찬가지라 만장일치로 결정됨

 

 

디자인 콘셉트 - 랜딩 페이지

당장 생각나는 걸 적는 거라 디자인 콘셉트 정리해본다.

일단 랜딩페이지. 내가 전부 담당했다.

 

이게 제시된 랜딩페이지인데,

나라면 보고 바로 뒤로가기 눌렀다.

귀신 나올 거 같음

 

그래서

스케치를 좀 해준 뒤

 

(2배속)

이렇게 싹 갈아엎었다.

 

여기서 소개하는 디자인 콘셉트.

기본적으로 주어진 UI 디자인이

 

검정 + 핑크 + 반짝 + 약간은 스트릿한 로고 + 근데 모든 폰트는 프리텐다드라 단정함

 

이런 느낌이라 이 콘셉트를 지키려고 했다.

일단 주어진 것만 들고 가기에는 부족함이 있어서 추가할 만한 디자인을 찾아 나섰다.

 

대충 어울릴만한 걸 싹 긁어왔는데,

낙서가 제일 무난해 보였다.

 

추가로 검정 + 핑크 + 반짝 콘셉트를 극대화 시켜줄 오브젝트들도 구상했는데,

왕관이 적절해보였다.

 

바로 AI + 포토샵으로 하나 만들어줬다.

 

그리고 이 사이트에서 뭔가 투표를 하거나 후원을 하고 싶을 땐 '크레딧'이라는 걸 사용하게 되는데,

기본 제시된 크레딧 아이콘 모양을 살려서 또 AI + 포토샵으로 만들었다.

 

여기에 또 이번에 Adobe Firefly에 동영상 생성 기능이 추가됐다고 해서

성능 테스트도 해볼겸 3d처럼 보이게 돌려줬다.

 

보니까 영상 생성은 유료고, 2회 무료 체험 있다고 해서

2회를 여기에 써줬다.

 

거기에 애펙으로 불러와서 프레임 3배로 불려주고, 은은하게 빛나는 호과도 주고,

뭐 이것저것 수정해서 동영상으로 만들었다.

 

그 결과:

 

둘다 좀 짜치긴 한데 어쩔 수 없이 그냥 썼다.

차피 계속 돌아가는 게 아니라 스크롤 할 때만 돌아가서

그렇게 티나진 않을 거라 생각함

 

크레딧 충전은 게임에서의 유료재화와 비슷하다고 생각해서

또또또 AI 써서 재화처럼 만들어줬다.