UI/UX Design – holliellis ../../../../ellis25 Thu, 01 May 2025 18:28:34 +0000 en-US hourly 1 https://wordpress.org/?v=7.0.4 AR Enhanced Plant Care App ../../../2025/05/01/ar-enhanced-plant-care-app/ Thu, 01 May 2025 18:28:34 +0000 https://comdma.com/ellis25/?p=201

Sapling is a mobile app designed for helping users care for and learn more about their plants. I came up with this idea when I was struggling to care for one of my own plants and it ended up dying. I felt that it would be helpful for me and other people who want to keep plants but struggle with plant care to have an app act as their assistant. I began working on concepting this idea through Figma and it led to the first stages of my project.

In my Interaction Design class DMA217, we were supposed to make an app that utilized AR. This was a good opportunity for me to enhance my current app design. With only a few screens made already, I used this idea and finished the rest as my class project, creating a prototype with an AR feature to identity plants and issues with your plants. The final prototype had screens for a landing, logging in and creating an account, a dashboard, garden view for plants to keep track of, settings, and an AR video screen.

Coming up with my app concept was the easy part, what was hard was learning new parts of Figma that I wasn’t familiar with. Learning about animations and overlays for videos were difficult, and it took me a lot of time to figure it out.

A way to improve this concept would be to sketch out all my ideas more thoroughly on paper so that when I go to create my actual prototype I’ll have a clear idea of what to create so that I know upfront what Figma functions I need to use.

The submission itself would be much better with a well designed pitch for for the project. A bunch of slides meant for a presentation would help people viewing this project to really get the full idea of what it’s meant for and what its benefits are.

]]>
DMA217 Project 1: To Do ../../../2025/02/13/dma217-project-1-to-do/ Thu, 13 Feb 2025 06:58:23 +0000 https://comdma.com/ellis25/?p=69

This project was created for my class DMA217: Interaction Design. Our goal was to design and prototype a mobile to do list app on Figma, learning about UI/UX design and how to use the software through the process.

One of the biggest things I learned was how much research and time is put into the simplest of details. While an interactive checkbox might seem quick and easy for the user, it still took me time to learn how to create it. An interaction designer spends extra time on these details so that the user can have a quicker and easier experience.

The easy part for me was beginning our project. Being already familiar with the basics of Figma, I moved quickly through the first steps of our project, such as creating our login and sign up pages. Creating frames, choosing colors, and starting a layout was an easy start.

This project became more challenging when we started learning how to make our prototype interactive. Components and variants is where I struggled the most. Creating the toggle buttons in my settings page took me a lot more time to learn than expected, but it helped me better understand how to create more interactive designs through components and variants.

My submission could be improved through providing more of a step by step reflection along with images to explain the process of me working on this project. This would allow me to detail my experience with this project more in depth for those viewing my portfolio.

What would be helpful to have in this class is a final checklist of each detail that needs included in this project. That way students can review this before finalizing and submitting their work.

The things I learned through this project will give me the mindset and skills needed to succeed in future projects. Taking the time to research and test my project is something that I will carry into new projects I do. I also got to see the amount of time and effort put into every detail and how important that is, especially in interaction design. This knowledge will be beneficial in both projects and the work place, giving my work the detail and simplicity it needs to satisfy users.

I think what inspired me the most was actually looking online and seeing work that other people had done, rather than readings or videos. Getting to see people take full advantage of Figma’s capabilities and their own creativity motivated me to try new ideas and think about potential future projects. This is something that will continue to inspire me along my journey as a designer.

https://www.figma.com/proto/bfoqub0fmmOSfyY3016ZD7/ellis25-DMA217-project-1?node-id=9-5&p=f&t=aE2twnC4tSOyrzZI-0&scaling=scale-down&content-scaling=fixed&page-id=0%3A1&starting-point-node-id=9%3A5

]]>