[🤩 나도 해볼래!] Riot Games 메인 페이지 미러링_메인 페이지 분석

🔗 Riot Games(라이엇 게임즈) 공식 홈페이지

 

본 게시물은 라이엇 게임즈 홈페이지의 분석을 포함한 내용이에요.

NavBar
- 포함 내용 : 카테고리(토글), 홈 버튼, 라이엇 소개, 라이엇에서 일하기, 소식, 언어 설정(지구본), 검색, 로그인
- 위치 : 최상위로 고정시키기
- 포인트 :  선택 시 빨간색으로 포인트 및 밑줄

Footer
- 포함 내용 : 홈 버튼, 홍보, 보안, 법적 고지, 서비스 약관, 고객지원, 이메일 인증, 접근성, 개인정보 처리방침(빨간색), 연차보고서, 각종 SNS 링크, 쿠키 설정, 맨 위로 골라가기 ▲
- 포인트 : 스크롤 맨 밑에 위치, "쿠키 설정, 맨 위로 골라가기 ▲"은 위에 연한 구분선이 존재함(div 필요)

---

Page Name

 페이지 이름 | Riot Games  로 고정돼 있음

<- Home, 라이엇 소개 ->

<- 라이엇에서 일하기, 소식 ->

 

페이지 제목에 " | Riot Games" 이걸로 반복문 돌려버릴까 싶기도,, 🤔

저렇게 깔끔하게 해 놓으니까 보는 내 마음이 다! 편-안

---

헤더(Head)

네비바(Navbar)

 

1. 메인 페이지에서 스크롤을 내려도, 네비바의 위치는 항상 최상위로 고정된 상태
1.1. 네이바의 배경은 투명색, 선택 시 빨간색(상징색)

 

2. 메인 로고의 토글 선택 시, 빨간색

3. 그 외는 연한 배경이 생긴 후, 빨간색 밑줄이 생김

4. 원형 작은 아이콘은 Home 버튼 (URL : https://www.riotgames.com/ko)

---

푸터(Footer)

 

1. 배경색은 검정색

2. 맨 위로 돌아가기 버튼이 있음

3. 마찬가지로 라이엇 게임즈 아이콘을 클릭하면 Home으로 감

4. 홍보, 보안, 법적 고지, 서비스 약관, 고객지원, 이메일 인증, 접근성, 개인정보 처리방침(빨간색), 연차보고서 등의 Docs가 나열

5. 오른쪽 끝에서 위에는 각종 운영하는 Social URL이 아이콘으로 표시돼 있음

---

전체 Main page 모습