HTML5로 만들어진 Metro 스타일 핫메일 광고

What’s your inbox like?

what’s your inbox like?

핫메일(Hotmail)은 짤막짤막한 광고 캠페인을 많이 진행하는 것 같습니다. The New Busy에 이어, 이번에는 타일(Tile)이 특징인 메트로(Metro) 스타일의 ‘what’s your inbox like?’ 광고 페이지를 열었더군요. HTML5 + Javascript + CSS로 만들어 진 멋진 페이지입니다. via. Long Zheng

▼ What’s your inbox like? 광고 페이지 스크린샷입니다. 광고 캠페인 웹 페이지들은 금방 없어지니 기록할 겸 남겨 봅니다.

whats_your_inbox_like 슬라이드 쇼 보기 모두 다운로드

 

요 근래 MS의 디자인 센스, ‘좋아요!’

Wp7 musicvideo.jpg © Wikipedia

요즘 마이크로소프트는 사용자 인터페이스+경험 측면에서 ‘많이 변했다’는 평가를 얻고 있죠. 저도 크게 공감합니다. Microsoft 홈 페이지라든가, Microsoft Store의 사례를 보시면 변화를 느낄 수 있습니다. App Hub와 같은 개발자를 위한 공간에서도 타일(Tile)을 곳곳에서 구경할 수 있습니다. 윈도우 폰 웹 사이트도 물론이구요. 하지만 MSDN이나 TechNet에도 일부 적용하려는 시도를 보이지만, 약간 어색한 느낌을 줍니다. Microsoft는 방대한 웹 사이트를 가진 만큼 전체에 적용하는 데엔 시간이 많이 걸릴 것 같습니다. 그래도 이런 모습을 보여 주는 마이크로소프트에 박수를 쳐 주고 싶습니다.

메트로(Metro) 디자인 관련 글:

• 윈도우 폰 7 스타일(Metro UI)의 마이크로소프트 홈 페이지로 변화합니다! – 아크비스타
• 윈폰7의 메트로 UI를 채용한 메트로트윗(MetroTwit) 트위터 클라이언트 소개– 아크세븐