3D Sportswear Designer
An interactive 3D t-shirt customization platform for a Hong Kong company, enhancing customer engagement with real-time design previews and an intuitive interface.
Background
The project aimed to develop an interactive 3D platform allowing customers to design and customize their t-shirts. This platform enhances user engagement by enabling a realistic preview of the final product before purchase.
| Platform | Engine | Project | Time Frame |
|---|---|---|---|
| Web | ThreeJS | Project | 6 months |
Key Features
- 3D Customization Tool: Users can select t-shirt styles, colors, and patterns, and apply custom graphics or text in real-time.
- Preview Functionality: A live 3D preview allows customers to rotate and view their designs from multiple angles.
- User-Friendly Interface: Simplified navigation and clear instructions make the customization process easy for users of all ages.
My Tasks
Project Management
- Requirements Gathering: Collaborated with the client to gather and translate their needs into technical specifications.
- Cross-Department Coordination: Coordinated efforts among 3D artists, UI designers, and programmers to ensure alignment on project goals.
- Progress Tracking: Utilized Trello for tracking project milestones and monitoring team progress.
Team Management
- Development Environment Setup: Established the development environment, including repository management and asset pipeline organization.
- Technology Stack Decisions: Selected appropriate tech stacks, including ReactJS, Three.js, and Firebase, to optimize project performance.
Implementation
- Frontend Development: Led the development of the user interface and integrated Three.js for 3D functionalities.
- Firebase Integration: Implemented Firebase for analytics and data management, enhancing user insights and tracking.
- Email Ordering System: Developed an email ordering feature to streamline the customization and order process.
Team Composition
The project was executed by a skilled team of five professionals, each contributing unique expertise:
- Programmers:
- Responsible for the backend and frontend development, ensuring smooth functionality.
- Implemented features for user authentication, product customization, and payment processing.
- Utilized web technologies like JavaScript, HTML5, and CSS3, along with frameworks such as Three.js for 3D rendering.
- 3D Artists:
- Created high-quality 3D models of t-shirts and printing designs.
- Focused on texture mapping and realistic rendering to enhance visual appeal.
- Worked closely with the UI designer to ensure that the 3D models integrated seamlessly into the user interface.
- UI Designer:
- Developed an intuitive and visually appealing user interface.
- Conducted user testing to gather feedback and iterated on designs to improve user experience.
- Ensured that the platform was responsive and accessible on various devices, including mobile phones and tablets.
- Project Manager:
- Oversaw project timelines, resources, and team collaboration.
- Facilitated communication between team members and the client, ensuring that project goals were met.
- Managed risk and addressed any challenges that arose during the development process.
Technologies Used
- ReactJS
- ThreeJS
- JavaScript
- Figma
- Firebase
Screenshots
