회사소개서
블로그
오시는 길
메일
TOP

Online Total Service

고객의 웹사이트에
날개를 달아드리겠습니다.
서울시 금천구 벚꽃로 298 대륭포스트타워 6차 228호

T : 02-6925-6374
E : webmarster@ofgod.com

엉클킴

  • PRODUCTION TYPE
  • 모바일, 웹
  • CLASSIFICATION
  • 쇼핑몰
  • MAIN COLOR

메인 디자인

홈페이지 바로가기

SYSCO BD

  • PRODUCTION TYPE
  • 모바일, 웹
  • CLASSIFICATION
  • 홈페이지
  • MAIN COLOR

시선을 유도하는 디자인

큼직큼직한 이미지 위주로 배치하여 홈페이지를 방문한 사용자들의 시선을 유도하였습니다. 또한 상품 이미지를 전략적으로 배치하여 구매의사가 올라가게끔 제작하였습니다.

홈페이지 바로가기

PN 풍년

  • PRODUCTION TYPE
  • 모바일, 웹, 개발, 유지보수
  • CLASSIFICATION
  • 쇼핑몰
  • MAIN COLOR

메인 디자인

업체에서 자유롭게 배치하고 등록할 수 있게 개발

업체에서 원하는 메인 디자인으로 개발 작업이 들어갔습니다.
메인 배너, 서브 배너, 타임세일, 상품 추천 등등 메인 페이지 이미지 등록과 상품 등록을 관리자 페이지에서 쉽게 관리가 가능합니다.
업체 취향에 맞게 감각적인 웹사이트를 만들 수 있습니다.

서브 디자인

기획 가능한 이벤트 페이지와 상품 필터가 가능한 상품 페이지

1. 마케팅
출석체크, 룰렛 이벤트를 디자인이 자유롭게 페이지를 꾸밀 수 있습니다.
각각의 게임에 적립금, 쿠폰 등의 다양한 경품을 자유롭게 세팅할 수 있습니다.

1. 상품 페이지
상품페이지 카테고리마다 인기 있는 상품을 자유롭게 배치할 수 있게 작업했습니다.
카테고리, 종류, 태그 필터를 통해 고객이 찾고자 하는 상품을 빠르게 찾을 수 있습니다.

홈페이지 바로가기

종로산악

  • PRODUCTION TYPE
  • 모바일, 웹
  • CLASSIFICATION
  • 쇼핑몰
  • MAIN COLOR

메인 디자인

산만하지 않으면서도 가시성이 높은 디자인

와이드한 구조와 고화질 이미지를 활용하여 시원한 비주얼을 보여줍니다.
단순하고 깔끔한 화면 구성으로 상품이 돋보이게 디자인 했습니다.

서브 디자인

홈페이지 바로가기

WMS

  • PRODUCTION TYPE
  • 모바일, 웹
  • CLASSIFICATION
  • 관리자, 시스템 개발, 소프트웨어 솔루션, ERP

메뉴 디자인

상단에 메뉴가 고정되어 사이트의 전체 구성을 확인 할 수 있습니다.
발주/입고, 주문/출고, 재고관리, 생산관리, 랙관리, 기본관리 메뉴가 있습니다.
물류센터나 창고에서의 입고, 출고, 재고관리, 피팅, 포장 등등 물류 관련 작업을 효율적으로 관리할 수 있습니다.
상품의 위치, 수량, 유통기한, 로트번호 등의 정보를 추적하고, 주문 처리 및 발주 프로세스를 최적화하여 오류를 최소화합니다.

메인 디자인

한눈에 데이터를 확인 할 수 있는 WMS

랙평면도 페이지는 실시간 재고 모니터링이 가능하여 효율적으로 재고 관리가 가능합니다.
라인별 사용중, 사용불가, 사용가능, 사용률 중요한 정보를 오른쪽에 배치하여 사용자가 핵심 정보를 빠르게 접근하고 확인할 수 있습니다.

팝업 디자인

라인별 영역 선택 시 상품정보, 셀이력을 확인 할 수 있습니다.
상품정보 - 입고일시, 로트, 상품명, 소비기한, 총수량, 가용, 출고 요청, 출하, 불량, 분할 기능 리스트
셀이력- 입고 일시, 로트, 상품명, 수량, 작업자 리스트

ESG

  • PRODUCTION TYPE
  • CLASSIFICATION
  • 관리자, 데이터관리, 웹사이트 자동 생성, PDF 자동 생성, ESG, 지속가능경영보고서

광운대학교

  • PRODUCTION TYPE
  • 모바일, 웹
  • CLASSIFICATION
  • 교육, 대학교
  • MAIN COLOR

메인 디자인

홈페이지 바로가기

한국전자산업협동조합

  • PRODUCTION TYPE
  • 모바일, 웹
  • CLASSIFICATION
  • 중소기업, 회사, 부품제조공업
  • MAIN COLOR

메인 디자인

깔끔한 레이아웃과 정확한 전달력 있는 디자인

메인에 갤러리와 공지사항을 배치하여 빠른 이동이 가능합니다.
풀스크린 중간 배너가 직관적으로 볼 수 있도록 배치하여 업체에서 전달하고자 하는 메인 사업내용을 강조했습니다.

서브 디자인

서브 메뉴를 왼쪽에 고정하여 빠른 이동이 가능하고 포인트 색상을 사용하여 깔끔하고 통일감을 살렸습니다.

홈페이지 바로가기

팜스토리 생생몰

  • PRODUCTION TYPE
  • 모바일, 웹, 앱
  • CLASSIFICATION
  • 쇼핑몰
  • MAIN COLOR

정보와 편리성을 전달하는 디자인

상단의 탭을 배치하여 생생몰과 팜스토리 사이트를 자유롭게 이동할 수 있어 사용자가 편리하게 이용할 수 있습니다.
또한 주요한 기능에 아이콘을 적극 활용하여 편리성과 심미성을 모두를 충족 시키도록 제작하였습니다.

홈페이지 바로가기

삼성네오정보

  • PRODUCTION TYPE
  • 모바일, 웹, 반응형
  • CLASSIFICATION
  • 기업
  • MAIN COLOR

메인 디자인

큰화면으로 볼 수 있는 풀페이지

브라우저에 맞춰 움직이는 반응형 풀페이지 디자인입니다.
스크롤시 한 레이아웃에 내용을 노출하여 가독성을 높혔습니다.
전체적으로 통일감 있는 색상을 사용하여 깔끔하고 내용 전달에 집중할 수 있도록 디자인 하였습니다.

서브 디자인

페이지 이동이 간편한 서브 페이지

미니 배너 밑에 빠른 LNB 메뉴를 배치하여 원하는 서브페이로 이동이 용이합니다.
서브페이지는 이미지를 많이 사용하여 내용 이해를돕고 감각적으로 디자인했습니다.

홈페이지 바로가기

케어랩

  • PRODUCTION TYPE
  • 모바일, 웹
  • CLASSIFICATION
  • 쇼핑몰, 자사몰, 폐쇄몰
  • MAIN COLOR

메인 디자인

이벤트 배너로 시선 집중!!

원하는 베스트 상품 리스트는 관리자 페이지에서 메뉴를 설정하고 상품을 진열할 수 있어,
사용자가 편하게 상품을 배열할 수 있습니다.
미니 배너, 띠배너 등등 다양한 이벤트를 소개할 수 있는 배너 배치로 시선을 사로잡을 수 있습니다.

서브 디자인

통일감 있는 포인트 컬러!

상품에 집중할 수 있도록 다양한 색상을 사용하지 않고 포인트 컬러로만 사용하여 깔끔하게 디자인했습니다.
마이페이지에서는 장바구니, 관심 상품, 적립금 조회, 쿠폰 조회, 상품 후기 등등 다양한 기능들이 있습니다.

두레시닝

  • PRODUCTION TYPE
  • 모바일, 웹
  • CLASSIFICATION
  • 쇼핑몰, 폐쇄몰, 판촉몰
  • MAIN COLOR

메인 디자인

두레시닝 쇼핑몰들을 상단의 탭을 배치하여 자유롭게 이동할 수 있어 사용자가 편리하게 이용할 수 있습니다.
상단 가격대별로 버튼이 있어 가격대별로 검색이 가능합니다.
메인 페이지는 사용자가 보다 쉽고 편하게 이용할 수 있도록 기획했습니다.

서브 디자인

전체적인 페이지 디자인을 깔끔한 레이아웃으로 기획하였습니다.
장바구니 페이지는 각 쇼핑몰에서 담은 상품들을 한눈에 볼 수 있어 사용자가 쉽고 빠르게 이용할 수 있습니다.

홈페이지 바로가기

올스틸

  • PRODUCTION TYPE
  • 모바일, 웹
  • CLASSIFICATION
  • 쇼핑몰
  • MAIN COLOR

메인 디자인

고객의 편리한 견적과 인기 상품의 배치

메인 상단에는 간편하게 견적을 낼 수 있는 영역이 있어서 바로 원하는 견적 비용을 받아 보실 수 있습니다.
간단한 배너와 고객센터영역으로 고객님과 커뮤니케이션에 집중했습니다.

관리자

견적서 확인 + 1:1채팅 + 카테고리별 상품 진열 + 원하는 아이콘 등록

쇼핑몰 관리자가 빠른 변경과 확인을 도와줄 수 있도록 편리하게 제작하였습니다.

서브 디자인

통일성 있는 색감과 디자인, 구매와 찾기가 가능한 상품페이지

상품 상세 안에서 비슷한 상품 옵션 찾기 기능!
모든 페이지에서 최근 본 상품 확인 가능!
궁금한 문의사항이 있으면 바로 1:1 채팅 가능!

홈페이지 바로가기

광운대학교 정보과학교육원

  • PRODUCTION TYPE
  • 반응형
  • CLASSIFICATION
  • 교육, 대학교
  • MAIN COLOR

세련되고 심플한 디자인

큼직큼직한 구역 배분으로 사용자로 하여금 시선유도가 되게끔 하였습니다.
심플한 아이콘을 사용하여 원하는 정보를 쉽게 가져갈 수 있게 하고, 반응형으로 디자인되어 어떤 기기에서건 알맞게 보이게 하였습니다.

홈페이지 바로가기

파고다 영스페이스

  • PRODUCTION TYPE
  • 모바일, 웹
  • CLASSIFICATION
  • 쇼핑몰, b2b몰, 판촉몰, 위탁판매, 도매사이트
  • MAIN COLOR

메인 디자인

추천상품을 카테고리별로 진열하여 한눈에 상품을 볼 수 있습니다.
중간 미니 배너는 시선을 끌 수 있도록 컬러감 살려 디자인 작업하였습니다.

서브 디자인

기본에 충실한 담백한 디자인

전체적으로 깔끔한 레이아웃으로 심플하면서 깔끔하게 서브 페이지를 제작했습니다.

신한은행 고객사은품몰

  • PRODUCTION TYPE
  • 모바일, 웹
  • CLASSIFICATION
  • 쇼핑몰, 폐쇄몰
  • MAIN COLOR

메인 디자인

모던한 레이아웃과 깔끔한 상품 배치로 제품이 돋보일 수 있도록 배치하였습니다.
최대한 상품을 많이 진열해 클라이언트의 만족도를 높이고 전체적 아이덴티티 컬러로 포인트를 주어 디자인했습니다.

홈페이지 바로가기

광운대학교 전전공대

  • PRODUCTION TYPE
  • 모바일, 웹
  • CLASSIFICATION
  • 교육, 대학교
  • MAIN COLOR

메인 디자인

직관적인 정보를 전달하는 디자인

전자정보공과대학의 6개의 과를 과감하게 상단에 배치함으로써 직관적인 정보를 전달하였습니다.
또한 간결한 구획 나눔으로 사용자가 원하는 정보를 쉽게 볼 수 있게끔 디자인하였습니다.

홈페이지 바로가기

롯데칠성 오피스미니바

  • PRODUCTION TYPE
  • 모바일, 웹
  • CLASSIFICATION
  • 쇼핑몰
  • MAIN COLOR

명확한 정보를 전달하는 디자인

상품의 이미지를 크게 배치하여 사용자의 시선을 유도하게끔 디자인하였습니다.
또한 주요한 카테고리를 상단에 배치하여 사용자가 어디서든 원하는 카테고리로 이동가능 하게끔 제작하였습니다.

아이피드

  • PRODUCTION TYPE
  • 모바일, 웹
  • CLASSIFICATION
  • 홈페이지
  • MAIN COLOR

메인 디자인

풀 페이지로 디자인하여 메세지 전달에 효과적이며,
하단 소식과 광고 컨텐츠 배치로 사용자의 편의성을 고려하였습니다.

서브 디자인

보기 편한 레이아웃과 탭 구성

전체적으로 깔끔한 레이아웃 및 가독성을 고려하여 디자인하였습니다.
중간에 다른 페이지로 이동이 가능해서 사용자가 편리하게 사용 할 수 있도록 구축되었습니다.

홈페이지 바로가기

옵티팜

  • PRODUCTION TYPE
  • 모바일, 웹
  • CLASSIFICATION
  • 홈페이지
  • MAIN COLOR

메인 디자인

서브 디자인

홈페이지 바로가기

엑스비앙스

  • PRODUCTION TYPE
  • 모바일, 웹
  • CLASSIFICATION
  • 홈페이지
  • MAIN COLOR

메인 디자인

KDB비즈

  • PRODUCTION TYPE
  • 모바일, 웹
  • CLASSIFICATION
  • 홈페이지
  • MAIN COLOR

메인 디자인

홈페이지 바로가기

마니커 진심닭컴

  • PRODUCTION TYPE
  • 모바일, 앱, 웹
  • CLASSIFICATION
  • 쇼핑몰
  • MAIN COLOR

메인 디자인