Please Contact Me
MCC-UI.
![](http://aeliabantia.com/wp-content/uploads/2022/05/uiheader1.png)
WELCOME TO MY UI PAGE
For my UI class we used FIGMA to create our designs. I created different versions of apps, form labs, match-3 game, re-designed existing apps etc.
Match -3 GameThe Match - 3 Game: This game was created on Figma. For this assignment I added a background image, icons, created shapes and added text.
Go to Match- 3 Game on Figma.
Recreating Form Lab
Recreating Form Lab: For this assignment I had to recreate a real-world form lab. The left image is the original form lab of a real company and on the right is my recreation.Go to Aelia's Recreation of Form Lab on Figma.
Ada's Epic Dine
Ada's Epic Dine: We were grouped in small teams for this assignment. We had to choose an app category and create our own client. As a team, we came up with a company and brand, and each team member created independent designs for that company. As individuals we had to create 3-5 pages wireframes and come up with style guides. For the style guide, we had to choose colors from the logo colors, and could use more colors, if required. We were responsible for designing a full mobile interface and flow through multiple screens.
Go to Ada's Epic Dine - Wireframe on Figma and click on Present Mode (a play button on the toolbar beside the question mark "?") to see how the app works.
Go to Ada's Epic Dine - Style Guide on Figma.
Go to Ada's Epic Dine on Figma and click on Present Mode (a play button on the toolbar beside the question mark "?") to see how the app works.
McHenry County College App
McHenry County College App (MCC-App): As a team we had to create a campus app design for MCC, targeted for students. Our app was focused on the entire school or just the digital media department. We collaboratively created one app prototype as a team. The app's styles were supposed to match the school's brand. My share as a team member for this assignment was to work on Calendar and Settings page(s).Go to Team Yellow - MCC App on Figma and click on Present Mode (a play button on the toolbar beside the question mark "?") to see how the app works.
Go to Aelia's share of work for the team app on Figma and click on Present Mode (a play button on the toolbar beside the question mark "?") to see how the app works.
Desktop Version
Desktop Version: I had to create a desktop version of Ada's Epic Dine App, which encourages the users to download our app on their mobile. This version was meant to show off our Ada's Epic Dine's menu and food images.Go to Desktop Version on Figma and click on Present Mode (a play button on the toolbar beside the question mark "?") to see how the app works.