2023 웹 디자인 트렌드 분석과 전망
- 2023년 02월 09일
- Trend News, Web Design
창작물 크라우드 펀딩 솔루션 스타트업
팬톡
Fantock
- WordPress
- Responsive Web
- Server Setting
창작물 크라우드 펀딩 솔루션 개발을 준비하는 고려대학교 산학협력 스타트업 기업 팬톡(Fantock) 기업 소개 웹사이트는 메인 페이지 한장에서 모든 정보 제공이 이루어지는 원페이지(One Page) 방식의 웹사이트로 구축 해드렸습니다.
원페이지 웹사이트는 모든 정보가 메인 페이지 한장에서 구현되고, 네비게이션 메뉴에서 원하는 항목을 클릭시 해당 항목으로 자동 스크롤되어 보여지는 비교적 최근에 유행하는 스타일 입니다. 특히 모바일 시대에 들어서면서 서브 페이지로 이동 보다는 한 페이지에서 스크롤하여 모든 정보를 얻을 수 있는 편이성이 이러한 원페이지 스타일의 유행을 가져왔습니다.
– Full Screen Banner & Parallax Scrolling –
원페이지(One Page) 스타일로 구현 된 Fantock 기업 소개 반응형 웹사이트의 페이지 상단에는 패럴렉스 (Parallax) 효과가 가미된 풀 스크린(Full Screen) 배너를 적용하였으며, 페이지의 중간 중간에도 패럴렉스 (Parallax) 효과를 가미하여 트렌드를 반영했습니다.
– Design Concept Planning –
기획 단계에서 IT Tech 스타트업 기업인 Fantock의 특성과 기업 로고의 아이덴티티를 고려하여 웹사이트에서 사용될 폰트와 컬러 컨셉을 규정하였습니다.
비교적 밝은 분위기의 톤앤매너를 원하시는 클라이언트사의 요구사항을 반영하여 사이트 구성 컬러 챠트를 만들었습니다.
또한, Fantock 웹사이트의 유니크함을 더하기 위해 서비스 소개 아이콘들을 제작하고 거기에 애니메이션을 적용하였습니다.
– Neumorphism –
새로운(New) 스큐어모피즘(Skeuomorphism)을 뜻하는 뉴모피즘(Newmorphism) 디자인은 객체(Object)와 배경간의 구분을 그림자로 함으로 입체적이고 볼륨감 있는 느낌의 디자인 스타일 입니다.
최신 그래픽 트랜드인 뉴모피즘(Newmorphism)을 그래픽 컨셉으로 사용하여 이미지와 컬럼, 버튼 등의 요소가 입체적으로 나타나도록 구현하였으며, 마우스 오버에 따라 입체감의 차이가 나도록 효과를 부여함으로써 더욱 인터렉티브한 웹사이트가 될 수 있도록 하였습니다.
글로벌 웹 사이트 트렌드 : 쿠보타 퓨처 큐브(Kubota Future Cube)
- 2022년 12월 01일
- Trend News, Web Design
워드프레스 웹 사이트 사례 3 : 패션, 뷰티, 건강, 스포츠
- 2019년 06월 30일
- Web Design
– Sub Banner & Popup –
신생 IT 스타트업 기업인 Fantock의 웹사이트 프로젝트에서 중점을 두었던 또 한가지 부분은 정식 서비스 이전에 방문 고객의 관심도를 측정하는 역할이었습니다.
따라서 창작자와 투자자 각각의 방문자를 위한 배너를 만들고 서비스 버튼을 클릭시 준비중 팝업창이 나타나면서 구글 분석도구에서 클릭율을 측정하는 기능을 적용해드렸습니다.