Phoenix LAbs

Fae Farm
Lead UI Artist

Russell Vaccaro

Responsible for the creation and oversight of the UI art, working with a team of engineers, UX designer and (icon,map) art support.

This was a heavy UI game with a small team so the goal was to create a templated UI that could be repurposed into making any combination of screens. I set up and create the initial screens, capturing all the UX beats and the base elements for the UI art and animations. The screens are then handed off the engineering to hook up the in game. Setting up the screens this way allowed for the UI art and animation to be revised after the screen is in the game and working.

Visually, I wanted to create soft comforting (cozy) colors that would connect to the world palette while allowing the vast amount of UI elements and icons to visually pop. The menu's colors were pulled from the wood textures and models in the game. Always trying to find the perfect balance so that the UI colors stand out enough over top of the world layer while also fitting in with the world’s overall look and feel.

Game developed using the Unreal Engine.

Derek Valerio, Senior UX Designer
Responsible for all the UI screens User Experience in Fae Farm.

Additional UI art support:
Dave Gibson, Jeff Buchwitz, Gabi Overberg, Kim Parker, Michelle Ang and Katie De Sousa

Click here to view

MOVIE EXAMPLES

Menu Screens

Examples of the main menu, add-on content and loading screen.

Placeholder Picture
Placeholder Picture
Placeholder Picture

Settings Screens

Examples of the setting, colorblind and control screens.

Placeholder Picture
Placeholder Picture
Placeholder Picture

Character Creator

Examples of the character and color screens.

Placeholder Picture
Placeholder Picture
Placeholder Picture

Pause Menu and HUD

Examples of the pause menu, HUD treatment and active item wheel select screen.

Placeholder Picture
Placeholder Picture
Placeholder Picture

Quest Screens

Examples of quest accept, pinned quest and quest log screen.

Placeholder Picture
Placeholder Picture
Placeholder Picture

Map Screens

Examples of early and late versions of the world map screen.
Kim Parker - Concept artist responsible for the map art.

Placeholder Picture
Placeholder Picture
Placeholder Picture

Inventory Screens

Examples of the inventory and outfit editor screens.

Placeholder Picture
Placeholder Picture
Placeholder Picture

House Storage

Examples of the house storage, transfer and filter screens

Placeholder Picture
Placeholder Picture
Placeholder Picture

Construction Screens

Examples of construction, in world placement and wall decoration screens.

Placeholder Picture
Placeholder Picture
Placeholder Picture

Craft and Conversion Screens

Examples of the crafting and conversion screens.

Placeholder Picture
Placeholder Picture
Placeholder Picture

Almanac

Examples of the almanacs (list, tab and more information) screens.

Placeholder Picture
Placeholder Picture
Placeholder Picture

Progression and Tools

Examples of the skill and tool progression screen. The tool screen is also used as the store for the Blacksmith.

Placeholder Picture
Placeholder Picture
Placeholder Picture

Coziness Screens

Examples of coziness (early, late and placement) screens.

Placeholder Picture
Placeholder Picture
Placeholder Picture

Dungeon Tracker

Examples of the dungeon (tracker, pedestal and teleport) screens.

Placeholder Picture
Placeholder Picture
Placeholder Picture

Animal Care Screens

Examples of animal care (ledger, selling and trough) screens.

Placeholder Picture
Placeholder Picture
Placeholder Picture

Relationship Screens

Examples of the relationship and dialogue screens.

Placeholder Picture
Placeholder Picture
Placeholder Picture

Shop Screens

Examples of the (requirements list) and (gold only) screens.

Placeholder Picture
Placeholder Picture
Placeholder Picture

Emote and Message Wheels

Examples of emote, message and wand select wheel screens.

Placeholder Picture
Placeholder Picture
Placeholder Picture

Misc. Screens

Examples of the mailbox, calendar and shipping contract screens.

Placeholder Picture
Placeholder Picture
Placeholder Picture

Buddy Screens

Examples of the buddy binder, equip trinket and selection popup screens.

Placeholder Picture
Placeholder Picture
Placeholder Picture

End of Day

Examples of the end of day and market table screens.

Placeholder Picture
Placeholder Picture
Placeholder Picture

Fae Farm

Crash 4 It's About Time