UI/UX PROJECTS
CONCEPT: GLU MOBILE - KATY PERRY GAME
I was asked to design the look and feel for the UI of the next up and coming Katy Perry game which is a shoot off of Kim Kardashians Hollywood. The focus was on the Katy Perry colors and style that would appeal to teenage girls. I designed the icons to reflect this as well as the over all look and feel. The colors are very girly and fun and the icons are very playful. This was a very fun project to do.
PROJECT: PREE IT
This is a fun question/trivia game I designed the UI for. The focus was on social interactions a simple question and answer dynamic. Not only did I design the UI, but I came up with feature ideas such as emoji's, multi-player aspects, sharing an follow functions off the player profile card as well as dynamic photos for categories. There are two UI versions of this app here, the darker second versions is my personal favorite.
PROJECT: Farmville UI
I did a fair number of UI screens during my time at Zynga. It was a fun challenge to come up with simple solutions to a game that had so many features. It was a challenge to make sure things flowed simply and provided the least amount of friction to the user.
PROJECT: Zynga Poker Mobile
This was version 1 of Zynga Poker Mobile. It has since changed but I really liked its orginal design. It featured a simple design that was clean and uncluttered. It was very easy to see the phases of the game in the UI in this version and kept only elements the user needed on screen when they needed them.
PROJECT: TINY REALMS - REALM HUD
While doing art direction for Tiny Realms I also had the opportunity to draw upon my experience as a UI/UX designer. I conceptualized this layout and created basic wire frames. These wire frames are not meant to have any design in them other than the general location of the elements we felt were the most critical to game play. After those were done I moved on to designing the art style which had many iterations. I eventually settled on an ancient rock/stone feel. We out sourced the work to a local artist Derek Stenning.
PROJECT: TINY REALMS - BATTLEVIEW
This show's some of the process of developing the battle hud interface and user experience for Tiny Realms. We needed a way to display troops in a non intrusive way. So I developed a dashboard that you could hide if the user preferred to directly select the units on screen. Because of the tight deadlines we were making changes on the living UI which is why you'll notice differences in the skinned version. This was a really fun UX to develop because of the multiple fun and interesting ways users could interact with there own troops. I came up with a really interesting solution that the players really enjoy.PROJECT: TINY REALMS - VARIOUS UI/UX ELEMENTS
Below are various UX and UI screens I designed and or art directed. The style had already been determined for most of these so I started doing the 'wireframes' with the actual UI elements.
PROJECT: KIXEYE - MAIN RIBBON MENU
The challenge here was to design a fly out menu with many functions. We needed to feature the games and prompt users to play or install. Advertising games and their assets was a secondary requirement as well as making the ribbon dynamic and social. In the end we went with the mega menu design. All of these I was really happy with. I also designed the elements in the thin top bar. You'll see them vary with each iteration.
PROJECT: KIXEYE - SOCIAL FEED
This project was to design a social feed that you could expand and collapse on KIXEYE's web portal. Through this feed you'd have access to in game emails and messages as well as get notifications for game events and social interactions on various elements through out the KIXEYE social framework. In each feed item there had to be access to a complex series of social functions. So in the end I wanted to generate the menu based on the action event. You could do inline quick chat messages and access games directly through the feed. There was also a full chat panel (code preexisting) integrated through the tabbing system as well as a friends list. As with the ribbons, I also designed the thin top bar at the top (while keeping the preexisting tabs).
PROJECT: KIXEYE - PROFILE PAGE
This is a wire frame for the redesign of a profile page for KIXEYE's web portal site. The look and feel had already been predefined so I had to adapt to match the style. With this page I was trying to add much more depth for the user. In addition to the preexisting wall other users could post on a dynamic activity feed that was added. There were prompts to invite and add friends to grow the social aspect of the site we were trying to build on. There are also widgets for quick access to games and game stats which are also dynamically generated. Friends lists, editable backgrounds and profile images were also a feature here.
PROJECT: ZYNGA - SCRAMBLE UI
This was a total re-skin and reorganization of Zynga's popular word game Scramble. There was a lot of information to convey, so keeping it clean was a challenge. I wanted to take the opportunity to re-brand all of Zynga's word games as they didn't really have a synergy. I also wanted to create a tactile experience for the user (that would carry through to mobile) by changing the play pieces into bubbles that were compelling to touch and addictive to swipe, similar to popping bubble wrap. As you'd select a string of letters to form a word the bubbles would jiggle, when the word was formed they'd all pop. There's a chat in the center, player panels to the right and all of the relevant game info on the left. This version never made it live which is a shame, but it did make it to mobile. This game was then re-branded under the Words with Friends franchise so they adapted the bubbles into squares.
PROJECT: ZYNGA - WORD TWIST
Here is another one of Zynga's popular word games Word Twist. Here I carried over the style from the Scramble look and feel to create a synergy and brand between all of Zynga's word games. I integrated the idea of the bubbles as well for brand purposes. In this version they'd pop individually as I wanted to see the effect of that. This show's the winning screen along with the blank player chiclets as they had not been designed yet with the relevant info. There is also a winning animation I did which you can see here:See animation here!