image

웹페이지 개발

모래 웹디자인이 제공하는 서비스들을 모아둔 페이지입니다.
기본제공 샘플 웹페이지, 그리고 추가 가능한 옵션들을 둘러보시 수 있습니다.

반응형 웹 디자인,
저희는 기본옵션 입니다.

기기별로 다르게 표현되는 화면

데스크톱 뿐만이 아니라 웹페이지를 접속 가능 한 모든 기기의 화면 사이즈에 따라 화면 구성과 크기가 조절됩니다.

큰 화면에서는 많은 정보를,
작은 화면에서는 간략하게.

화면 크기별로 보여줄 수 있는 내용이 다릅니다. 고객과의 소통을 통해 필요한 정보를 선별하여 화면에 표현합니다.

Screenshot
image

저희는 웹페이지를 이렇게 개발합니다.


문의


견적


개발


컨펌


업로드

Pic

기본형

  • 3 페이지 또는 4 섹션
  • 고객이 주신 이미지 사이즈 조절
  • 기본 SNS 주소 링크(아이콘)
샘플 (원페이지) 샘플 (멀티페이지)
Pic

심화형

  • 알찬 5 페이지
  • SNS 타임라인
  • 이메일 폼
  • 지도 (1 맵마커)
  • 지도 1개
샘플 보기
Pic

고객맞춤형

  • 특별한 제한 없이
    고객이 원하는 방향으로 개발
  • 관리 페이지 기능 가능 :
    고객이 직접 컨텐츠 수정 가능
  • 방문 상담 요망
문의하기
image
3

진행중인 작업

8

완료된 작업

37

만족한 고객

134

새로운 아이디어

추가 가능 옵션 리스트

  • 페이지 또는 섹션
    페이지 또는 섹션 추가

    각 등급별로 작업 가능 한 페이지 수 그리고 섹션 수가 한정되어있습니다.
    그 페이지 또는 섹션 수가 모자르다고 느끼신다면 숫자는 추가 가능합니다.

    추가되는 페이지 또는 섹션은 기본 옵션과 똑같이 각각 250개의 단어, 그리고 최대 5개의 이미지가 삽입 가능합니다.

  • SNS 타임라인
    SNS 타임라인 추가

    본인 또는 기업의 소셜 네트워크 정보를 그대로 당신의 웹 페이지 안에 표현 가능합니다.

    업데이트 되는 최신 게시물 또는 트윗을 가져올 수 있으며 순서대로 표현하며 타임라인을 보여줍니다. 다른 옵션으로는 좋아요 또는 팔로우 버튼만을 표현하여 페이지를 방문하는 사람들이 쉽게 고객님의 SNS에 접근할 수 있도록 도와줍니다.




  • 이메일 폼
    이메일 폼 추가

    당신의 웹페이지에 직접적으로 당신의 이메일 주소로 이메일을 보낼 수 있는 입력창을 넣을 수 있습니다. 이 입력창들을 이용해서 방문인에게서 필요한 정보를 전부 입력받은 후, 간단히 버튼 클릭 한번으로 당신의 이메일로 그 내용을 받아 볼 수 있는 것 입니다.

  • 지도
    지도 추가

    구글 맵을 이용하여 원하는 위치에 맵 마커를 띄운 지도를 표현합니다.

    하나의 지도 위에 여러개의 맵 마커를 띄울 수 있으며 여러개의 지도를 한번에 표현 할 수도 있습니다. 지도 각각 스타일을 다르게 표현 가능합니다.

  • 슬라이드
    슬라이더 또는 슬라이드 추가

    슬라이더는 슬라이드들을 담고있는 틀 자체를 의미하며 넘어가는 페이지들 하나하나 각각 슬라이더라고 표현합니다.

    기본적으로 슬라이더 1개에 3개의 슬라이드가 들어갑니다. 자동으로 일정 시간이 지나면 슬라이드가 하나씩 넘어가며 내용을 표현합니다. 시간 간격은 원하는대로 설정해드리며 슬라이더 하나에 여러개의 슬라이드를 추가할수도, 페이지나 섹션 자체에 여러가지의 슬라이더를 넣을 수도 있습니다.

    작은 슬라이더 안에는 여러개의 작은 이미지가 리스트 형식으로 표현됩니다.

    슬라이더(대)

    • 슬라이드 1

    • 슬라이드 2

    • 슬라이드 3

  • 메뉴/제품 리스트
    메뉴 또는 제품 리스트 표현

    메뉴 또는 제품의 사진과 리스트를 웹페이지에 표현하실 수 있습니다.
    해당 옵션의 경우, 미리 준비된 카테고리, 메뉴 또는 제품의 사진(옵션), 그리고 각 메뉴 또는 제품의 간략한 정보들이 필요합니다. 옵션 추가를 생각하신다면 미리 고려해주세요.

    아래의 이미지와 같이 표현되며 기능을 직접 사용해보시려면 저희 포트폴리오 중, '장타발'을 방문해보시기 바랍니다.

  • 정보 기반 애니메이션
    정보 기반 애니메이션 섹션 추가

    정말 강조하고싶은 숫자 또는 시간이라 눈에 띄게 하고싶으시다면 그 정보에 애니메이션을 넣어 눈이 그쪽으로 향하도록 도와드릴 수 있습니다.
    종류로는 움직이는 가로 바 그래프, 카운터, 그리고 날짜 카운트다운이 있습니다.

    ITEM 1
    ITEM 2
    ITEM 3
    Background
  • 가격표
    가격표 추가

    당신의 서비스에 대한 가격을 대략적으로 깔끔하게 표현하고싶으시다면 이 기능을 추천합니다.
    웹사이트에 보기 쉬운 표를 구성, 표현하여 방문하신 분들이 쉽게 가격에 대한 정보를 보실 수 있습니다.

  • 갤러리
    갤러리 페이지 / 섹션 추가

    사진을 효과적으로 깔끔하게 표현하고, 각 사진을 클릭하면 큰 사진을 보여주거나 또는 상세 페이지를 띄울 수 있습니다.

  • 비디오 업로드
    비디오 업로드

    유투브, 또는 비메오를 이용해 비디오 파일을 업로드하고, 그 업로드 된 비디오를 웹페이지에서 재생할 수 있도록 만들어드립니다.

  • 마우스 오버 효과
    마우스 오버 효과 추가

    각각의 버튼 또는 링크들은 클릭하면 페이지로 이동하거나 해당 기능을 활성화시킵니다.
    하지만 아무런 효과가 없으면 방문자들이 쉽게 이 버튼 또는 링크가 클릭이 가능한것인지 인식하기 힘들다고합니다.

    다양한 마우스 오버 효과로 프로페셔널한 웹페이지를 만들어보세요.

  • 글 접기 효과
    글 접기 효과 추가

    너무 많이 나열되어 있는 내용은 오히려 방문한 사용자가 내용을 읽기 힘들게 만들곤 합니다.
    그런 상황을 피하면서도 효과적으로 내용을 표현 할 수 있도록 글 접는 FOLD 효과를 쓰실 수 있습니다.

    • Sample 1

      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

    • Sample 2

      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

    • Sample 3

      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

    • Sample 4

      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

    위의 예제와 같이 한번에 여러 탭을 열어 정보를 볼 수 있고, 원하신다면 한 화면에서 한 탭만 열릴 수 있도록 설정할 수 있습니다. 주로 FAQ 또는 분야가 나누어져있는 설명문에 적합합니다.