Northlight Framing

실제 페이지를 스크롤하며 녹화한 화면입니다(40초, 소리 없음). 데스크톱 1440×900 · 모바일 390×844 에서 검수했습니다.

섹션 화면

섹션 순서

위에서 아래 순서입니다. 내비게이션과 푸터는 모든 페이지에 들어 있어 뺐습니다.

1. 01
   HeroH5 Place & Service

   Workshop photo beside a four-cell summary: from-price, lead time, today's hours and last consultation.

   H5 Place & Service: what this place does, where, and when it is open in the first view.

2. 02
   Services상품·서비스

   Three numbered rows — custom framing, conservation framing, free consultation — each with price, what's included and a proof photo.

   Every service explained once in the same shape, so they compare at a glance.

3. 03
   How it works이용 과정

   Pinned scroll-scrubbed sequence of one print: bare → mount → moulding → closed frame, synced to a 3-step list.

   Shows the process itself instead of describing it.

4. 04
   Try the options시연

   Option explorer: moulding, mount and glass change only those pixels on the same photo, with a live sample price.

   The visitor learns what each choice does and costs before visiting.

5. 05
   Finished frames작업·결과

   Horizontal scroll of four finished pieces, each with its full spec line.

   Real outcomes across different kinds of work.

6. 06
   Visit문의·위치

   Address, weekly hours with last consultation times, drawn map and a day planner.

   Answers where and when, and turns it into a planned visit.

7. 07
   FAQ자주 묻는 질문

   Sizes, glass, lead times, bringing work in and collecting it.

   The practical questions a first-timer asks at the counter.

8. 08
   CTA행동 유도

   The same print finished on a wall, with the options guide and visit link.

   Closes the story the process sequence started.

조건별 변형

레시피는 만들기 전에 세 가지를 묻고, 답에 따라 아래 규칙으로 섹션을 바꿉니다.

스타일

Clarity — 12-column grid, hairline rules, numbered rows, gallery white, ink buttons, one vermilion accent