i awards 2019 출품작 정리 - 02
2019년에 만들어진 i awards 출품작들 중 볼만한 사이트들 모음집
안녕하세요, 리플러스입니다. 이번에는 한국 인터넷전문가협회에서 주최하는 연간 디자인 행사인 i awards에 관련된 내용을 다뤄봅니다. 이번 연도에 출품된 웹 프로젝트들 중 어떤 사이트들이 들여다볼만한지. 그리고 그 사이트들의 장단점은 무엇인지를 정리해보겠습니다.
-
이번 정리글은 총 342개의 노미니된 사이트들 중, 웹 컴포넌트 완성도와 사용성, 컨텐츠 규격을 들여다보는 방식으로 진행을 하였습니다.
유튜브 라이브 분석 영상
https://www.youtube.com/watch?v=V3xRasZI_WM
1. 도루코 면도기
- 도루코 면도기의 글로벌 사이트
- PC에 최적화된 프레임워크 사용 / 모바일 쪽은 비례가 전반적으로 너무 큰 편
- 색상 사용을 최대한 줄이고 강조해야할 지점에 대한 강약 조절이 잘 되어있음
- 제품소개 및 회사 이력에 대한 자세한 컨텐츠를 담고있음
- 빠른 로딩속도와 PC, 모바일 반응형처리가 돋보임
- 프레임워크를 변형하여 타 서비스용 제작에 사용하기에도 좋은 형식
- 회사소개 사이트 제작시 참고자료로 사용하기에 좋다고 판단됨
대표적 화면정리
2. 롯데 리조트
https://www.lotteresort.com/main/ko/index#
- i awards 2018 수상작, 2019년에도 동일 사이트로 출품
- 시간대별로 변하는 배경사진을 통해 리조트의 모습을 드라마틱하게 전달
- 이미지가 많이 사용되었으나 로딩속도가 매우 빠르고, 반응형처리까지 함께 제공
- 컴포넌트별로 중간중간 비례나 간격이 아쉬운지점이 있으나, 전반적 완성도가 높음
- 비회원 예매를 기본으로 제공하며 가입후 보여주는 컨텐츠를 별도로 기획함
- 예약 flow쪽이 살짝 복잡함 (날짜 먼저 or 방 먼저 선택 )
- 모바일 최적화를 위해 실제 리조트 사진 해상도가 조금 안좋은편
- 숙박 및 예약서비스제작시 참고하기에 좋은 자료로 판단됨
대표적 화면정리
3. NEW 엔터테인먼트
- NEW 엔터테인먼트의 회사소개 및 사업소개 / 포트폴리오 소개 사이트
- 둥근 원을 모티브로하여 모든 페이지에서 해당 모티브를 살리려한 컨셉이 돋보임
- 영화, 음악 등 개별 사업 사이트로 연동이 되는 구조이다보니 depth가 생각보다 깊은편
- 동영상과 이미지를 많이 사용하였으며, 약간의 패럴랙스 스크롤을 사용하여 독특한 연출을 구현
- 컨텐츠간 간격을 많이 떨어뜨려놓은 편이라 시원시원하지만, 전반적 비례가 커다란편
- 사진과 영상 등 다양한 리소스가 사용되어 모바일 페이지는 별도로 제공중
- 미디어 컨텐츠가 많은 소개페이지 / 랜딩 페이지 제작시 참고자료로 사용하기에 좋다고 판단됨
대표적 화면정리
4. 파고다 21 학원
- 언어 관련 학원인 파고다 21의 강의소개 / 강의등록 사이트
- 높은 콘트라스트의 색상대비를 통한 확실한 시각적 강조가 돋보임
- 사이트 상단에서 원하는 강의를 바로 찾을수 있게하는 구성 (윤선생 사이트와 비슷한 기획의도로 보임)
- PC와 모바일에서 컴포넌트와 디자인상의 파편화가 발생하는 편. 도메인도 별도로 지원중
- 사용자들에게 와닿을만한 컨텐츠들을 바로바로 확인할 수 있도록 메뉴를 구성함
- 강사검색이 편리하고 해당 강사의 강의도 즉각 확인할 수 있는 강사별 페이지를 지원
- 강의, 교육 관련 사이트 제작시에 참고하면 좋을 자료로 판단됨
대표적 화면정리
5. Yes 윤선생
- 2018년 i awards 출품작 (파고다 21과 비교하여 확인해보면 좋을 자료)
- 아이를 가진 부모들에게 어필하기위한 부드러운 색상컨셉 / 아이들 사진 이미지를 적극 채용
- PC와 모바일 반응형을 지원하며 로딩속도가 빠른편
- 사이트 상단에서 자신의 아이에게 맞는 강의를 바로 찾을수 있게하는 구성
- 개별 컴포넌트의 완성도는 조금 떨어지는 편이니 자료 참고시 주의가 필요함
- 가시성을 위해 타이틀 텍스트가 크게 쓰였으며, 사진 이미지가 굉장히 크게 사용되는 편
- 레이아웃 참고용으로는 좋으나, 개별 간격이나 비례, 컴포넌트 완성도에서는 주의가 필요함
대표적 화면정리
이 내용은 UI 디자인 연구소 - 단톡방에 올려진 자료를 정리하여 만들어진 컨텐츠입니다. 저희 단톡방은 잡담이 불가능한 방입니다. 단톡방에 들어오시려는 분은 - 이용안내문을 꼭 확인해주세요!
https://brunch.co.kr/@clay1987/113
