---
title: "A DiGi account app for Windows 8, before Windows 8"
description: "Microsoft is pushing Windows 8 ahead of its launch in October, so with DiGi we mocked up a DiGi account app for it: your bill and usage, DiGi Rewards, and a live tile that flips over."
url: "https://rayson.me/writing/digi-windows-8/"
category: "Pitches"
author: "Janarayson"
published: 2012-07-20
---

Windows 8 comes out in October, and Microsoft is pushing it everywhere already. So this pitch was for Microsoft and DiGi together... a mockup of a DiGi account app for Windows 8, months before anyone can buy the thing.

<Figure
  src={start}
  alt="A Windows 8 Start screen mockup: the usual mail, calendar, photo and Store tiles, with a yellow DiGi tile, Always the smarter choice, among them"
  caption="The DiGi tile on the Start screen."
  wide
/>

The app is for looking after your DiGi account without going to the website. One login for mobile and broadband, and then an overview that changes with the kind of account you have. Postpaid gets the credit limit, what's billed and unbilled, and what's outstanding. Prepaid gets the balance and a reload button. The messages from DiGi sit in the middle, and the tiles on the right go to the store locator, DiGi Rewards and help. The Rewards tile is live... every so often it flips over to show the latest deal.

<Figure
  src={accountPost}
  alt="The Account Overview for a postpaid account: a summary with credit limit, activation date, rate plan, billed, unbilled, total outstanding and available usage, a column of messages from DiGi, and tiles for Find a Store, DiGi Rewards and Need Help"
  caption="Account overview, postpaid."
  wide
/>

Billing shows the monthly trend as bars, this month's summary and the previous payments, with a Pay Now button. DiGi Rewards is the deals page, filtered by state, category and merchant, and tapping a deal opens it up. Find a Store searches DiGi's outlets by name and area, with the opening hours and what each one does. Help and Support has the questions people ask most, a D'Chat button to talk to someone, the call centre number, and your device details already filled in.

<Figure
  src={billing}
  alt="The Billing screen: a monthly trend of three billing periods as bars, a summary of the account as of 12 June 2012 with the total outstanding and a Pay Now button, and a list of previous payments"
  caption="Billing."
  wide
/>

<Figure
  src={rewards}
  alt="DiGi Rewards: five health and beauty deals as tiles, Core Fitness, Thalgo, Energy Day Spa, Mireica and hairGroom, with a filter menu open on Health and Beauty and State, Category and Merchant filters at the bottom"
  caption="DiGi Rewards, filtered to health and beauty."
  wide
/>

<Figure
  src={findStore}
  alt="Find a Store: a search for Subang with three results, Subang Parade, Asia Cafe Subang Jaya and Digital Mall, each with its address, opening hours and products and services"
  caption="Find a Store."
  wide
/>

<Figure
  src={helpSupport}
  alt="Help and Support: quick tasks like requesting a micro SIM replacement, a Contact Us section with a D'Chat button and the call centre number, and the subscriber's device details"
  caption="Help and Support."
  wide
/>

The Windows 8 bits are the tile and the toasts. The Start screen tile has two faces, and the back shows your usage summary, so a postpaid user sees their billing cycle and credit left, and a prepaid user sees their balance and when it expires, without opening the app. Toasts come in when you're close to your data cap, and DiGi can use them for service messages too.

<Figure
  src={toast}
  alt="The Start screen with a toast notification in the corner: You've used 65% of your 2GB data plan, with a note that overage is billed at RM5 per MB and a link to upgrade"
  caption="A toast at 65% of the data plan."
  wide
/>

Some screens aren't drawn yet, like the message list, the prepaid reload and the bill payment, and what the app can do depends on which of DiGi's APIs we can get at. D'Chat, for one, is in there assuming there's an API for it.