[0321_본캠프 23일차]

📚 오늘의 공부

아티클 스터디 / Figma 활용법 개인 과제

---

1. 아티클 스터디

'홈페이지 제작 순서, 정확히 알고 있나요?'라는 아티클로 스터디를 진행했다.

한 인하우스 회사의 홈페이지 리뉴얼 프로젝트에 대한 이야기이다.

 

 

준비

1. 전체 킥오프 및 기존 홈페이지 문제점 찾기 : 왜 리뉴얼을 해야 하는가?
2. 레퍼런스 찾기 : 컨셉 레퍼런스, 디자인 그래픽스 레퍼런스, 퍼블리싱 레퍼런스 (기획자, 디자이너, 개발자의 많은 대화)
3. 프로젝트 일정 : 정기적인 주간 미팅 → 작업 업데이트 사항 공유

기획

1. 사이트맵 구성 : 작업 페이지 양
2. 페이지 별 콘텐츠 구성 : 메인 키비주얼 기획(키 비주얼을 어떤 컨셉과 디자인으로 풀지..), 메인 및 서브페이지 기획(페이지에 따라 기능이 붙는 경우 퍼블리셔 및 개발자와 소통하여 진행)

디자인

1. 메인 페이지 디자인 : 임팩트 있는 비주얼, 스토리가 담긴 구성 → 사용자에게 다양한 선택지를 주어 고를 수 있게
2. 서브 페이지 디자인 : 카테고리별로 묶어서 구성, 유도하는 배너 사용 → 사용자 이탈률 줄이는 방법
   • 작업 시 필요한 그래픽 소스는 직접 제작 혹은 유료 구매 후 사용 → 저작권 확인

퍼블리싱

1. 홈페이지 준비 사항 : 도메인, 서버 준비
2. 메인 페이지 퍼블리싱 : 스타일 시트를 메인과 서브 css로 나눠서 작업
3. 서브 페이지 퍼블리싱 : ‘틀’이 되는 페이지 잡기 → 중복되는 페이지 작업에서 편리함
4. SSL 보안 서버 연결 : 보안은 필수!

이후 운영

1. 구글 애널리틱스 연결 요청 : 트래픽 데이터를 쌓을 수 있고, 사용자가 이탈하는 페이지도 확인가능 → 추후 리뉴얼 할 때 개선
2. 검색최적화(SEO)를 위한 UX/UI 최종 점검 : 검색최적화를 위해 모니터링 → 어떤 키워드로 유입하는지 알 수 있음

 

👉🏻 결국 가장 중요한 것은 협업인 것 같다. 서로 리뉴얼 방향에 대해 정확히 이해하고 작업하자!

 

 

 

 

2. Figma 활용법 개인 과제

 

오늘은 상품 상세 화면 작업을 진행했다.

"무료배송" bridge의 위치를 가지고 고민을 많이 했다.

왼쪽 정렬 vs 균형..

 

내일은 가장 많은 집중력이 나오는 날..이지만 너무 급하게 한다고 실수하지 않도록 오늘 할 수 있는 만큼 최대한 하자!!