엠블럼
캐릭터
캐릭터
캐릭터
이미지

말보단 실행, 상황보다 전략
마곳간

꾸밈이미지 꾸밈이미지

마곳간 웹사이트 구축

Client 마곳간
Date 2025-06
Type 반응형 홈페이지

‘마곳간 웹사이트’는 미래 기술 전문 기업의 브랜드 정체성을 강조한 하이테크 감성 기반의 기업형 사이트입니다.
‘첨단 기술력 + 신뢰감 있는 비주얼’을 핵심으로, 3D 오브젝트와 네온 블루 라이트 효과를 활용해 기업의 혁신성과 전문성을 감각적으로 표현하였습니다.

메인페이지는 입체적인 구조와 블루 컬러 조명을 중심으로 구성되어 기술의 흐름과 발전성을 시각적으로 전달하며,
데이터 중심형 섹션 구성
으로 기업의 성과와 비전을 체계적으로 보여줍니다.

디자인은 다크 톤 베이스에 블루 & 글로우 포인트 컬러를 사용하여 고급스럽고 미래적인 인상을 주며,
스크롤 인터랙션과 CTA 반복 배치를 통해 사용자의 탐색 흐름을 자연스럽게 유도하도록 설계되었습니다.

그림자 이미지 그림자 이미지
이미지
이미지
이미지
이미지
이미지
이미지
이미지
이미지

Design Concept

#Futuristic

미래지향적 + 테크 감성 중심의
하이테크 스타일

#Neon

블루 & 블랙 기반 네온톤 컬러 팔레트로
AI / IT / 기술 브랜드 이미지 강조

#Reflexive

입체감 있는 조명, 유리 재질감, 반사 효과로
고급스러움과 신뢰감 연출

#Minimal

여백이 많고 구조적인 레이아웃으로
시각적 집중도를 높임

English TEXT
Pretendard

ABCDEFGHIJKLNMOPQRSTUVWXYG

KOREAN TEXT
Pretendard

가나다라마바사아자차카타파하

color system
  • #00A1FF
    ~ #002BFF
  • #1A1A22
  • #1668FF
  • #FFFFFF
이미지

PC MAIN Design

블루&블랙 네온톤을 기반으로 한 하이테크 감성의 메인페이지로, 미래지향적이고 기술적인 브랜드 이미지를 강조했습니다.
3D 조명 효과와 구조적인 레이아웃을 통해 깊이감과 고급스러움을 동시에 표현했습니다.

페이지 뷰
페이지 뷰
페이지 뷰
페이지 뷰
페이지 뷰
페이지 뷰
페이지 뷰
페이지 뷰

Mobile Design

세로 스크롤 중심의 플로우로 구성하여 콘텐츠 흐름을 자연스럽게 유지하고, 카드형 블록 레이아웃으로 가독성과 접근성을 높였습니다.
블루 포인트 버튼과 다크톤 배경의 대비를 통해 터치 유도성을 강화하며, 핵심 정보 위주로 구성해 시각적 복잡도를 최소화했습니다.

페이지 뷰
페이지 뷰
페이지 뷰
이미지 실시간 문의하기