제작 문의
uriui · Landing page studio

업종에 맞는 랜딩페이지,기능까지 동작하게

업종 분위기에 맞춘 디자인에, 예약 달력·진료 상태 배지·한/영 전환·견적 폼 같은 기능을 실제로 동작하게 넣습니다. 만든 뒤에도 수정과 기능 추가를 이어서 맡습니다.

아래 샘플은 모두 가상 브랜드로 만든 제작 예시입니다.

결 필라테스필라테스 · 가상 브랜드
결 필라테스 랜딩 첫 화면(데스크톱)
바른결 치과의원치과 · 가상 브랜드
바른결 치과의원 랜딩 첫 화면(데스크톱)
한결정밀제조업 B2B · 가상 브랜드
한결정밀 랜딩 첫 화면(데스크톱)
느린숲 가평펜션 · 가상 브랜드
느린숲 가평 랜딩 첫 화면(데스크톱)
결 필라테스
결 필라테스 모바일 첫 화면
바른결 치과의원
바른결 치과의원 모바일 첫 화면
한결정밀
한결정밀 모바일 첫 화면
느린숲 가평
느린숲 가평 모바일 첫 화면
예약 가능일 달력요금 자동 계산진료 상태 배지예약 요청 폼한/영 전환제품 필터견적 폼 · 도면 첨부조명 인트로스크롤 모션모바일 하단 고정 바
Work

업종마다 다른 첫 화면

색, 글꼴, 사진 톤, 그리고 첫 화면에 둘 정보가 업종마다 다릅니다. 네 가지 샘플 모두 실제 매장이 아닌 가상 브랜드입니다.

Features

보여 주기만 하지 않고, 동작합니다

손님이 누르고 고르는 부분까지 만듭니다. 아래는 각 샘플 페이지에 실제로 들어간 기능을 줄여 옮긴 미리보기입니다.

진료 상태 배지

시간에 맞춰 진료 중·점심시간·진료 종료로 바뀝니다.

치과 샘플 →

예약 달력 · 요금 계산

날짜를 고르면 주중·주말 요금을 더해 합계를 보여 줍니다.

펜션 샘플 →
// CNC MACHINING · SINCE 2003

±0.005mm, 도면 그대로 깎습니다반도체·2차전지·의료기기 정밀부품

한/영 전환

버튼 하나로 페이지 문구가 영어로 바뀝니다.

제조업 샘플 →

제품 필터

분야를 누르면 해당 제품만 남습니다.

제조업 샘플 →

조명이 켜지는 첫 화면

어두운 리셉션에 불이 들어오며 페이지가 열립니다.

필라테스 샘플 →

운영하면서
필요한 기능을 더합니다

  • 예약·상담 신청 폼
  • 접수 알림 메일
  • 공지·이벤트 배너
  • 후기 모음
  • 지도·오시는 길
  • 다국어 페이지

기능 추가 · 유지보수

공개 후 문구 수정이나 기능 추가도 이어서 맡습니다.

문의하기 →
Process

제작은 이렇게 진행됩니다

상담부터 공개 후 관리까지 한 사람이 이어서 맡습니다. 일정과 범위는 상담에서 함께 정합니다.

  1. 01

    상담·기획

    업종과 손님이 먼저 찾는 정보, 필요한 기능을 정리합니다.

    • 참고 사이트
    • 섹션 구성
  2. 02

    디자인

    업종 분위기에 맞춰 색·글꼴·사진 톤을 정하고 첫 화면부터 그립니다.

    • 디자인 토큰
    • 모바일 화면
  3. 03

    개발·모션

    모바일 360px부터 맞추고, 달력·폼 같은 기능을 실제로 동작하게 만듭니다.

    • 스크롤 모션
    • 동작하는 기능
  4. 04

    배포·유지보수

    도메인에 연결해 공개하고, 이후 수정과 기능 추가를 이어서 맡습니다.

    • 문구·사진 교체
    • 기능 추가

한 번 만들고 끝나지 않게,
운영하며 조금씩 고쳐 갑니다

가격표, 영업시간, 이벤트처럼 자주 바뀌는 내용은 공개 후에도 바로 반영합니다. 예약 폼이나 다국어처럼 나중에 필요해진 기능도 같은 페이지에 이어 붙일 수 있습니다.

Contact

제작 문의

이런 랜딩페이지 제작 문의업종에 맞춰 기획·디자인·모션까지 제작합니다. 신청서를 남겨 주시면 이메일로 1~2영업일 안에 회신드립니다.메일로 문의 · support@uriui.com