문의하기

블로그 보기

위지윅[WYSIWYG]을 통해
쉽게 홈페이지를 관리할 수 있습니다.
intropage는
문서 기반 홈페이지 제작 툴입니다.
사용자가 자신이 전하고자 하는 이야기를
구성하고 작성하는데 최적화된 기능을 제공합니다.
이를 통해 정리된 이야기는 빠르게 확산되며,
입력된 콘텐츠를 방문자에게 균형적으로 전달할 수 있다는 장점이 있습니다.

자세히 보기

https://www.do.com/
워크보드와 관련된 기능을 제공하는 본 서비스의 인트로 페이지는 싱글페이지 기반으로 제작되어 있습니다.

---

http://whattookyousolong.org/
영화제작팀인 What Took You so long의 소개 사이트로써, 싱글페이지로 제작되었습니다.

---

http://www.dtelepathy.com/blog/inspiration/long-page-scrolling-designs
롱페이지 스크롤링 디자인에 대한 정보를 다루며, 다양한 예시들을 확인할 수 있습니다.

---

http://www.insitedesignlab.com/how-to-make-a-single-page-website/
싱글페이지 기반 웹사이트를 만드는 기본적인 방법에 대해 소개되어 있습니다.

---

http://www.whitmansnyc.com/
싱글페이지 기반으로 만들어진 재미있는 식당 사이트 입니다.

---

http://www.beetle.com/int/en/home.html
폭스바겐의 비틀 사이트. 스크롤 값에 반응하여 동작하는 싱글페이지 사이트입니다.

---

http://bracket.co.jp/
일본의 에이전시 사이트. 싱글페이지 기반 회사 사이트입니다.

---

http://www.socg.co.kr/
페이스북 마케팅을 제공하는 서비스! 이 역시도 롱 스크롤 형태로 서비스를 소개하고 있네요!

---

http://www.29cm.co.kr/pt/brand01/d/index.html
슈퍼잼에 대한 내용을 소개하는데, 프리젠테이션 형태로 구성이 되어 있네요!

---

http://vimeo.com/80868339
국정원 마이크로 사이트에 대한 소개 영상이네요 :) 인트로페이지가 다 만들어지고 나면, 저런 영상 하나 만들어야겠어요.

---

http://makeyourmoneymatter.org/
스크롤 애니메이션! 이렇게 디테일하게도 가능하군요!

---

http://book.awwwards.com/
어워드의 서브페이지 구성. 콘텐츠별로 싱글페이지 형식으로 꾸미고, 메뉴를 통해 묶어준 사례에요.

---

http://www.feedthebot.com/
싱글페이지에 기반하여 만들지만, 각 페이지들을 연결하면 하나의 큰 사이트를 만들수도 있습니다.

---

http://yoonfont.co.kr/event/20140101_daehan/daehan_20140101.html
윤디자인연구소에서 대한체를 공개하면서도, 사이트는 싱글페이지 기반으로 :)

---

http://tour.hyundai.com/#/h_story/pony
현대자동차의 역사를 스크롤애니메이션 형태로 꾸몄군요 :)

---

http://www.wix.com/lplang/wix-2013-ko
무료 홈페이지 제공업체인 윅스닷컴의 2013년 기록도 싱글페이지 기반으로 제작되었습니다.

---

http://www.nytimes.com/redesign/
뉴욕타임즈의 리디자인 소개사이트

---

http://www.opensurvey.co.kr/ovey/main.action
오픈서베이도 싱글페이지 기반으로 자사의 서비스를 보기 쉽게 소개 하고 있네요 :)

---

http://petesmart.co.uk/rethink-the-airline-boarding-pass
보딩패스에 대한 UX 사례! 재미있군요 :)

---

http://www.flatvsrealism.com/
플랫과 리얼리즘 디자인을 재밌게 표현했어요

---

https://www.facebook.com/paper
facebook 의 신규 paper 서비스. 미디엄도 그렇고, 과감히 불필요한 요소를 제외하고 한페이지에 온전한 콘텐츠를 담는다. 이 방향이 맞긴 한것 같아요.

---

http://trendw.kr/design/201402/11057.t1m
페러럴즈 스크롤링 사이트들에 대해 소개되고 있습니다.@@

---

http://www.hardcandyshell.com/
좌우로 롤링되는 레이아웃!

---

http://ink.chrometaphore.com/
싱글페이지 기반으로 만들어진 포토샵 플러그인 소개 페이지입니다.

---

http://www.asahi.com/olympics/sochi2014/lastdance/
아사히마오를 주제로 한 싱글페이지 기반 사이트. 이런식의 구성은 본문에 대한 집중력을 높여주네요 :)

---

http://www.nytimes.com/interactive/2014/02/11/sports/sochi-2014-interactive-stories.html
2014 소치올림픽의 감동 스토리를 뉴욕타임즈에서 싱글페이지로 제작.

---

http://www.hani.co.kr/interactive/nukeasia/index.html
영상과 콘텐츠를 적절히 배치하여 콘텐츠에 대한 집중력을 높인 싱글페이지 기반 뉴스!

---

http://bootflat.github.io/
서비스 인트로 페이지 사례 입니다.

---

https://medium.com/i-love-charts/b64c2ee86528
싱글페이지 기반 홈페이지를 만화가가 이용한다면 이런 형태겠군요!

---

http://jscon.ebrainus.com/#section-program
좌우스크롤을 활용한 싱글페이지 구성!

---

https://nightwalk.withgoogle.com/en/panorama/149
VR 기술이 돋보이는...Google Night walk !

---

http://www.balmuda.com/kr/rain/
제품소개 사이트는 인트로페이지가 가장 효과적인 구조인 것 같네요 :)

---

http://www.mediatoday.co.kr/news/articleView.html?idxno=115781
싱글페이지 기반 홈페이지를 통해 디지털 스토리텔링 뉴스의 제작이 가능합니다.(몰입형 저널리즘 immersive journalism)

---

http://www.smartcontent.kr/graction/index.do#
깔끔한 싱글페이지 기반 회사 홈페이지

---

http://studioalittlebit.com/
싱글페이지를 통한 회사 홈페이지!

---

http://karmany.org/socialdesignjam/
싱글페이지를 활용한 이벤트 페이지입니다.

---

http://iot.hankyung.com/
한경의 인터렉티브 미디어 기사 사례입니다.

---

http://www.29cm.co.kr/event/app/about.asp
29cm의 모바일 앱 리뉴얼 소식을 싱글페이지 기반 홈페이지를 통해 잘 정리했습니다.

---

http://www.ideou.com/
IDEO의 온라인 교육 서비스 소개 페이지도, 싱글페이지 기반으로 만들어졌네요 :)

---

http://interactive.mt.co.kr/2015/07/leaderinside-01/
깔끔한 디자인의 정보전달성 콘텐츠를 담은 싱글페이지입니다.

---