TITLE: AJ Floral Design Website MEDIA: CSS3 and HTML5 SOFTWARE: Dreamweaver HARDWARE: Macbook Pro 2019 SPECIFICATIONS: 1920X1080px DURATION: 1’15” CLASS: FMX 311 UI/UX PROFESSOR: Santiago Echeverry SEMESTER / TERM: SP 23 INSTITUTION: University of Tampa DESCRIPTION: “AJ Floral Design Website” is a fully functional website created with HTML5 and CSS3 using Dreamweaver. Each page was created with code and linked together using a main CSS file. This project is for non-commercial use and is for education purposes only. Most images were my mom’s own floral arrangements and the video on the home page shows my mom arranging roses. Some of the product images were stock because at the time of this project, official arrangements had not been made yet.  

TITLE: Animated Resume MEDIA: CSS3 and HTML5 SOFTWARE: Dreamweaver HARDWARE: Macbook Pro 2019 SPECIFICATIONS: 1920X1080px DURATION: 1’02” CLASS: FMX 311 UI/UX PROFESSOR: Santiago Echeverry SEMESTER / TERM: SP 23 INSTITUTION: University of Tampa DESCRIPTION: “Animated Resume” is a piece created in CSS and HTML5. This resume contains audio of myself, communicating to the user what they can interact with on the page. The words and arrows appearing are coded to move along with the sound that is played. After my recording lets the audience know what they can click on, background music plays and the user is free to move the mouse along any of the headers to see some of my work.

TITLE: Kinetic Typography MEDIA: CSS3 and HTML5 SOFTWARE: Dreamweaver HARDWARE: Macbook Pro 2019 SPECIFICATIONS: 1920X1080px DURATION: 0’15” CLASS: FMX 311 UI/UX PROFESSOR: Santiago Echeverry SEMESTER / TERM: SP 23 INSTITUTION: University of Tampa DESCRIPTION: “Kinetic Typography” is a piece using text from the song ‘DEATH’ by ‘Melanie Martinez.’ I really love the message that is conveyed in DEATH and wanted to portray someone opening a letter from a loved one they lost. I think that everyone at some point wants to have closure of their past loved ones’ and that they are always with them. When the mouse moves around the unreadable lines, it turns into text creating a readable letter.

TITLE: Website Prototype MEDIA: UI/UX SOFTWARE: Adobe XD HARDWARE: Macbook Pro 2019 SPECIFICATIONS: 1920X1080px DURATION: 0’30” CLASS: FMX 311 UI/UX PROFESSOR: Santiago Echeverry SEMESTER / TERM: SP 23 INSTITUTION: University of Tampa DESCRIPTION: “Website Prototype” is a test site for my mom’s company, “AJ Floral Design.” Using Adobe XD, I created a mock-up of the site and how it would function page to page. Not all of the final content was included in the demo, but I included a good number of products to see how the pages would ideally function. I also added a swiping feature on the home page to showcase different types of floral arrangements and a cart feature.

TITLE: Functionality Prototype MEDIA: UI/UX SOFTWARE: Adobe XD HARDWARE: Macbook Pro 2019 SPECIFICATIONS: 1920X1080px DURATION: 0’16” CLASS: FMX 311 UI/UX PROFESSOR: Santiago Echeverry SEMESTER / TERM: SP 23 INSTITUTION: University of Tampa DESCRIPTION: “Functionality Prototype” is a basic structure of how the website for ‘AJ Floral Design’ was to run using Adobe XD. I created a few tabs of how my client wanted the website to function. Later, these were then simplified to make the website’s content easier to find. Each tab is connected to a page which would lead the customer to the specified page depending on what was clicked. The cart and home buttons also take the customer to those respective pages.

TITLE: Site Map MEDIA: UI/UX SOFTWARE: Canva HARDWARE: Macbook Pro 2019 SPECIFICATIONS: 1920X1080px CLASS: FMX 311 UI/UX PROFESSOR: Santiago Echeverry SEMESTER / TERM: SP 23 INSTITUTION: University of Tampa DESCRIPTION: “Site Map” is an infographic describing the content for a website for my client ‘AJ Floral Design.’ Using Canva, I was able to create a detailed plan of how the website was to function. This includes the details for the pages that the client wanted to include and the ideal domain name. This was later used to help plan the next few projects: the functionality and website prototypes.

TITLE: Pain Point MEDIA: UI/UX SOFTWARE: Canva HARDWARE: Macbook Pro 2019 SPECIFICATIONS: 1920X1080px CLASS: FMX 311 UI/UX PROFESSOR: Santiago Echeverry SEMESTER / TERM: SP 23 INSTITUTION: University of Tampa LINK: https://www.canva.com/design/DAFZ5u3SAew/UVSVJ_WREF9F5hRbIINBSA/edit?utm_content=DAFZ5u3SAew&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton DESCRIPTION: “Pain Point” is a presentation created on Canva. This presentation was used to identify my client’s strengths and weaknesses with their business ‘AJ Floral Design.’ It was then used to help create a site that would address the issues and solve any problems the client had with creating a successful business.