Update README.md

README.md

@@ -1,2 +1,22 @@
 # UNISPHERE-WEB
-국제개발협력에 대한 청년 단체 교류 및 정보 취합 플랫폼 - 유니스피어
+<img width="500" alt="unisphere_logo" src="https://github.com/FF-UNI-SPHERE/UNISPHERE-WEB/assets/114139700/ec52f843-14c5-4543-ae0b-3c287067a191">
+
+국제개발협력에 대한 청년 단체 교류 및 정보 취합 플랫폼 **_유니스피어_** 를 소개합니다 :)
+<br/>
+<br/>
+<img width="1440" alt="Screenshot 2023-12-16 at 20 14 20" src="https://github.com/FF-UNI-SPHERE/UNISPHERE-WEB/assets/114139700/c3acce9a-2c9d-4a8a-ac12-47fd89058b5a">
+<br/>
+<br/>
+
+접속 시 초기 화면이에요. 보이는 아바타는 우리 유니스피어의 메인 아바타! 
+<br/>메인 화면에서는 `로그인/회원가입`, `이용 안내`, `뉴스 레터` 이렇게 세 가지의 버튼을 확인할 수 있는데요, `이용 안내`와 `뉴스 레터`는 로그인 여부와 상관 없이 모두가 이용할 수 있답니다.
+
+<br/>
+
+<img width="1440" alt="Screenshot 2023-12-16 at 20 17 56" src="https://github.com/FF-UNI-SPHERE/UNISPHERE-WEB/assets/114139700/f2b3612b-5a48-44f6-8813-cf6a17a169af">
+<br/>
+<br/>
+
+`카카오`, `네이버`, `구글` 이렇게 세 가지의 소셜 로그인을 통해 다음 화면으로 넘어갈 수 있는데요.<br/>
+이 화면에서는 초기 화면에서 확인할 수 있었던 유니스피어의 아바타 외에도, 자신이 속한 기업의 아바타와 개인이 설정한 아바타까지! 총 세 개의 아바타를 확인할 수 있습니다.<br/>
+가장 상단바에서는 좌측 메뉴바 아이콘과, 우측의 메뉴바가 존재합니다. 바로 아래에 있는 알림바에서는 개인적으로 온 알림을 확인할 수 있는 기능과, 전체 회원들 간에 이용할 수 있는 채팅 기능이 존재합니다.