Morqelia 웹디자인 스튜디오 Morqelia 웹디자인 스튜디오

Morqelia 웹디자인 스튜디오 — 스튜디오 소개

우리가 홈페이지를 만드는 방식

Morqelia는 대구에서 시작한 작은 웹디자인 스튜디오입니다. 홈페이지 제작 대구 시장에서 저희가 고른 자리는 속도와 접근성의 자리입니다. 예쁜 시안보다 오래 쓰는 구조를 중시합니다.

작은 화면에서 먼저 통하는 홈페이지. 한국형 웹 접근성 기준과 KRDS 같은 표준을 민간 작업에 맞게 풀어 씁니다. morqelia.info에 남는 모든 문장은 실제 작업에서 나온 말입니다.

Contrast readout

4.5:1

본문 대비 4.5:1을 기준으로 검수합니다.

Where we started

시작한 자리

대봉로 작업실에서 템플릿 수정부터 시작했습니다. 같은 실수가 반복되는 것을 봤습니다.

  • SHEET A

    모바일에서 깨지는 화면

    작은 화면을 나중에 맞추면 구조부터 어긋납니다. 그래서 모바일 우선으로 시작합니다.

  • SHEET B

    키보드에 갇히는 팝업

    마우스로만 닫히는 팝업은 절반의 방문자를 막습니다. 접근성을 앞에 둡니다.

  • SHEET C

    길어지는 결제와 문의

    단계가 하나씩 늘 때마다 이탈이 늡니다. 기획 순서를 바꿔 흐름을 짧게 잡습니다.

코르크 압정판에 꽂힌 체크 시트와 재단 자

대구 홈페이지 제작 업체 중에서도 순서를 분명히 말합니다

설계 철학 세 가지가 아닌 둘

읽히고, 닿아야 합니다. 읽힘은 가독성과 행간, 텍스트 간격의 문제입니다. 닿음은 버튼과 문의까지 거리의 문제입니다. 이 둘을 잡으면 디자인은 단순해집니다. 장식은 그 다음입니다.

How we build

웹디자인 작업 방식

상담, 구조, 시안, 검수, 공개 순으로 갑니다. 같은 사람이 상담부터 검수까지 맡아 말이 바뀌지 않게 합니다.

마일라 overlays를 도면 종이에 맞추는 작업
  • 상담목적과 방문자를 정합니다. 무엇을 파는지, 누구에게 닿아야 하는지 먼저 적습니다.
  • 구조메뉴와 전환 흐름을 그립니다. 중요한 문장만 위로 올리고 나머지는 검색과 분류로 연결합니다.
  • 시안실제 문장으로 화면을 채웁니다. 더미 텍스트로 빈 화면을 넘기지 않습니다.
  • 검수키보드와 스크린리더, 저속 네트워크로 확인합니다. 대비 4.5:1을 기준으로 읽힘을 잽니다.
  • 공개공개 후에는 운영 문서를 넘깁니다. 원고 작성을 돕는 질문지와 관리 순서를 함께 드립니다.

가독성 디자인에 대한 입장

한국어 본문은 자간보다 행간이 먼저입니다. 작은 화면에서 줄 길이를 짧게 잡습니다. 링크와 버튼은 색만으로 구분하지 않습니다. 밑줄과 아이콘, 여백을 함께 씁니다. 미니멀 레이아웃은 비움이 아니라 순서입니다.

교정지 위 원고의 행간을 살피는 손

미니멀 레이아웃을 고르는 이유

정보가 많은 한국 사이트일수록 비움이 필요합니다. 다 보여주면 아무것도 안 보입니다. 중요한 문장만 위로 올립니다. 나머지는 검색과 분류로 닿게 합니다.

AI 개인화 요소도 이 정리 위에만 얹습니다. 추천이 탐색을 돕는 선을 넘지 않게 합니다.

카페 테이블 위에서 짧은 결제 흐름을 확인하는 모습

표준을 쓰는 태도

KRDS의 컴포넌트와 서비스 패턴을 존중합니다. 공공 UI가 쌓은 학습을 민간에서 다시 발명하지 않습니다. KWCAG 2.0의 22개 항목부터 이어진 원칙을 기억합니다. 인지 가능하고, 조작 가능하고, 이해 가능하게 둡니다.

웹디자인 작업 방식 메모

대구 홈페이지 제작을 찾는 분께 드리는 약속: 짧은 동선, 읽히는 본문, 키보드로 끝까지 가는 검수.

웹 접근성 가이드 보기

Visit and contact

만나서 일하는 스튜디오

  1. 01주소는 25, Daebong-ro, Jung-gu, Daegu, 41936입니다. 전화 +82-53-421-9903으로 연락하면 일정을 잡습니다.
  2. 02대면 미팅이 어렵면 화상으로 진행합니다. 운영 시간은 월–금 09:00–18:00입니다.
  3. 03원고 작성을 돕는 질문지를 드립니다. 같은 사람이 상담부터 검수까지 맡습니다.
창가 작업대 위 켜진 램프와 노트북

하지 않는 일

과한 모션으로 본문을 가리지 않습니다. 자동 재생 오디오를 넣지 않습니다. 스크롤을 잠그거나 뒤로가기를 막지 않습니다. 방문자 흐름을 방해하는 장치는 쓰지 않습니다.

이 원칙은 광고 심사와 검색 품질에도 맞습니다. KRDS 디자인 시스템과 전환 UX 트렌드에서 같은 기준으로 이어집니다.

저녁 빛이 드는 스튜디오 복도와 종이 뭉치

오래 쓰는 구조가 예쁜 시안을 이깁니다

웹디자인 스튜디오 소개를 다 읽으셨다면, 다음은 작업 범위를 정할 차례입니다. 신규 제작과 리뉴얼, 최적화 중 어디에 가까운지 알려주세요. 거기서부터 구조를 그립니다.