블록체인 기반의 맞춤형 정보 보안 솔루션을 제공하는 IT 기술 기업 (주)마크애니체인버스( 사명 변경 전 : 마크애니 디앤디 )의 신규 웹사이트 개발 프로젝트를 담당하여, 워드프레스 기반으로 트렌디한 디자인의 IT벤처 기업 웹사이트를 제작해드렸습니다.
고객사에서 희망하시는 요구사항을 바탕으로 뉴모피즘(Neumorphism) 디자인을 중심으로 컨셉 기획 및 웹사이트 구성기획, 디자인, 개발의 전체 프로세스를 진행해드렸습니다.
또한, 일러스트레이션 위주의 그래픽과 독창적인 아이콘을 희망하시는 고객사를 위해서 일러스트레이션 그래픽의 커스터마이징과 2.5D 스타일의 아이콘 Set를 직접 디자인/개발하여 웹사이트에 적용해드렸습니다.
사이트 전반에 동적 인터랙션과 애니메이션 효과를 가미하여 일러스트레이션과 애니메이션으로 젊고 활발하며 유쾌한 느낌의 IT벤처 기업 이미지를 만들어드리는데 주력한 프로젝트입니다.
– Illustration & Animation –
메인 페이지를 비롯한 모든 페이지들에는 일러스트레이션이 그래픽 메인 요소로 구성되었으며 인터렉티브한 애니메이션 효과를 일러스트레이션 요소에 적용해 친근하고 재미있게 어려운 기술적 내용들을 풀어내는데에 주력했습니다.
– Design Concept Planning –
IT 기술 기업 (주)마크애니체인버스의 특성과 기업 로고의 아이덴티티를 고려하여 웹사이트에서 사용될 폰트들을 규정하였으며, 컬러 컨셉은 기업 로고의 컬러를 기준하여 포인트 컬러와 서브 컬러들을 구성하였습니다. 전반적으로 다크 블루의 배경톤을 중심으로 화이트와 블루 계열의 라이트 그레이 컬러를 번갈아 배경에 사용하여 고급스러운 톤앤매너를 기획하였습니다.
사이트 전반에서 기술적 내용을 설명하기위한 2.5D 스타일의 아이콘 Set를 직접 디자인/고도화하여 애니메이션과 함께 웹사이트에 적용해드렸습니다.
– Neumorphism –
새로운(New) 스큐어모피즘(Skeuomorphism)을 뜻하는 뉴모피즘(Newmorphism) 디자인은 객체(Object)와 배경간의 구분을 그림자로 함으로 입체적이고 볼륨감 있는 느낌의 디자인 스타일 입니다. 최신 그래픽 트랜드인 뉴모피즘(Newmorphism)을 그래픽 컨셉으로 사용하여 이미지와 컬럼, 버튼 등의 요소가 입체적으로 나타나도록 구현하였으며, 마우스 오버에 따라 입체감의 차이가 나도록 효과를 부여함으로써 더욱 인터렉티브한 웹사이트가 될 수 있도록 하였습니다.
– Inquiry Banner & Form –
신생 IT 기술 기업인 (주)마크애니체인버스의 웹사이트 프로젝트에서 중점을 두었던 또 한가지 부분은 방문 고객의 문의를 유도하는 온라인 영업의 역할이었습니다. 따라서 메인 페이지를 비롯한 모든 페이지의 하단에 방문 고객의 서비스 도입 문의를 유도하는 배너를 제작/적용 하였으며, 도입 문의 배너에서 링크로 연결되는 문의 페이지에 고객의 도입 문의를 담당자의 이메일로 전송해주는 문의 폼을 커스터마이징하여 적용하였습니다.