건설/조경/부동산/인테리어

- Client
- 디에이그룹엔지니어링종합건축사사무소
- Date
- 2023.03.20
- Type
- 반응형
- Dev
- Linux / php / Mysql / PC / Mobile
- Part
- Movement K
디에이그룹의 홈페이지는 설계 회사로서의 핵심 가치인 정확성과 질서를 기반으로, 정교하게 설계된 그리드 시스템을 통해
시각적으로 구현하였습니다. 모든 콘텐츠는 철저한 공간 계산에 따라 배치되어, 안정감 있고 구조적인 레이아웃을 형성하며 건축 설계의 정밀함을 웹 환경에 자연스럽게 투영합니다. 이 같은 체계적인 구성은 정보 전달의 명료성을 높이는 동시에, 사용자에게 브랜드에 대한 신뢰감을 효과적으로 전달합니다. 또한, 전반적인 색상 체계는 그레이스케일을 주조로 구성하여 시각적 간결함을 유지하면서,
포트폴리오 이미지에 자연스러운 주목도를 부여하며 톤앤매너를 유지합니다.
실험적인 시도를 두려워하지 않는 디에이그룹의 정신을 반영하여, 섹션별 요소 일부를 비대칭형 레이아웃으로 적용했습니다.
이는 단순한 정형성에서 벗어나 시각적인 흥미를 유발하는 동시에, 특정 콘텐츠를 효과적으로 강조하는 차별화된 디자인 전략입니다.
시각적으로 구현하였습니다. 모든 콘텐츠는 철저한 공간 계산에 따라 배치되어, 안정감 있고 구조적인 레이아웃을 형성하며 건축 설계의 정밀함을 웹 환경에 자연스럽게 투영합니다. 이 같은 체계적인 구성은 정보 전달의 명료성을 높이는 동시에, 사용자에게 브랜드에 대한 신뢰감을 효과적으로 전달합니다. 또한, 전반적인 색상 체계는 그레이스케일을 주조로 구성하여 시각적 간결함을 유지하면서,
포트폴리오 이미지에 자연스러운 주목도를 부여하며 톤앤매너를 유지합니다.
실험적인 시도를 두려워하지 않는 디에이그룹의 정신을 반영하여, 섹션별 요소 일부를 비대칭형 레이아웃으로 적용했습니다.
이는 단순한 정형성에서 벗어나 시각적인 흥미를 유발하는 동시에, 특정 콘텐츠를 효과적으로 강조하는 차별화된 디자인 전략입니다.
- Function
- 기본기능 - 게시판, 팝업관리, 단체SMS발송, 관리자 페이지
추가기능 - WORKS관리
- #Keyword
-
- #K-Award 금상수상
- #반응형 홈페이지
- #기업 홈페이지 제작
- #포트폴리오
- #건축설계
Key Features


-
포트폴리오 중심의 시각적 디자인
건축 디자인 회사의 특성을 살려 홈페이지 전면에 다양한 건축 프로젝트 이미지를
배치했습니다. 사용자가 처음 접속했을 때 회사의 전문성있는 결과물을 한눈에 볼 수
있도록 시각적 요소를 최우선으로 내세운 점이 가장 큰 특징입니다.

-
미니멀리즘 기반의 그리드 레이아웃
복잡한 장식 보다는 사진 중심의 깔끔하고 정돈된 레이아웃을 사용하여 설계회사에 대한
전문적이고 현대적인 이미지를 전달합니다. 각 섹션이 깔끔하게 분리되어 있어 정돈된
느낌을 주며, 여백을 충분히 활용하여 답답함 없는 레이아웃을 완성하였습니다.

-
직관적인 아이콘과 타이포그래피
단순한 픽토그램을 활용하여 각 메뉴의 의미를 쉽게 이해 할 수 있도록 돕습니다.
또한, 그레이스케일의 차분한 색상을 주조로 사용하여 고급스러우면서 분위기를 연출하고
가독성이 높은 서체와 대비를 통하여 정보 전달력을 높였습니다.

-
스크롤을 통한 기업 스토리 전달
스크롤을 내리면 디에이그룹의 포트폴리오, 기업에 대한 설명과 사업분야를 동적인
효과를 통해 순차적으로 부드럽게 전환됩니다. 하나의 스크롤 흐름으로 자연스럽게
연결하여 기업의 스토리를 전달할 수 있습니다.
반응형 설계로 모바일까지 완벽 대응
이번 리뉴얼을 통해 디에이그룹 홈페이지에 접속하는 사용자는 PC, 태블릿, 모바일등 기기에 따라 최적화된 화면을 제공하는
반응형 홈페이지로 제작되었습니다. 레이아웃은 모든 환경에서 시각적 통일성을 유지하며, 핵심 콘텐츠인 건축 포트폴리오를 효과적으로 보여줍니다.
PC에서는 넓은 화면을 활용해 상세한 프로젝트 정보와 이미지를 제공하고, 모바일에서는 터치 조작에 적합하게 콘텐츠를 재배치하여 가독성과 사용자 경험을 극대화합니다.

TOP