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 Game

The 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.