LG CHALLENGERS

LG챌린저스 반응형웹 개편 사례

  • CLIENT

    HS애드

  • RELEASE DATE

  • TYPE

    캐릭터디자인, 반응형웹

LG챌린저스의 전신인 <인간존중>을 시작으로 오랜 전통과 역사를 보유하고 있는 LG챌린저스.
2010년에 구축된 웹사이트의 노후된 이미지를 개선하고, 수정되어 있던 워드프레스 코어 정상화 및 기존 사이트의 이슈사항이었던 보안문제 개선, 최신 플러그인 설치, RSS피드 생성을 가능하게 하는것이 프로젝트 목표중 하나였습니다.

또한, LG챌린저스만의 아이덴티티를 재정의. 비쥬얼및 브랜드 이미지를 강화하고 젊은층을 타깃으로 한, 명확한 시각 언어와 원칙을 기반으로 사용자에게 LG챌린저다움을 인지시키고, 웹사이트 사용자의 접근성, 활용성, 명료성을 강화하기 위하여, 내부적인 측면에서는 다양한 위젯으로 구성하여 쉽고 유용하게 활용, 사용자에게는 신속 명확한 정보 제공이 가능하도록 수정된 워드프레스 코어의 정상화 작업 및 버전 업그레이드와 관리자페이지 개선, 카테고리를 새롭게 정의 했습니다.
외부적인 측면은 사용자가 원하는 정보를 쉽고 직관적으로 이해 할 수 있는 명료성이 느껴질 수 있도록 개편하는것이 전체 프로젝트 방향입니다.

LG챌린저스 공식홈페이지는 웹어워드 2017 웹진분야 대상, 앤어워드 2017 WINNER를 수상했습니다.

사이트 바로가기새창 열기

사용자 환경에 맞춰 최적화되는 반응형웹

다양한 디바이스와 해상도에 맞게 최적화되는 반응형웹으로 개발하여
여러 환경의 사용자에게 동일한 사용자경험을 제공하며, 사이트의 유지관리 효율성을 높였고
검색엔진에 친화적이게 제작되었습니다.

엘지 챌린저스 디스플레이

소채리, 드채리, 글채리!! 삼채리 캐릭터 디자인

엘지 챌린저스만의 아이덴티티를 반영한 캐릭터를 제작함과 동시에 댓글이나 메신저등 다양한 온 오프라인 활용을 위해 이모티콘 디자인을 제작하였습니다.


각 챌린저스 이모티콘

감격 이모티콘
눈물 이모티콘
선물 이모티콘
쉬는 이모티콘
긴장 이모티콘
목욕 이모티콘
멋짐 이모티콘
심장 이모티콘
우는 이모티콘
마스크팩 이모티콘
굿 이모티콘
사랑해요 ~ LG
짜증 이모티콘
셀카 이모티콘
하하하 이모티콘
공부 이모티콘
쳇 이모티콘
우울 이모티콘

아름답고 유용하며 의미있는 디자인

최신 트렌드를 반영한 콘텐츠 최적화 디자인을 구현하였으며 심플한 내비게이션과 깔끔하고 명확한 인터페이스 활용으로 사용자 관점에서 페이지 이동을 최소화 하고 편의성과 심미성 모두를 충족 시키도록 제작하였습니다. 캐릭터와 아이콘을 적극 활용하여 엘지 챌린저스만의 아이덴티티를 확립하였습니다.

엘지 챌린저스 캡쳐 엘지 챌린저스 모바일

아이콘 디자인

사용자가 각각의 컨텐츠를 쉽게 이해할 수 있도록 컨텐츠 고유 시각적 특징을 반영한 일러스트 아이콘을 제작하였습니다.

캔디 아이콘
좋아요 아이콘
한복 아이콘
책 아이콘
엄지 아이콘
케익 아이콘
가위 아이콘
빛 아이콘
종이 아이콘
건물아이콘
펜 아이콘
분홍색 셔츠 사람 아이콘
초록색 셔츠 사람 아이콘
우산 아이콘
주먹 아이콘
식빵 아이콘
차 아이콘
깃발 아이콘
기와집 아이콘
립스틱 아이콘
초록색 배경 사람 아이콘
택 아이콘
주황색 셔츠 사람 아이콘
건물 아이콘
보관함 아이콘
아령 아이콘
식물 아이콘
여행 아이콘
기차 아이콘
지구 아이콘

웹툰 리디자인

LG챌린저스 드채리의 웹툰 다이어리를 작업하였습니다.
리뉴얼된 캐릭터를 활용하여 더욱 풍성한 웹툰을 만나보실 수 있습니다.

PREV
NEXT

404 에러 페이지 디자인

브라우저 기본 404페이지는 지루하고 도움이 되지 않습니다.
맞춤 제작 404페이지로 에러페이지에 대한 방문자의 스트레스와 이탈률을 줄였습니다.

엘지 챌린저스 404페이지

어워드 수상내역

WEB AWARD KOREA : 2017 / 웹진 분야 대상

&AWARD : 2017 / Social Media / WINNER

  • 2017

    WEB AWARD KOREA
    WEB AWARD KOREA 웹진 분야 대상
  • 2017

    &AWARD
    &AWARD WINNER

만든사람들

기획
  • 정재철

    PM
  • 배성민

    PL
  • 김정태

    카피라이터
디자인
  • 정다운

    PL
  • 성아름

    PA
  • 김정현

    PA
  • 이경진

    PA
개발
  • 쇼베 니콜라

    PL
  • 박준현

    PA
  • 김민서

    PA
  • 윤나빈

    PA
  • 정재욱

    PA
primary mask
secondary mask
Loading 패러글라이딩 로딩중 패러글라이딩 로딩완료
Loading 발레 로딩중 발레 로딩완료
Loading 슈퍼맨 로딩중 슈퍼맨 로딩완료
Loading 캐논맨 로딩중 맨 로딩완료 캐논 로딩완료