원투테크 반응형 독립형 쇼핑몰제작 포트폴리오

메인 화면 기획 및 기술 신뢰 중심 랜딩 구성

[메인 화면 기획]

첫 화면에 도시 빌딩 비주얼과 'VICTORY OF TECHNOLOGY · ONE-TWO-TECH' 슬로건을 크게 배치해

기술력으로 승부하는 전문 기업의 정체성을 먼저 각인시키도록 기획했습니다.

이어서 'PLC, INVERTER, TOUCH, SERVO 등의 판매 및 현장설치 전문회사' 배너로 취급 분야를 한 문장에 정리하고,

신상품과 대표 인버터 배너, 공지사항 순으로 배치해 회사 소개에서 제품 탐색까지 짧고 명확하게 이어지도록 구성했습니다.

메인 디자인 시스템

[메인 디자인]

GNB에 쓰인 딥 네이비를 메인 컬러로 삼아 메뉴 바와 버튼에 일관되게 적용하고,

각진 테크 서체의 워드마크로 산업 자동화 기업다운 단단한 인상을 만들었습니다.

빌딩·계단 실사 이미지와 대형 영문 타이포를 배너에 겹쳐 무게감을 주고,

제품 배너는 밝은 콘크리트 톤 위에 인버터를 크게 배치해 제품 자체가 돋보이도록 디자인했습니다.

콘텐츠 디자인 및 정보 구조

[콘텐츠 디자인]

GNB를 YASKAWA·LS Electric·FUJI Electric·Elevator·기타·중고제품처럼 제조사 브랜드 기준으로 나눠,

현장 담당자가 사용 중인 장비 브랜드로 바로 부품을 찾을 수 있게 구조화했습니다.

상품 목록은 흰 배경의 제품 이미지와 모델명·용량(전압·kW·HP)·가격을 3열 카드로 정리하고,

상단에 '수리 가능' 안내와 문의 전화번호를 함께 노출해 판매와 수리 상담을 한 화면에서 연결했습니다.

웹사이트 UX/UI 최적화

[웹사이트 UX/UI]

헤더를 로고·로그인 영역과 브랜드 메뉴 바 두 단으로 단순화해

어느 페이지에서든 원하는 브랜드 카테고리로 한 번에 이동할 수 있도록 했습니다.

상품 상세는 모델명과 배송비·적립금, 옵션 선택과 바로구매 버튼을 이미지 옆에 모아 사양 확인 후 바로 주문할 수 있게 했고,

푸터에 CS 센터 번호·운영시간과 입금 계좌를 크게 배치해 전화·계좌이체 중심의 B2B 구매 흐름을 지원했습니다.