MATPLAZA
건축 자재 전문 매트프라자는 회사홍보 및 비지니스 소개를 위해 홈페이지를 리뉴얼 했습니다.
사이트를 이용하는 주 타깃이 주로 보수적인 성향을 가지는 특성을 고려하여 보수적인 무게감과 절제된 디자인을 가져가면서도 기존 올드하게 느껴지는 이미지를 탈피하고 지루하지 않도록 하는 것이 중요했습니다. 건축 자재 외에도 총 7개의 비지니스 영역 가지고 있는 방대한 분량을 일관되게 정리하고, 단순히 레퍼런스 북처럼 느껴지지 않도록 하기 위해 약간의 인터랙티브한 요소를 활용하여 사이트 전반에 활력을 넣고 재미요소를 더하고자 했습니다.MATPLAZA, a construction materials specialist, has renewed its website to promote the company and introduce its business.
Considering that the main target users tend to be conservative, it was important to maintain a conservative weight and restrained design while breaking away from the existing old-fashioned image and keeping it interesting. In addition to construction materials, we wanted to consistently organize the vast amount of content across 7 business areas, and to prevent it from feeling like just a reference book, we utilized some interactive elements to add vitality and fun elements throughout the site.
사이트를 이용하는 주 타깃이 주로 보수적인 성향을 가지는 특성을 고려하여 보수적인 무게감과 절제된 디자인을 가져가면서도 기존 올드하게 느껴지는 이미지를 탈피하고 지루하지 않도록 하는 것이 중요했습니다. 건축 자재 외에도 총 7개의 비지니스 영역 가지고 있는 방대한 분량을 일관되게 정리하고, 단순히 레퍼런스 북처럼 느껴지지 않도록 하기 위해 약간의 인터랙티브한 요소를 활용하여 사이트 전반에 활력을 넣고 재미요소를 더하고자 했습니다.MATPLAZA, a construction materials specialist, has renewed its website to promote the company and introduce its business.
Considering that the main target users tend to be conservative, it was important to maintain a conservative weight and restrained design while breaking away from the existing old-fashioned image and keeping it interesting. In addition to construction materials, we wanted to consistently organize the vast amount of content across 7 business areas, and to prevent it from feeling like just a reference book, we utilized some interactive elements to add vitality and fun elements throughout the site.
mission
Mission. 1
올드한 이미지를 벗어나 새로운 이미지를 제안하되, 지나치게 튀지 않도록 균형을 잡는 것이 필요했습니다.We aimed to break away from the existing old-fashioned image and keep it interesting while proposing a new image.
Mission. 2
7개의 다양한 비지니스 영역을 최대한 복잡하게 보이지 않으면서도 동시에 지루하게 보이는 것을 방지할 전략이 필요했습니다.We wanted to consistently organize the vast amount of content across 7 business areas, and to prevent it from feeling like just a reference book, we utilized some interactive elements to add vitality and fun elements throughout the site.
direction
Direction. 1
전체적인 UI구성은 단순하게 가되, 기존 자재 이미지를 Ai툴을 적극 활용하여 최대한 고화질, 세련된 이미지로 교체하고자 했습니다.We simplified the overall UI design but used AI tools to replace the existing material images with high-quality, sophisticated images.
Direction. 2
인터랙티브 모션을 통해, 단순화 된 UI속에 사용자가 재미를 느낄 수 있도록 연출했습니다.We used interactive elements to add vitality and fun elements to the simplified UI, making the site more engaging and memorable for users.
development
Front-end
NEXT.js, GSAP, SASS
Back-end
Vercel, Prismic
Contact@RAYRAYlab.com
business
UXUI design, Web development, Branding, Planning
address
Seoul, Republic of Korea
phone
+82)10 3026 3156
instagram
©ALL CONTENT RESERVED BY RAYRAYlab