CASE 05Noori Optometry2026.08

미국 검안원의
영문 사이트

미국 캘리포니아 Garden Grove에 있는 검안·안경원의 영문 홈페이지입니다.

업종: 검안·안경원 (미국 캘리포니아 Garden Grove)
형태: 영문 홈페이지 + 예약 연결
기간: 08.16 착수 → 08.28 완료
구성: 서비스 · 소개 · 매장 갤러리
오시는 길 · 예약
기술 스택: Cloudflare Pages · Cloudflare DNS · MX·SPF·DKIM · 반응형 HTML/CSS
호스팅: 고객 명의 Cloudflare Pages, 자체 도메인

Noori Optometry 데스크탑·모바일 화면 — PENNYPAGE WORKS · CASE 05noorieyecare.com

01과제

무엇을 받았고, 무엇을 했나

해외 매장은 전화번호·영업시간·예약 링크가 바뀌면 바로 손님을 놓칩니다. 그래서 연락처·주소·예약 링크를 site-config.js 한 파일의 상수로 두고 DOM에 주입해, 한 곳만 고치면 전 페이지가 함께 바뀌게 했습니다.

고객 명의 Cloudflare로 도메인을 옮기면서 MX·SPF·DKIM 메일 레코드까지 세팅해 웹사이트와 업무 메일을 함께 정리했습니다.

핵심 — 한 곳만 고치면연락처·주소·예약 링크를 한 파일에 모아, 매장 정보가 바뀌어도 전 페이지가 함께 바뀝니다.

02화면

히어로가 아니라 실제로 일하는 구간

Our Services — 검안·콘택트렌즈·방문 상담 카드 — 01Our Services — 검안·콘택트렌즈·방문 상담 카드

About — 매장 사진과 진료 소개 — 02About — 매장 사진과 진료 소개

매장 갤러리 · 예약 안내 배너 — 03매장 갤러리 · 예약 안내 배너

Find our office — 주소·연락처·진료시간·예약 — 04Find our office — 주소·연락처·진료시간·예약

03구성

이 사이트에 들어간 것

01
서비스 3종 카드검안·콘택트렌즈·방문 상담
02
매장 사진 갤러리실제 매장 내부 사진
03
예약 페이지 연결외부 예약 링크
04
site-config 단일 수정지점연락처·주소·예약 링크를 DOM에 주입
05
모바일 내비·스크롤 리빌모바일 메뉴와 스크롤 등장 효과
06
고객 명의 Cloudflare Pages·도메인도메인 이전 포함
07
MX·SPF·DKIM 메일 레코드업무 메일 수신·발신 정리

Noori Optometry 모바일 전체 화면

모바일 · 스크롤해서 보기

실제 사이트에서 확인하세요.

지금도 운영 중인 사이트입니다.

라이브 사이트 ↗미러본 보기 제작 문의