자료와 요구사항 정리
읽고 이해합니다
병원의 특성과 사용자에게 필요한 정보를 살펴봅니다. 전문 용어와 긴 설명에서 핵심을 찾고, 페이지가 전달해야 할 메시지를 정리합니다.
세른 / 작업 방식
보이는 완성도는,
연결된 생각에서.
사용자에게 필요한 정보에서 시작해
실제로 사용할 수 있는 웹 화면까지.
세른이 중요하게 생각하는 작업의 흐름입니다.
정보 구조와 화면 구성
흐름을 설계합니다
사용자가 무엇을 먼저 알고, 다음에 무엇을 확인할지 생각합니다. 메뉴와 섹션의 순서를 정하고, 와이어프레임으로 전체 흐름을 구체화합니다.
UI·비주얼 디자인
인상을 표현합니다
브랜드의 성격에 맞는 색상, 타이포그래피와 이미지 방향을 정합니다. 제목과 본문의 위계를 세우고, PC와 모바일에서 읽기 쉬운 화면을 만듭니다.
퍼블리싱과 검수
작동하게 만듭니다
디자인의 의도를 HTML, CSS, JavaScript로 구현합니다. 화면 크기에 따른 변화와 키보드 사용, 인터랙션, 유지보수를 함께 고려하며 디테일을 조정합니다.
같은 목적을 공유하는 방식
다음 사람이
이해할 수 있게.
자료의 맥락과 화면의 의도를 전달하고,
구현에서 발견한 문제를 다시 디자인에 반영합니다.
무엇을 전할지
내용의 중요도와 사용자의 질문을
페이지 구성에 연결합니다.
어떻게 읽힐지
시각적인 위계와 일관된 요소로
정보의 흐름을 구체화합니다.
어떻게 작동할지
다양한 기기와 사용 상황에서도
의도한 경험이 이어지게 합니다.