Projects

Here's a few of my projects. All projects listed below, as well as many others, are hosted on my GitHub.

2017 New York State Crime by County Visual | Repository | Live Demo

Uses two popular JavaScript libraries for producing web-based data visualizations, D3.js and Chart.js. Visualization (not mobile-friendly) communicates crime in New York State, with a focus on crime outside of New York City. Primary visualization methods used include a choropleth map and a bar graph.
Tag(s): data analysis, visualization, javascript

Python CRUD (GUI & CMD) + XML Database | Repository | PowerPoint

An XML file serves as the main data storage, with several starting entries detailing book information as the data example. A user can update a book entry, delete a book entry, see all book entries, search for a book entry, and create new book entries.

XML data is placed into a table using Pandas Dataframes (in-memory data storage). This allows for quick data analysis and the generation of statistical charts and graphs on the data with two additional Python libraries, NumPy and MatPlotLib.

Focus is on both CRUD functionality and exploring various methods of parsing, manipulating, and analyzing XML data.

Tag(s): xml, python

SVG Christmas Tree | Repository | Live Demo

Spread Christmas cheer all through the year!

Tag(s): svg, css

Learning Platform Prototype with Framer | Repository

Developed a web application concept from a low-fidelity wireframe to a high-fidelity, interactive prototype using the prototyping tool Framer. The prototype represents a learning platform designed to teach data science through the unique lens of urban planning. It features an array of functionalities, including educational modules (lessons), interactive quizzes, and practical challenges that engage users in the learning process.

User testing, including usability testing, was an integral part of the development. This testing phase was crucial to validate that the product aligns with the needs and expectations of end users. It also provided valuable insights into how users intuitively interact with the product, ensuring an effective and user-friendly experience.

Tag(s): wireframes, prototyping, user testing, framer

University Sports Pages Prototype with Draw.io & Balsamiq | Repository

Critiqued the visual and interaction design, as well as the heuristics of the charlotte.edu (University of North Carolina – Charlotte) website. Developed user personas based on the critiques, choosing one specific persona’s needs, frustrations, and pain points to focus on. Conducted interviews with individuals who closely mirrored my chosen persona, updating the persona further.

Using insights from the critiques and interviews, I identified three high-priority needs for my persona. A low-fidelity wireframe/design idea was created, with draw.io, for each high-priority need. Usability testing was then conducted with individuals fitting my persona. Incorporating insights from usability testing, the low-fidelity concepts were developed into a high-fidelity, interactive prototype with Balsamiq.

Tag(s): wireframes, prototyping, user testing, draw.io, balsamiq

(Collaborative) Smart Kitchen Application Prototype with Draw.io | Repository

The Smart Kitchen application, prototyped using draw.io, innovates kitchen management by integrating smart technology into everyday cooking and planning tasks. The application features a user-friendly tab layout for seamless navigation across various components, enhancing user experience. Key functionalities include a recipe search, inventory management, appliance management, and a social network (Culinary Connect). These features collectively make the Smart Kitchen app a comprehensive solution for modern kitchen needs, emphasizing convenience, efficiency, and social connectivity.

Tag(s): narrative storyboards, wireframes, prototyping, draw.io

(Collaborative) Vinyl Record eCommerce Marketplace Prototype with Draw.io and Paper | Repository

Record Rack is an ecommerce platform, designed using both draw.io and paper. The prototype is focused on buying and selling vinyl records through bidding, with the general concept and design strongly inspired by eBay. Key functionalities of the prototype include creating auctions, bidding on an item, giving feedback on a seller, and utilizing a personal watchlist. The application combines essential ecommerce functionalities with a user-centric design, making it a comprehensive online marketplace solution for vinyl enthusiasts.

Tag(s): sequential storyboards, wireframes, prototyping, draw.io

(Collaborative) Halloween-Themed Fashion Application Prototype with Slideware | Repository

Haunted Couture is an innovative Halloween-themed online shopping platform that merges costume selection with cutting-edge virtual technology. It offers a unique and interactive experience for users looking to find their perfect Halloween attire. The platform’s design is steeped in a Halloween aesthetic, creating an immersive shopping environment. Key functionalities include picture submission, a search function, a virtual fitting room, and sharing/social media integration.

The development and presentation of Haunted Couture utilized slideware. Slideware, commonly known for creating slide presentations (Google Slides, PowerPoint, etc.), can also be leveraged for prototyping purposes. When used for prototyping, slideware goes beyond static presentations, incorporating interactivity to simulate the user experience of a digital product.

Tag(s): wireframes, prototyping, slideware

(Collaborative) Apartment Rental Mobile Application Prototype with Balsamiq | Repository

Home Hunt is a mobile apartment rental application designed to streamline the apartment-hunting process. The concept was developed into a high-fidelity, interactive prototype with Balsamiq. It offers a range of functionalities, including a map-based search tool for finding apartments based on user-specified criteria, such as location and price range. The application also allows users to view detailed information about apartments, including 3D walkthroughs and floor plans. Additionally, it includes a feature for reporting maintenance issues, where users can submit and track the status of their problems. A unique aspect of Home Hunt is its roommate support function, which includes tools for shared apartment living, such as a shared calendar, rent ledgers, and a chores tab. Home Hunt is an all-encompassing solution for apartment renters.

Tag(s): mobile, wireframes, prototyping, user testing, balsamiq

(Collaborative) Celebrity Dating Mobile Application Prototype with Figma | Repository | Live Demo

Celebrity Charm is an innovative online dating mobile application. The concept was developed into a high-fidelity, interactive prototype with Figma. The application allows users to search for potential matches by setting preferences such as age, hobbies, and location. One of its key features is the detail review, where users can heart, discard, or save profiles for later consideration. Additionally, the app offers robust communication functionality where users can engage with their matches through text or video messages, complete with indicators for unread messages and a history of past conversations. Quizzes and games are also available to further explore compatibility with matches, adding an element of fun and discovery to the application.

Tag(s): mobile, wireframes, prototyping, user testing, figma