This week I worked on the creative team for the NEILBOT project, focusing on documentation, filming, editing, and making the interactive website. As part of the creative team, my role involved capturing the project process through various media formats and creating an engaging interactive website to showcase the work. The NEILBOT project combines web UI, software, electronics, and mechanical design, and our creative team documented this process through a short film and documentary, culminating in an interactive website that brings all elements together. This assignment demonstrates how creative documentation can enhance technical projects by making them accessible and visually compelling.

As a member of the creative team, I focused on four main areas: 1. Documentation: Creating comprehensive written and visual documentation of the project process, capturing key moments, decisions, and outcomes 2. Filming: Recording video content to document the process, demonstrations, and final results 3. Editing: Post-processing video footage, creating cohesive narratives, and preparing media for presentation 4. Interactive Website: Designing and developing an interactive website that showcases the project work in an engaging and accessible format These creative elements work together to tell the complete story of the project, making technical work accessible to a broader audience and preserving the process for future reference.

The creative process began with initial concept development and planning. We started by sketching out ideas for how to document the NEILBOT project, considering the different aspects that needed to be captured: the web UI development, software implementation, electronics design, and mechanical components. The initial sketches helped us plan the narrative structure and identify key moments to capture during filming.
Initial concept sketch for the NEILBOT project documentation, showing early planning for the creative team's approach to capturing the project

The creative team developed a Star Wars-themed concept for the NEILBOT film, creating early mockups that replace the iconic Death Star with NEILBOT. This creative approach adds a playful and engaging narrative element to the technical documentation, making the project more accessible and memorable. The "Neil Star" mockups were created as visual effects concepts, exploring how NEILBOT could be integrated into Star Wars-inspired scenes.

Neil Star Mockups - Early Visual Effects Concepts

Early mockup showing NEILBOT replacing the Death Star in a Star Wars-inspired scene


Neil Star mockup exploring different visual compositions and lighting effects


Another variation of the Neil Star concept, testing different perspectives and camera angles


Neil Star mockup exploring atmospheric effects and scene composition


Additional Neil Star concept variation, testing different visual styles and effects


Final Neil Star mockup exploring the integration of NEILBOT into the Star Wars universe

These early mockups served multiple purposes in the creative process: • Conceptual Exploration: Testing different visual approaches and compositions for integrating NEILBOT into Star Wars-inspired scenes • Narrative Development: Exploring how the Star Wars theme could enhance the storytelling of the NEILBOT project • Visual Effects Planning: Planning the visual effects work needed for the final film • Creative Direction: Establishing the visual style and tone for the project documentation The Neil Star mockups demonstrate how creative visual effects can transform technical documentation into engaging storytelling, making the NEILBOT project more accessible and memorable through familiar cultural references.

The filming process involved capturing video content to document the NEILBOT project at various stages. We filmed the development process, including web UI creation, software development, electronics assembly, and mechanical fabrication. The final filming sessions captured the completed project in action, demonstrating its functionality and showcasing the integration of all components.
Filming the final shots of the NEILBOT project, capturing the completed system in action

Video documentation provides a dynamic way to showcase the project, allowing viewers to see the work in action and understand the process more intuitively than static images alone. The footage captured during filming formed the basis for both the short film and the documentary.

The editing process transformed raw footage into polished content. We organized and selected the best clips from the recorded material, creating a coherent narrative structure that guides viewers through the NEILBOT project. The editing room became the creative hub where we assembled the short film and documentary, adding transitions, titles, captions, and other post-production elements to enhance clarity and engagement.
The editing room where we assembled the NEILBOT short film and documentary, organizing footage and creating the narrative structure

The editing process involved: • Footage Organization: Organizing and selecting the best clips from recorded material • Narrative Structure: Creating a coherent story that guides viewers through the project • Post-Production: Adding transitions, titles, captions, and other elements to enhance clarity • Export and Optimization: Preparing final videos in appropriate formats for web presentation Effective editing ensures that the video content is engaging, clear, and professional, maximizing its impact and accessibility.

The creative team's work culminated in three main deliverables: a short film, a documentary, and an interactive website. Each deliverable serves a different purpose in showcasing the NEILBOT project.
Screenshot from the NEILBOT documentary, showing the comprehensive documentation of the project development process

Short Film: The short film provides a concise, engaging overview of the NEILBOT project, highlighting key features and functionality in an accessible format. The film incorporates the Star Wars theme with the Neil Star concept, replacing the Death Star with NEILBOT to create an engaging narrative that makes the technical project more accessible and memorable. Documentary: The documentary offers a comprehensive look at the project development process, including interviews, behind-the-scenes footage, and detailed explanations of the technical and creative work. The documentary captures both the technical development and the creative process, including the visual effects work and Star Wars-themed creative concepts. Interactive Website: The interactive website serves as the central hub for showcasing the project work, bringing together documentation, images, videos, and interactive elements in a cohesive presentation. The interactive website development involved: • Design and Layout: Creating an intuitive and visually appealing interface • Content Integration: Incorporating documentation, images, videos, and interactive elements • User Experience: Ensuring the website is accessible, navigable, and engaging • Responsive Design: Making the website work well across different devices and screen sizes The interactive website brings together all the creative elements—documentation, images, and videos—into a cohesive presentation that makes the project accessible to a wide audience.

NEILBOT Interactive Website

The NEILBOT interactive website - explore the project's web UI, software, electronics, mechanical design, short film, and documentary

Open NEILBOT Interactive Website in a new window

NEILBOT Documentary

The NEILBOT documentary provides a comprehensive look at the project development process, including interviews, behind-the-scenes footage, and detailed explanations

NEILBOT Short Film

The NEILBOT short film provides a concise, engaging overview of the project, highlighting key features and functionality

This week focused on the creative aspects of project documentation for the NEILBOT project, specifically working as part of the creative team to document, film, edit, and create an interactive website. The assignment demonstrated how creative documentation can enhance technical projects by making them accessible and visually compelling. Working on the creative team provided valuable experience in multimedia production and web development. The process of documenting, filming, editing, and creating an interactive website required coordination between different creative skills and technical knowledge. Each element—from the initial concept sketches and Neil Star mockups to the final documentary and interactive website—contributed to creating a comprehensive presentation of the NEILBOT project work. The most significant learning was understanding how creative documentation can transform technical work into engaging content. The Star Wars theme and Neil Star mockups demonstrated how familiar cultural references can make technical projects more accessible and memorable. By combining written documentation, visual media (including early mockups and visual effects concepts), video content (both short film and documentary), and interactive web elements, the project becomes accessible to a broader audience and preserves the process for future reference. The NEILBOT project's complexity—spanning web UI, software, electronics, and mechanical design—required careful planning to ensure all aspects were properly documented and presented, while the creative Star Wars theme added an engaging narrative layer that enhanced the overall presentation. The interactive website serves as the central hub that brings together all the creative elements, creating a cohesive presentation that showcases the project work effectively. The short film and documentary complement each other, with the short film providing a quick overview and the documentary offering deeper insights into the development process. This approach demonstrates how creative team work can enhance technical projects and make them more engaging and accessible to diverse audiences.

Note: This assignment documentation website was created with assistance from Cursor AI.

Back to Awu's Page
Final Project: 3D Incense Diffuser with Genji Mon Pattern
Course Homepage
NEILBOT Interactive Website
NEILBOT Documentary (YouTube)
NEILBOT Short Film (YouTube)