오늘 한일
-코딩 3일차 실시간 강의
-코딩 3일차 강의 복습 및 정리, 실습 진행
내일 할일
-코딩 4일차 실시간 강의
-코딩 4일차 강의 복습 및 정리, 실습 진행[코딩 3일차] ⭐랜딩페이지 셋팅&나만의 포폴 사이트 만들기
랜딩페이지
->전환율에 직접적인 영향
논리적+시각적으로 설득 필요, 설득에 실패하면 클릭 없이 전환 실패
- 사용자 데이터 받기(Mail, Google Sheet)
- 우리가 만든 폼에 사용자 정보를 받는 건, 단순한 수집이 아니라 서비스를 기다리는 사용자와 연결을 시작하는 접점
SEO(Search Engine Optimization) : 검색엔진 최적화
- 네이버나 구글에 어떤 키워드를 검색했을 때, 웹사이트가 더 위쪽에, 더 잘 보이게 만드는 모든 방법
SEO 중요성
- 더 많은 사람에게 노출됨
- 검색결과 상단에 뜨면 사람들이 클릭할 확률 증가
- 광고 없이도 방문자 유입 가능
- 돈 안 들이고 자연스럽게 사용자가 들어오게 만들 수 있음
- 사이트 신뢰도 상승
- 검색 상위에 뜨는 사이트는 더 전문적이고 믿을만하다는 인상을 줌
📍SEO는 우리 웹사이트가 사람들이 검색했을 때 잘 보이게 만드는 기본 전략
SEO에 영향을 주는 요소들
- Title : 브라우저 탭과 검색 결과에 보이는 웹사이트 제목
- Description : 검색 결과에 보이는 설명 문구(약 150자 이내)
- OG Image(Open Graph Image) : SNS나 메신저에서 링크 공유 시 보여질 대표 이미지
- Favicon : 브라우저 탭에 표시디는 작은 아이콘(사이트 로고)
- Language 설정 : 사이트가 어떤 언어인지 설정->해당 국가 사람들에게 더 잘 노출될 수 있음
- 도메인 설정 : 웹사이트 주소(URL)를 연걸하는 작업
방문자 지표 활용
- Framer Analytics는 단순한 숫자가 아니라 디자인이 잘 작동하고 있는지 사용자 입장에서 확인하는 도구
- 수치가 말해주는 힌트를 읽고 그에 맞춰 디자인을 조정하는 것이 디자이너의 일
사용자 정보 받기
- Form에 Google Sheet 연결해서 유저 데이터 받기
- 유저가 데이터 등록 시 성공 페이지 노출하기
Form
- Send to : 입력된 폼 데이터를 보낼 곳(예:Google Sheet)
- Redirect : 폼 제출 완료 후 사용자를 이동시킬 페이지(URL)
- Tracking : 추적 ID 입력(예:Google Analytics 등)->폼 제출 이벤트를 추적
CMS(Content Management System)
: 한 번만 디자인 틀(카드, 타이틀 등)을 만들고, 내용(텍스트, 이미지 등)은 데이터만 바꿔주면 여러 개의 콘텐츠가 자동으로 생성
📌실습내용
FAB 버튼 생성 및 연결
랜딩페이지 링크 연결 및 완성화면 제작
포폴 사이트 제작
UXUI 도전!!!