고로보디자인 포트폴리오

PORTFOLIO
다양한 분야의 경험과 전문가의 노하우로
모두가 만족할 결과물을 제시해 드립니다.
Drawing on extensive experience across diverse fields and expert know-how,
we deliver outcomes that satisfy everyone.
비젠소프트 포트폴리오 상세보기 - 홈페이지제작 쇼핑몰제작 AI 솔루션
고로보디자인
개발분야 : Responsible website(반응형웹) / Layout(레이아웃고정형)
고로보디자인 2024/01
비젠소프트 포트폴리오 목록으로 돌아가기 이전 포트폴리오 프로젝트 보기 다음 포트폴리오 프로젝트 보기
고디자인_ 반응형_ LTYPE 홈페이지제작


메인 화면 기획 및 포트폴리오 중심 랜딩 구성

[메인 화면 기획]

로봇 디자인 전문 기업이라는 특성에 맞춰 메인을 설명 없이 좌측 메뉴와 우측 대형 작품 슬라이드만으로 구성해,

디자인한 로봇 결과물 자체가 첫 화면의 메시지가 되도록 기획했습니다.

GOROBO·Medical·Industry·Logistics·Smart Farm·Service·News·Contact 메뉴를 세로로 나열해 회사 소개부터 분야별 작업,

소식과 디자인 의뢰까지 한 화면에서 모든 정보에 접근할 수 있도록 구성했습니다.






메인디자인
의료로봇 디자인 포트폴리오 고로보디자인 웹사이트 반응형 레이아웃
[메인 디자인]

화면을 흰 메뉴 영역과 작품 이미지 영역으로 나눈 스플릿 레이아웃에 장식 요소를 최소화하고 가는 산세리프 영문 메뉴만 두어,

로봇의 조형미가 가장 돋보이는 갤러리 같은 화면을 만들었습니다.

로고의 네이비와 민트를 포인트 컬러로만 사용하고 밝은 그레이·화이트 톤의 렌더링 이미지와 맞춰,

의료·산업 로봇의 정밀하고 깨끗한 이미지를 일관된 비주얼 톤으로 완성했습니다.







컨텐츠디자인

비주얼 중심의 카탈로그 스타일 웹페이지 이미지 배치 디자인
[콘텐츠 디자인]

분야별 페이지는 프로젝트마다 디자인 의도를 설명하는 텍스트와 전체 컷, 디테일 컷, 사용 장면 이미지를 이어 배치해,

조형 결정의 이유를 이미지로 따라가며 이해할 수 있도록 구성했습니다.

GOROBO 소개 페이지는 로봇디자인 철학, 스테이지 게이트 방식의 디자인 프로세스 다이어그램, 회사 소개를 순서대로 담고,

수상 이력을 프로젝트 하단에 함께 노출해 전문성을 자연스럽게 증명하도록 설계했습니다.






웹사이트 UX/UI 최적화
고로보디자인 의료로봇 디자인 포트폴리오 웹사이트
[웹사이트 UX/UI]

메뉴를 선택하면 페이지 이동 없이 작품 영역 위로 상세 콘텐츠가 열리는 오버레이 방식과 상단 이전·다음 메뉴 이동을 적용해,

여러 분야의 작업을 끊김 없이 연속으로 탐색할 수 있도록 했습니다.

Contact는 기업명·담당자·연락처만 입력하는 디자인 의뢰 폼으로 단순화하고,

모바일에서도 같은 스플릿 구조를 유지해 어느 기기에서든 작품 중심의 경험이 이어지도록 설계했습니다.


비젠소프트 포트폴리오 전체 목록으로 돌아가기
이전 포트폴리오 보기 다음 포트폴리오 보기
카카오톡 상담하기
전화 상담 무료 견적 문의 →