Movie1

Having recently collaborated with Microsoft in accelerating Windows 8 App development, I’ve came up with these design templates to serve as reference in designing Windows 8 Apps, providing more clarity in how to convert a conceptualised design from a Photoshop file into a full-fledged Windows 8 Apps with the use of Blend for Visual Studio.

Download link and more information on these design templates after the break.

 

What will you need to use this design template?

  • Photoshop will be needed for the .psd files
  • Blend for Visual Studio will be needed for the Metro Style App Project

 

What is in this design template?

Do note that this is a design template that only contains:

  • Photoshop Source (.psd)
  • Images (.png)
  • Blend Project – HTML/CSS

Which means it does not contain any back-end coding, snazzy javascripting, complex business logic or more.

 

Mall App

(http://code.msdn.microsoft.com/windowsapps/Metro-Design-Template-Mall-7eec5358)

Introduction

I’ve always felt Metro apps would be a perfect fit for touchscreen based shopping centre directories, hence I’m coming up with a sample design template of a Mall app that will work like a kiosk, allowing shoppers to have a quick means to search, browse and find the information they want on the shops available.

Story

As a customer at a mall, I want a directory app that will allow me to search, browse and provide information on stores I’m interested in.

Mall1

Mall2

 

Movie App

(http://code.msdn.microsoft.com/windowsapps/Metro-Design-Template-0d0f39f7)

Introduction

As a big movie fan and cinema freak, I’ve always wanted a quick app that will allow me to browse the top movies in the box office, check out trailers, ratings and more. So when I was thinking of what kind of Metro Style Apps to create design templates for, I guess it was a natural choice to create a simplistic app to fulfill my movie craving needs, and hopefully yours as well.

Story

As a Windows 8 user, I want a quick and simple means to watch trailers of latest movies, check their ratings, and share it with my social network.

Movie1

Movie2

 

Reader App

(http://code.msdn.microsoft.com/windowsapps/Metro-Design-Template-d33d41a6)

Introduction

Having used many reader and aggregator services like Google Reader, pageflakes, Windows Live etc, I have always wanted a good feed reader app for my Windows Phone but until today I couldn’t find one. Even though Windows 8 already comes with a reader app, but its mainly used to read documents like .PDF and not really RSS feeds, so I’m creating this design template today to hopefully serve as a reference for you out there who is going to come up with a RSS Reader app for Windows 8 that i’ll definitely buy.

Story

As a Windows 8 user, I want a simple reader to allow me to read my feeds.

Reader1

Reader2

Feel free to use it as a reference or inspiration in crafting your very own Windows 8 Apps. Appreciate it if you can share in the comments if these design templates have been useful to you.