Windows Phone Panorama
iOS promotional graphic
iOS Block-Level Content Editor UX
iOS implementation instructions
Android promotional graphic
PlayBook promotional graphic
WordPress for BlackBerry dashboard
WordPress for webOS sliding panels
iOS nested replies navigation pattern
App Design (UX/UI/IA)
During my 3.5 years as Team Lead and Product Designer for the Mobile Team at Automattic, I directed and designed iterations on the official WordPress apps for various platforms including iOS, Android, and Windows Phone.
Since the team launched more than one new major app update per month on average I’m only showing some select work.
WordPress for WebOS
WordPress for Android
WordPress for BlackBerry
WordPress for Windows Phone
Details from the websites
UX/UI/Marketing/Copywriting. As team lead and product designer at Automattic, I was also responsible for marketing the apps and building community engagement. It was decided that each app should have its own website as each OS is different and if you’re on one you’ll most likely only be interested in the version of the app made for your OS.
I created the 4 websites shown in the gallery above over a 1-year period, iterating on the practices as the platforms grew. Each website ties into the GUI guidelines for that OS.
Footnote: these sites are no longer live and have been replaced by a global website for all the official apps.
The original hovercard layout
A classic Gravatar Profile page
What Gravatar Hovercards look like now
UI/UX refresh, implementation of Gravatar Profiles and Hovercards. A small project to add Gravatar Profiles to Gravatar.com as well as helping implement hovercards with the same information, making any avatar on WordPress.com show a short bio about the person when their picture is hovered over. The project has since been iterated on numerous times.
Home page with featured items
Location search page
Product detail page
UI, UX, HTML/CSS, implementation, project management.
One of my first big projects. Full website for Swedish retailer Iriver Nordic selling Iriver products, mainly MP3 players. The faded gradient at the top of the page was animated in multiple layers, simulating the Nordic Lights. Never launched. Lessons were learned.