SMPMC

메인페이지 디자인 컨셉 4안

네 안 모두 같은 콘텐츠 · 같은 IA · 같은 9개 섹션입니다. 어떤 인상을 주는지만 비교하시면 됩니다.

브랜드 레드 #a5122aPretendard국문 1차 제공 이미지 12종 적용Desktop · Tablet · Mobile
마음에 드는 안에 투표해 주세요. 각 안을 새 창에서 충분히 둘러보신 뒤 골라주세요. 표는 언제든 바꿀 수 있습니다. 아직 투표하지 않았습니다
CONCEPT A

SIGNATURE

관제 골격 + 건축 타이포

C안의 다크 관제 골격에 B안의 초대형 타이포·여백·헤어라인 그리드를 얹은 통합안입니다. 히어로는 실사 사진 위 다크 처리 + 운영 지표 패널, 사업영역은 화면 전체 이미지 전환, 미래운영은 네트워크 다이어그램입니다.

인상
대형 자산을 운영하는 기술 기반 PM사
배경
다크 시작 → 화이트 본문 → 다크 마감
모션
마스크 텍스트 리빌 + 관제 로그 틱
강점
  • 무게감과 기술 메시지를 동시에 잡음
  • 화이트 구간에서만 그리드 라인이 켜져 리듬이 생김
  • 사진이 부족해도 다크 구간이 버텨줌
리스크
  • 네 안 중 가장 복잡 — 구현·유지 비용이 가장 큼
  • 다크/화이트 전환이 잦아 톤 관리가 필요
A안 열어보기
CONCEPT B

ARCHITECTURE

건축 에디토리얼

화면 전체에 얇은 그리드 라인을 깔고 초대형 타이포와 여백으로 끌고 갑니다. 사업영역은 화면 전체가 이미지로 전환되고, 운영자산은 매거진식 비대칭 배치입니다.

인상
글로벌 부동산 · 건축사무소
배경
화이트 지배 + 사업영역·미래운영만 블랙
모션
마스크 텍스트 리빌 (느리고 큼)
강점
  • 가장 고급스럽고 격이 높아 보임
  • 지시서의 “대형 사진·큰 타이포·여백” 원칙에 가장 충실
리스크
  • 사진 품질에 가장 크게 의존
  • 기술·데이터 역량은 상대적으로 덜 드러남
B안 열어보기
CONCEPT C

INDEX

인덱스 레일 + 레드 라인

좌측에 목차가 항상 붙어 있고 본문만 흐릅니다. 지금 어디를 보는지 늘 알 수 있습니다. 다크 구간이 하나도 없고 레드를 구조선으로 씁니다. 운영자산은 스크롤하면 옆으로 흐릅니다.

인상
정돈된 글로벌 부동산 회사
배경
백색 · 연회색만 · 마지막 CTA만 레드
모션
가로 스크롤 · 인덱스 추적 · 인라인 이미지
강점
  • 구조가 한눈에 보여 탐색이 가장 쉬움
  • 네 안 중 유일하게 다크가 없어 톤이 가장 일관됨
  • 레드를 제대로 쓰는 유일한 안 — 브랜드가 또렷함
리스크
  • 레일이 화면 폭을 290px 잡아먹음
  • 가로 스크롤은 호불호가 갈림
C안 열어보기
CONCEPT D

MINIMAL

정제 미니멀 · 시안 계승

주신 디자인 컨셉 시안을 그대로 발전시킨 안입니다. 중앙 정렬, 큰 여백, 둥근 모서리. 사업영역과 운영자산은 가로 스크롤 스냅으로 넘겨봅니다.

인상
정제 · 모던 · 읽기 쉬움
배경
화이트·라이트그레이 교차 + 미래운영 블랙
모션
부드러운 페이드업 (가장 절제)
강점
  • 가독성·접근성이 가장 좋음, 모바일에서 특히 강함
  • 시안 승인 이력이 있어 내부 설득이 가장 쉬움
리스크
  • 흔함 — 국내 기업 홈페이지에서 이미 많이 쓰는 톤
  • “대형 자산을 운영하는 회사”라는 무게감은 가장 약함
D안 열어보기

보실 때 이 두 곳을 먼저 봐주세요

1. 사업영역 (SECTION 03)

  • A — 다크 배경 위 풀블리드 이미지 전환 + 초대형 목록
  • B — 화면 전체 배경이 이미지로 전환되는 풀블리드 목록
  • C — 목록에 마우스를 올리면 그 자리에서 사진이 펼쳐짐
  • D — 가로 스크롤 카드 (스냅 이동)

2. 미래운영 (SECTION 06)

  • A — 블랙 반전 + 네트워크 다이어그램
  • B — 블랙 반전 + 2열 목록
  • C — 블랙 없이 레드 라인으로 잇는 5단계
  • D — 블랙 + 라운드 카드 5개

네 안 모두 확정 전인 항목

  • 숫자 — 32개소 / 240만㎡ / 6종 / 15년은 임의값입니다. “고객 만족도 98%”는 근거 없이 대외 게시 시 표시광고 리스크가 있어 제외했습니다
  • 사업장명 — 예시이며, 호텔은 자산주 확인 전이라 “호텔 자산”으로만 표기했습니다
  • 미래운영 라벨 — “구축 중 / 추진 방향” 구분은 사업부 확인이 필요합니다
주신 이미지에 대한 확인 사항

이미지에 파란색 SMPMC 로고와 “Sustainable Management Premium Construction” 문구가 들어가 있습니다. 사이트는 레드(#a5122a)를 쓰기로 했으므로 사진 속 파란 로고와 어긋나 보이고, 영문 표기도 확정된 사명 풀이인지 확인이 필요합니다. 실제 촬영본으로 교체하면 자연히 해소되지만, 이 이미지를 계속 쓰신다면 로고가 없는 버전으로 다시 만드는 편이 좋습니다.

SMPMC 홈페이지 리뉴얼 · 2단계 산출물 SMPMC OFFICE LEASING (기존 임대게시판) →