오내친구장애인성폭력상담소 포트폴리오

메인 화면 기획 및 안심 치유 중심 랜딩 구성

[메인 화면 기획]

햇살이 드는 창가의 화분과 의자, 꽃가지를 올린 편지 같은 고요한 일상 사진에 '마음을 털어놓는다면, 천천히 치유는 시작됩니다' 라는 메시지를 더해,

피해자가 부담 없이 마음을 열 수 있는 따뜻하고 편안한 상담 공간이라는 인상을 첫 화면에서 전달하도록 기획했습니다.

이어서 상담·교육·법률·의료·연계 5가지 지원 내용, 상담 신청부터 종결까지의 4단계 안내, 공지사항과 활동 갤러리,

오시는 길 순으로 배치해 도움의 범위를 확인한 뒤 상담으로 이어지도록 구성했습니다.

메인디자인

[메인 디자인]

로고의 그린을 포인트 컬러로 삼고 연한 세이지·크림 톤 배경을 더해,

무거운 주제 속에서도 회복과 안정감을 느낄 수 있는 부드러운 분위기를 만들었습니다.

히어로와 섹션 박스 모서리를 크게 둥글린 곡선형 레이아웃과 얇은 라인 아이콘을 일관되게 적용해,

날카로운 요소 없이 편안하게 읽히는 상담기관다운 비주얼 톤을 완성했습니다.

컨텐츠디자인

[콘텐츠 디자인]

'성폭력이란?' 페이지는 2차 가해·교제 폭력·디지털 성폭력·스토킹 등 유형별 정의를 표로 정리하고,

대처방안은 증거 보존·기억 되살리기·상담소 연락 3단계 카드와 주변인 대응 방안으로 나누어 위기 상황에서 바로 참고할 수 있도록 구성했습니다.

연혁은 2006년부터 이어온 장애아동·청소년 성 인권교육과 치료회복 프로그램을 시기별 탭으로 정리하고,

교육신청은 성교육과 특별교육을 나란히 비교한 뒤 아래 폼에서 바로 신청하도록 설계했습니다.

웹사이트 UX/UI 최적화
 

[웹사이트 UX/UI]

화면 우측에 인스타그램·카카오톡·오시는 길·운영시간 퀵메뉴를 고정 배치해 피해자가 편한 채널로 즉시 연락할 수 있도록 하고,

운영시간 외에는 1366으로 착신 연결된다는 안내를 함께 노출해 언제든 도움을 요청할 수 있도록 했습니다.

상담소 소개·지원 및 대처방안·커뮤니티·연계기관 4개 메뉴로 구조를 단순화하고,

메인 지원 내용 카드마다 상세 페이지로 바로 연결해 필요한 정보까지의 동선을 줄였습니다.