I was Senior Product Designer for newly founded World’s Edge, custodians of the 25 year Age of Empires franchise.
The Challenge: Design for a 5 Game, AAA Franchise Spanning 25 years
What I did:
- User Interface design in Figma
- Branding style guide in Adobe Indesign
- Key art layouts in Adobe Photoshop
- Color hierarchy
- Typography
- Iconography in Adobe Illustrator
- Icon animation in Adobe After Effects
- Requirements gathering & Stakeholder input
- UX Strategy
- Competitive audit
- Analytics analysis
- User journey analysis
- Wireframes
- Design iteration and evaluation
*Key art paintings and logos by Microsoft. In-game style guide by Relic Entertainment.
Branding in Motion
What I did:
- Video editing in Adobe After Effects
- 3D camera movement
- 3D lighting
- Particles in Trapcode Particular
- Fabric background in Adobe Photoshop
- World’s Edge logo in Adobe Illustrator
*Xbox logo by Microsoft. Relic logo and village illustrations by Relic Entertainment.
World’s Edge Studio Logo
What I did:
- Logo design in Adobe Illustrator
- Custom typography
- Requirements gathering & Stakeholder input
- Design iteration and evaluation
- Usage guidelines
Anniversary Edition Branding
What I did:
- Typography, double border and knot in Adobe Illustrator
- Rendering and layout in Adobe Photoshop
- Requirements gathering & Stakeholder input
- Design iteration and evaluation
- Usage guidelines
*keyart paintings by Craig Mullins
Product Design – Learn to Play
What I did:
- Product inception
- Competitive research
- User Interface design in Figma
- Color hierarchy
- Typography
- Iconography in Adobe Illustrator
- Icon animation in Adobe After Effects
- Requirements gathering & Stakeholder input
- UX Strategy
- Analytics analysis
- User journey analysis
- Wireframes
- Design iteration and evaluation
*Screenshots, video capture, and text content by Matthew Turk. Programming development by Heather Sullivan.
25th Anniversary Playing Cards
What I did:
- Adobe Illustrator swords, halberds, trebuchet, arrows, suit symbols for card back and box
- Adobe Photoshop character illustration adjustments for inversion, layout
- Requirements gathering & Stakeholder input
- Competitive research
- Design iteration and evaluation
*Character illustrations by Atomhawk
Ottomans and Malians
What I did:
- Logo design in Adobe Illustrator
- Logo rendering in Adobe Photoshop
- Merger of two paintings
- Keyart layouts for retail, marketing, socials, and events
*Age IV logo by Microsoft. Keyart paintings by Craig Mullins.
Fan Preview Logo
What I did:
- Requirements gathering & Stakeholder input
- Logo design in Adobe Illustrator
- Rendering in Adobe Photoshop
- Design iteration and evaluation
- Brand design direction to external event team
- Last minute name change
25th Anniversary Logo Direction
What I did:
- Requirements gathering & Stakeholder input
- Initial conceptions
- Adobe Illustrator
- Design iteration and evaluation
- Design direction to external team
- Constructive feedback
- Animation in Adobe After Effects
*final design by Microsoft.
Vector Icons
What I did:
- Iconography in Adobe Illustrator
- Animation in Adobe After Effects
- Requirements gathering & stakeholder input
- Competitive research
- Design iteration and evaluation
- Icons for game, website, marketing and social communications
- Follows Microsoft Fluent Design methodology