Mobile phone mockup as hero image

FFXIV Companion App

Final Fantasy XIV (FFXIV) is a popular MMORPG that can be played on PC, Xbox, and Playstation consoles. To catch up on updates and connect with other players of the game, a companion app was created.

  • Services: Mobile App Design
  • Software: Figma, Adobe Illustrator, Procreate

App Map

Site Map

Experimenting with colors and typography that best conveys the app. Blue was the main color scheme with yellow and red as accents to the app. For the navigation of the mobile app, I wanted to focus more on the social aspects such as; messaging, forums, and streams because the game is a massive multiplayer.

Style Tiles

Style Tiles

Low Fidelity Wireframes

Low fidelity wireframes

Using the items in the app map, I begin briefly planning what each feature will look like. I wanted the app to be user-friendly and easy to navigate with simple icons so users wouldnt get lost.

Icons

Navigational icons

Video

Video of signing into the app and scrolling through the home page Video of scrolling through the shop Video of scrolling through the codex and characters Video of doing the mini game Video of the messaging feature Video of the forum and streaming portion

Finished Product

Screenshot of all the screens for the app
Two phones facing outwards from each other as a mockup of the home page
Mockup of the a phone facing up with the shop
Back to the Top