전문서비스(법률,세무,자문,금융)
서울로봇
  • #법률 인공지능 서비스 #서울대 법대 출신 변호사 #소송 AI 도우미
CLIENTS.
서울로봇
DATE.
2024.05.02
TYPE.
Responsive Web

전문서비스(법률,세무,자문,금융)

서울로봇 #법률 인공지능 서비스 #서울대 법대 출신 변호사 #소송 AI 도우미
전문서비스(법률,세무,자문,금융)
서울로봇
  • #법률 인공지능 서비스 #서울대 법대 출신 변호사 #소송 AI 도우미
CLIENTS.
서울로봇
DATE.
2024.05.02
TYPE.
Responsive Web
Device.

디스플레이 종류에 따라 화면의 크기가 자동으로 최적화되도록 조절되는 반응형 웹으로 제작되었습니다.

기획의도.

일반인을 위한 법률서비스를 제공하는 서울로봇, 변호사들에 대한 저항감과 진입장벽을 줄이길 원했던 클라이언트의 니즈에 맞춰
부담없이 접근 가능하고 기업의 신뢰성을 강조하여 깔끔하고 심플하게 기획된 프로젝트입니다.
서울대 법대 출신 변호사의 답변 내용을 학습한 AI 법률 서비스 라는 것을 강조하기 위해 아이콘과 직관적인 이미지를 활용하여
여러가지 타입으로 기획 및 제안해드렸던 프로젝트입니다.

Design Concept.

사용자들에게 정보를 직관적으로 전달할 수 있도록
고퀄리티 영상을 풀 비주얼 영상으로 사용하였으며
블루 색상과 네이비 컬러를 활용함으로써
신뢰성을 강조하였습니다.

Colors.
Typo.
Proposal Design.

법률 인공지능 서비스를 풀 비주얼 영상을 통해 사용자들에게 정보를 직관적으로 전달할 수 있도록 구성하였으며,
스크롤(시안에서는 클릭) 시 메인 카피문구의 서울로봇 로고가 GNB 위치로 안착한 후
메인 비주얼의 영상이 축소된 후 서울대 법대 출신 변호사를 의미하는 "LAW" 와 법률 인공지능을 뜻하는 "BOT"이
나타나도록 구성하여 전문적인 느낌을 부각시키고자 하였습니다.
또한, "LAW"와 "BOT"이 합쳐져 "SEOUL LAWBOT"이 된다는 것을 모션으로 구성하여
기업의 아이덴티티를 부각키셨습니다.
B타입은 A타입의 시안을 조금 더 심플하고 깔끔하게 작업해 본 시안이라고 생각해주시면 됩니다.
C타입은 서비스소개 컨텐츠를 카드 형태의 레이아웃으로 구성하여 변경해보았습니다.

  • A Type
  • B Type
  • C Type
Confirm Design.
Go Website
Motion.

최신 웹 트렌드 기법인 WebGL로 모션의 디테일을 살려 작업하였으며 메인페이지에서 스크롤 시 비주얼에 있던 영상이
스크롤에 맞춰 이동하는 효과를 구현하여 주목성을 높였습니다.

관련 프로젝트.
List