top of page

UI AND WIREFRAME SAMPLES

These are wireframes and examples I have made.

GameFlowJourney.jpg
ImpulseBoltGameCycleV2.jpg
HUD_Wireframe.png
Options2.jpg
Options3.jpg
Start1.jpg
Inventory3.jpg
Start3.jpg
Inventory2.jpg
Save Screen Wireframe.png
Inventory.jpg
OptionsScreen.jpg
ImpulseBoltLogo.jpg
UI, Typography, and Wireframes: Gallery

In the works above, I begin my process of UX and UI design by thinking about the process in which they would be experienced and then trying to optimize potential routes users can encounter them with. I use details of the processes, what is available, and the purposes of the design before creating my own schematics. The above showcases a UX journey of a hypothetical game while the following are wireframes for screens and menus players could see during play. What comes at the end are a logo and examples of pages structured in the fashion of the wireframes.

UI, Typography, and Wireframes: Text

UI ICON SAMPLES AND UI CONT.

UI, Typography, and Wireframes: Text
UI, Typography, and Wireframes: Pro Gallery

For the UI above, all of them feature self-made 2D art made in Photoshop with simple features and assets. They were made with the theme of "basic RPG meters, icons and slots" for a user experience journey. Upon receiving instructions or criteria, I made the icons and UI myself.

UI, Typography, and Wireframes: Text

TYPOGRAPHY DESIGN SAMPLES

UI, Typography, and Wireframes: Text
UI, Typography, and Wireframes: Pro Gallery
  • Facebook
  • Twitter
  • LinkedIn

©2018 by Marvin Estrada. Proudly created with Wix.com

bottom of page