Posts

Experiential Design - Project

Image
Ahmed Yaman Ibrahim (0341119) Experiential Design - Project PROJECT Ideas For this project we are to come up with an AR app of our choice to be developed in Unity. I have currently come up with 3 rough ideas, one of which I will develop into a full proposal after consulting with Mr Razif. Idea 1: Interactive restaurant menu app As the name suggests this would be a menu for a restaurant in the form of an AR app. It would  show you a virtual menu for the restaurant/cafe you are in by pointing your camera at a spot in front of you on the table. Would be used as a replacement for physical menus and the QR code-based online menus currently being used. This would eliminate the need to constantly replace physical menus when items change as well as allow for more freedom in designing how the menu looks as opposed to just using a dropdown list on a mobile website. Features: Restaurant menu with visualization of the food items in AR with details such as dietary/nutritional info Buttons to ca...

Application Design II - Project

Image
Ahmed Yaman Ibrahim (0341119) Application Design II - Project TASK 1 & 2: App Design I Self-Evaluation and Reflection + App Prototype Initial app proposal We were given the option to either continue working on our design from App Design I and turn it into a fully working prototype, or to develop a new app from scratch. I chose to develop the design I started on in App Design I, as I felt there were a lot of improvements to be made and would basically be reworking most of the design anyway. Initial proposal from App Design I and general ideas for improvement Link to prototype:  https://xd.adobe.com/view/e2ec7344-386c-4058-a60e-d9aed6e6fdc9-b7bf/ As shown in the proposal, this design is very bare-bones and I intend to redesign the app entirely. As the original working file is no longer with me I decided to create a new prototype and start from scratch. This design is still a work in progress, but I have added all the main features and how they would work together. Fitness app ...

Experiential Design - Exercises

Image
Ahmed Yaman Ibrahim (0341119) Experiential Design EXERCISES Week 1 This week we went through a brief introduction of the module, the kind of work we would be doing and the process of installing Unity on our computers Week 2 In this week's class we went through an introduction on Unity and its basics, and tried creating our first AR object. First, we opened up a new project in Unity, selected the platform we were building for and set up the project. Next, we added Vuforia into the project to get the AR to work.  Then we added the ARCamera game object in and added the Vuforia license. Afterwards, we added the image that we wanted to use for the AR project into the Vuforia database we were using for this project.  After adding this database to our Unity project, we imported the image into the project and created a 3D object (in this case a cube) above it. We then tested to see if the cube was visible on our cameras when it detected the image. Afterwards we added some animation to...

Application Design II - Exercises

Image
Ahmed Yaman Ibrahim (0341119) Application Design II EXERCISES Week 1 Was not present for this week as I was still confirming my modules during Module Add/Drop. Referred to a classmate and was told that the week's exercise was a refresher on HTML/CSS by creating a portfolio website for ourselves. Week 2 This week we were tasked to recreate an app page provided by Mr Razif in HTML/CSS. We were given this page in Figma and asked to recreate it using HTML/CSS. In my first attempt I had trouble making the page responsive so I set it to be static and created the page at a fixed mobile size. Week 3 This week we worked some more on the previous exercise in class. After a few more attempts I was able to make the page responsive, but I chose to set a max width for the page as a full desktop-sized screen would make the main band image quite large with the code I wrote. I'll experiment some more to make the page more usable on a desktop screen. Week 4 This week we were introduced to JavaSc...

Minor Project - HealthCamp

Image
Ahmed Yaman Ibrahim (0341119) Minor Project MINOR PROJECT Week 1 In the first week, we sorted ourselves into our respective groups for our projects. In my case, my project was a fitness app named Healthify, and our group's task was to work with the business and computing teams to develop a prototype for the app based on they specifications given to us in the brief. During week 1, we met the members from business and computing, and had an ice breaking session to share our contact details and plan ahead for the project. Reflections:  When the groups were finalized I was a bit unsure if it would be efficient to have just one UX student for a project where the final brief is an app prototype, but we had to balance out members for all the groups so we had to make do with what we could. Afterwards, we met the other groups involved in the project and introduced ourselves. We learned what each group would be in charge of and agreed to set up a group chat to discuss what we would be doing n...

Advanced Interactive Design - Final Project

Image
Ahmed Yaman Ibrahim (0341119) Advanced Interactive Design Final Project: AR Filter with Promotion Page FINAL PROJECT: AR FILTER WITH PROMOTION PAGE For our final project, we were to develop an AR filter for a famous brand along with a microsite to promote it. I decided to create one for Nike, advertising their NikeID (now known as Nike By You) products, by creating a randomizer for one of their shoes. Demo video of website and AR filter:

Advanced Interactive Design - Project 2

Image
 Ahmed Yaman Ibrahim (0341119) Advanced Interactive Design Project 2: Spark AR Filter PROJECT 2: SPARK AR FILTER In this project we were to develop a Spark AR filter. I decided to design a set of interactive face masks. I intended for them to be animated when you interacted with them, but I wasn't able to make it work properly in time.