XBox Live 360 Waypoint


My description of my design choices:

“I have not hooked up my Xbox to Xbox Live so I brought fresh eyes to the Waypoint portal. The current look and feel didn’t seem to tie in with the game in my mind; when I think of Halo I associate it most with the chunky, modular armor on the soldiers and vehicles. The screenshot had a futuristic style but could have been promoting any number of science fiction console games. I approached a redesign with the idea foremost in mind of creating the sensation of being in the branding of the game for the user. I started with expanding the wallpaper screenshot on the home page so it connects the visitor immediately with the soldier so there is human interest right from the first page. Since Waypoint has been released for awhile I felt I could safely make the button titles more succinct while keeping them to the point; I prefer to give users one line buttons whenever it’s possible to do that. Since the Facebook link seemed like the least important part of the page, I demoted it to a messaging area at the bottom that could be used for any number of text-based promotions. I’m not a fan of tickers just because I personally have a harder time reading them, so I replaced the message of the day functionality with an approach that rotates a single message on a timer. I don’t own as many fonts as I prefer to choose from when I’m working professionally, but I found two that I thought complimented the Waypoint logo. The title text areas are all in Berlin Sans, which I choose because it was bold in caps and letters like “Y” were similar to the feel of Waypoint’s lettering, a font meant to be both futuristic and archaic at the same time (like an ancient alien civilization’s alphabet might be). The supporting text is in Kalinga, which is thinner and I thought I could go smaller with it while staying very readable. I thought the current design has a lot of similar colors and it runs together, I attempted to add some color pop with spots of saturated blue. I incorporated the structure of armor, the gaps in modules and the discolored rust of combat equipment. I pulled the “friends playing Halo” function into the header to make it more visible.

On the Intel hub I began from the standpoint that I try to keep the next natural progression the user will most likely take as close to the same area as the action they took on the previous page as possible. I took a step back on the color of the buttons here because so much blue would be distracting and enlarged the preview media screen so it becomes the primary focus. I want to encourage the user to do SOMETHING by giving them at least one large, obvious option, rather than just present them with an equal-emphasis list. I expanded the message area here and removed the bottom social network message as it wouldn’t be necessary to always fill that space. On the individual media page I took the same approach of re-ordering the content as little as possible: when the user chooses a button, the buttons are replaced by the content in the same place and the media plays in the preview screen area. I reduced related articles to showing 3 results instead of 4 to save room for consistency and lengthy content.”