Product Design and UX Design

Explore my various product design where you can see the details of my projects!

Product Design - Jinx Grenade

Overview

I collaborated with Worldsin3D to create a functional and representative cosplay prop for the popular League of Legends character Jinx. The design mimics the coloration and pattern from the movie adaptation, using a color scheme that resonates with fans. The material is a sturdy, custom mixture of resin, ensuring durability and authenticity.

Image of the scene in League of Legends movie with the Jinx Grenade on a bridge

Key Features

  • Large and Sturdy Pin: A robust pin on top allows cosplayers to easily hook the prop onto their costumes.
  • Side Pin Detail: A pin located at the side of the mouth accurately mimics the depiction in the movie.
  • Screw Base: Screws at the bottom enable the prop to stand upright when placed on a flat surface.
  • Detailed Scrapped-together Look: Smaller features make the prop feel authentically scrapped together, aligning with the movie’s aesthetic.
Jinx grenade shown in blender

My Role

Product Designer: Conceptualized and designed the prop.
Visual Designer: Developed the visual elements, including color schemes and detailed features.
UX Designer: Ensured the prop was functional and user-friendly for cosplayers.

Colorized Jinx grenade shown in blender

Design Process

Research

Market Analysis: Researched existing cosplay props to understand market standards and user preferences.
Feedback Review: Analyzed reviews to identify common issues and positive aspects of similar products.

Prototyping

Initial Model: Collaborated with Worldsin3D, who used Blender to create a base model for the prop.

Visual Design

Feature Development: Designed the screws at the bottom, the top pin, and developed the color scheme to match the movie.

Testing

3D Printing: Printed the prop using a 3D resin printer.
Durability Tests: Tested the prop’s stability by standing it on screws, and assessed its resilience by dropping and scuffing it to check for paint weakness.

 Jinx grenade with colors

Reflection

Learning Experience: Gained insights into designing visually appealing models that meet cosplayer needs.
Challenges: Faced difficulties in translating feedback into a 3D artform, which improved my communication skills with 3D artists.
Growth: This project opened the door to learning about product design, especially in the artistic and creative world of cosplay. It was a pivotal experience in understanding the journey from an idea to a tangible 3D design.

PAnother side of Jinx grenade with colors

Worldsin3D Booth - My Visual Display

Overview

I collaborated with Worldsin3D to create a visually striking booth for selling 3D resin prints of miniature creatures and figurines at a convention center in Victoria, Canada. The booth design embraced a sci-fi and spaceship theme, overcoming challenges such as limited booth space (10x8 feet) and travel restrictions from the US to Canada.

Owner of Worlds in 3D holding their banner

Key Features

  • Sci-Fi Atmosphere: Utilized a black background and string lights to mimic stars, enhancing the sci-fi theme.
  • Table Design: Decorated the 6x4 feet table with black cloth and lights to create a cohesive look.
  • Banner Display: Hung a branded banner behind the table for clear brand visibility.
  • Display Props: Used researched display props to effectively showcase miniatures and figurines, incorporating lights to highlight details.
  • Space Ambiance: Strategically used lights to create a space-like feel, making the booth immersive and visually appealing.
Image of one side of the booth I designed

My Role

Visual Designer: Conceptualized and executed the booth design.
Event Coordinator: Managed logistics and setup for the booth at the convention.
UX Designer: Ensured the booth was engaging and accessible to attract and retain visitors.

Another Image of one side of the booth I designed

Design Process

Research

Market Analysis: Investigated effective booth designs and display techniques for miniature figurines.
Cultural Considerations: Prioritized items based on Canadian culture and customs to maximize appeal.

Prototyping

Booth Layout: Planned the layout considering space constraints and travel limitations.

Visual Elements

Selected materials and lighting to enhance the sci-fi theme.

Visual Design

Background and Lighting: Created a starry night effect with black cloth and string lights to mimic space.
Table Setup: Designed the table with a black cloth and integrated lights, ensuring it complemented the overall theme.

Testing

Mock Setup: Conducted a trial setup to refine the layout and lighting effects.
Feedback: Gathered feedback from peers to optimize the design before the event.

Image of table display at booth

Reflection

Learning Experience: Gained valuable insights into event coordination and visual merchandising.
Challenges: Navigated logistical challenges and cultural considerations, enhancing problem-solving skills.
Growth: This project expanded my understanding of creating immersive and functional display environments, preparing me for future event-based design work.

Me and client smiling at table display

TrailAid - Multi-Generational Traveling Companion App

Go To Prototype

Overview

I created TrailAid, an app designed to be user-friendly for multiple generations, with intuitive features and strong visual contrasts. This traveling companion app helps users find nearby trails, offers emergency assistance, and promotes safe hiking experiences for all ages. The app allows users to find and filter parks, join or create hiking groups, and access emergency help with a single button. Additional features include navigational maps, a virtual feature called "Mindful Moments" that provides positive messages along trails, and a playlist option for remote listening. Users can also declare medical aid certification or caregiver status, ensuring safe and supported hikes.

Overview of all the sections of the trail aid app

Key Features

  • Easy Navigation: Strong contrast and simple interface for users of all ages.
  • Park and Trail Finder: Filter parks and trails based on user preferences and location.
  • Group Hiking: Create or join hiking groups, with options for women-only groups.
  • Emergency Assistance: One-button access to emergency help if lost or in need of medical aid.
  • Mindful Moments: Virtual feature providing positive messages at trail points, accessible via a clickable icon.
  • Medical and Caregiver Support: Users can declare medical aid certification or caregiver status, enhancing group safety.
  • Playlist Feature: Listen to Mindful Moments even when not hiking.
  • Custom Filtering: Extensive filtering options to meet diverse user standards and preferences.
Homescreen of the trail aid app

My Role

Product Designer: Conceptualized and designed the app from the ground up.
Visual Designer: Developed a visually accessible interface with strong contrasts.
UX Designer: Ensured the app's features were intuitive and met the needs of a multi-generational audience.

Image of the trails overview in trail aid app

Design Process

Research

User Needs: Conducted surveys and interviews with users from different age groups to understand their needs and challenges.
Accessibility Standards: Researched best practices for designing accessible apps, especially for users with visual impairments.

Prototyping

Wireframes: Created low-fidelity wireframes to map out the app’s structure and flow.
High-Fidelity Prototypes: Developed high-fidelity prototypes in Figma, incorporating feedback from initial testing.

Visual Design

Contrast and Clarity: Focused on high contrast between sections and minimalistic design to enhance readability for users with poor eyesight.
Intuitive Layout: Designed a clean, easy-to-navigate interface with large buttons and clear labels.

Testing

User Testing: Conducted usability tests with participants from different age groups to gather feedback on the app’s design and functionality.
Iteration: Made iterative improvements based on user feedback, focusing on accessibility and ease of use.

A quick overview of the trail information on the app

Reflection

Learning Experience: Gained insights into designing for diverse user needs and creating an accessible app on Figma.
Challenges: Overcame difficulties in ensuring sufficient contrast and limiting information on each page for elderly users.
Growth: Learned to balance multiple features while maintaining a clear and intuitive user interface. This project also taught me the importance of integrating external services like Google Maps and emergency contacts to enhance app functionality and safety.

Image of the help center on the trails aid app