Visualizations for the 'System Infinity' EP by Alterations. Each track inspired a different narrative, meticulously modeled and animated in Blender, with the final piece produced in DaVinci Resolve 17.

Alterations - System Infinity EP Visuals

A 3D animation inspired by Doctor Who, modeled and rendered using Blender. It captures the essence of the iconic series with detailed modeling and animation. 

Doctor Who?

A 3D tribute to a handcrafted guitar by Mark Swanson. The inlay and sound chamber cover are made from sustainably sourced abalone shell. This piece honors the instrument's significance in my family.

Heirloom

A 3D model and animation of the Red Stone of Aja from JoJo’s Bizarre Adventure. The silver detail was generated using paint.net plugins to create normal and height maps from online images.

Is that... a JoJo reference?

🇺🇦 A dedication to the sacrifices made in Ukraine's fight for sovereignty. 
🕊 Created over several months starting shortly after the war began. It serves as a reminder that the world is still watching. What do you feel when you reflect on this?

Sacrifice

"Sacrifice" - 3d Animation | Mixed Digital Media | Made with Blender 
In dedication to the sacrifices made in Ukraine's fight for sovereignty.

Sacrifice II

Praise the Sun! 🌞 Inspired by the Dark Souls series, this piece was modeled and animated in Blender. It celebrates the 'Praise the Sun' theme from the game.

Sol Amulet

A 3D extension of Hiroshi Nagai's 'Southern Freeway' (2017). Drawn to Nagai's vibrant colors and dreamy Americana, this piece is a remix of the original. Notably, the bush with red flowers was generated by DALL-E 2.

Southern Freeway

A promotional render for singer Zahara's 'Alibi' single. This project involved both creating 3D promotional content and acting in the music video. Modeled and animated in Blender, with post-processing in DaVinci Resolve.

Zahara - Alibi Promo

🌹A 3D animated remix of Zero 7's album art 'The Garden'. Modeled, textured, and animated in Blender, with video editing in DaVinci Resolve. This piece breathes life into static album art, reflecting the dynamic nature of music

Zero 7 'The Garden' Remix

A 3D take on Zero 7's album art for 'When It Falls'. Using various techniques, including converting the artwork into SVG and 3D meshes, this piece adds depth with compositing effects like chromatic aberration and film grain.

Zero 7 'When It Falls' Remix

I used to be under the impression that in order to become a software developer, certain qualities or abilities were hard prerequisites. Essentially: be born with a knack for engineering. For a long time, I didn’t consider myself an engineer and gatekept myself out of opportunities.

5 reasons I became a web dev

Rediscovering the magic of exploration and the profound joys of walking, after a 5-month hiatus. Delve into the wonders of the sublime and the benefits of a simple stroll.

On Walking


## Project Overview
Developed "The Way and Its Virtue," an open-source, web-based comparative reader for the Tao Te Ching. This project was inspired by Igor Bedesqui's "The Manual" and merges my decade-long interest in philosophy with my passion for web development.

## Purpose
To provide an enriching experience for those exploring the Tao Te Ching, offering fresh insights and a meaningful exploration of this ancient text.

## Core Features and Technology
- **Astro**: Built with Astro for a modern, performant web experience.
- **TypeScript**: Utilized TypeScript for robust, type-safe code.
- **Tailwind**: Styled with Tailwind for a responsive and visually appealing design.
- **Additional Features**: Includes dark mode, view transitions, intuitive sharing options, and more.

## User Experience
Offers a comparative reading experience of the Tao Te Ching, designed to be accessible and engaging for both long-time enthusiasts and those newly curious about Taoist philosophy.

## Outcome
Created a platform that allows users to delve deeper into the Tao Te Ching, providing a space for exploration and reflection on its profound wisdom.
    

The Way and Its Virtue


## Project Overview
Developed Poliscope, a web application designed to simplify and enhance understanding of the 2024 U.S. Presidential Election.

## Purpose

To provide voters with balanced and factual information about each candidate, empowering them to make informed decisions.

## Core Features and Technology

- **SvelteKit**: Built with SvelteKit for a responsive and efficient user experience.
- **Data Transparency**: Uses OpenAI's ChatGPT, Ballotpedia, and open-sourced data to ensure transparency and accuracy.

## User Experience

Poliscope offers interactive candidate profiles, comprehensive issue breakdowns, and viewpoints from across the political spectrum to help voters understand each candidate better.

## Development Insights

- **Technical Skills**: Showcased proficiency in SvelteKit and modern web technologies.
- **Ethical AI Integration**: Carefully integrated AI to minimize bias in presenting political information.
- **Open Source Approach**: Committed to community involvement and open-source principles for ongoing improvements.

## Outcome

Successfully created a platform that aims to inform and engage voters, encouraging informed voting and political discussion.
    

Poliscope


## Project Overview

Created an interactive tribute to Katsushika Hokusai's iconic series, "36 Views of Mt. Fuji."

## Purpose

To modernize the appreciation of Hokusai's artistry and make his work more accessible through a visually striking and interactive platform.

## Core Features and Technology

- **Angular**: Built with Angular to create a robust and dynamic platform.
- **OpenSeadragon**: Integrated for ultra-smooth, high-resolution gallery viewing.

## User Experience

Offers an immersive gallery experience with high-resolution images and interactive features, allowing users to explore the intricate details of each artwork.

## Development Insights

- **Technical Skills**: Enhanced skills in Angular and OpenSeadragon.
- **Artistic Appreciation**: Developed a deeper understanding and appreciation for art, translating Hokusai's works into a digital format.
- **User Experience Design**: Focused on creating an interactive and immersive gallery experience.

## Outcome

Successfully built a modern tribute to Katsushika Hokusai, providing art enthusiasts with a fresh and interactive way to explore the "36 Views of Mt. Fuji" series.
    

The Majesty of the 36 Views of Mt. Fuji


## Project Overview

The clean, nature-inspired aesthetic reflects their boutique status while streamlining the booking experience for their clientele.

## Purpose

To create a visually appealing and informative online presence for Naka Studio, making it easier for clients to discover and engage with their services.

## Core Features and Technology

- **Astro.js**: Built with Astro.js for high performance and seamless content integration.
- **Tailwind CSS**: Used for styling to ensure a modern and responsive design.
- **SEO Optimization**: Implemented SEO strategies to enhance online visibility.

## User Experience

The website provides a responsive design, detailed service information, and personalized content about the founder.

## Development Insights

- **Technical Skills**: Improved proficiency in Astro.js and Tailwind CSS.
- **Client Communication**: Effectively managed client interactions and project requirements.
- **Project Management**: Oversaw the project from conception to completion, ensuring alignment with the client's vision.

## Outcome

Delivered a modern, SEO-optimized website that effectively represents Naka Studio's brand and services, making it easier for clients to find and book appointments.
    

Naka Studio


## Project Overview

Developed a platform to promote CypherQueenz, a vibrant Bgirl collective, highlighting the pivotal role of women in Hip Hop.

## Purpose

To showcase the activities and contributions of CypherQueenz in the Hip Hop community, making it easier for people to find events and connect with the collective online.

## Core Features and Technology

- **Astro.js**: Utilized to create a modern and dynamic platform.
- **Sanity.io**: Integrated for seamless content management.
- **Diverse Content**: Showcased events, blogs, and galleries to highlight the collective's work.

## User Experience

Optimized for performance with fast load times and a smooth user experience. The platform encourages user engagement with visually appealing design and intuitive navigation.

## Development Insights

- **Technical Skills**: Enhanced skills in Astro.js and Sanity.io.
- **Design Skills**: Focused on creating a visually engaging platform.
- **Content Management**: Improved content management processes with Sanity.io.

## Outcome

Successfully created an engaging platform that promotes CypherQueenz, making it easier for people to find events and connect with the collective online.

    

Cypher Queenz


## Project Overview

A humorous web game about climbing the corporate ladder from a Mailroom Clerk to Chairman of the Board.

## Purpose

To offer a fun and light-hearted take on corporate life through an engaging web game, and to recreate a game from the 1980s that my father coded in GW Basic, providing a unique way to unwind and enjoy humorous scenarios.

## Core Features and Technology

- **Scenario-Based Gameplay**: Engages players with various humorous scenarios.
- **Tongue-in-Cheek Humor**: Provides a playful perspective on corporate culture.

## User Experience

The game is designed for fun and relaxation, with engaging scenarios that test wit and decision-making skills.

## Development Insights

- **Creative Storytelling**: Showcased ability to craft engaging and funny narratives.
- **Game Development**: Gained experience in web game development.

## Outcome

Delivered an entertaining web game that offers a humorous take on the corporate world, providing players with a unique way to unwind and enjoy light-hearted gameplay.



Chairman of the Board


## Project Overview

A web app dedicated to ranking Stands from the anime series "JoJo's Bizarre Adventure."

## Purpose

To provide fans with an engaging platform to rank and discuss their favorite Stands, fostering a vibrant community around the series.

## Core Features and Technology

- **T3 Stack**: Built using TypeScript, tRPC, and Tailwind for a responsive and dynamic experience.
- **Next.js**: Utilized for seamless performance and fast load times.
- **MySQL and Prisma**: Implemented for robust backend data management.

## User Experience

The platform is designed to engage users with dynamic features and interactive rankings, encouraging community participation.

## Development Insights

- **Technical Skills**: Gained deeper understanding of the T3 Stack and Next.js.
- **Community Building**: Focused on creating a user-centric platform for fans to interact.
- **Backend Development**: Enhanced skills in backend development with MySQL and Prisma.

## Outcome

Successfully built a space for "JoJo's Bizarre Adventure" fans to rank and discuss Stands, fostering a vibrant and interactive community.

    

OP-T3


## Project Overview

Contributed to the front-end development of the Growth Report feature for the DreamBox Learning Insights Dashboard.

## Purpose

To enable detailed tracking and analysis of growth metrics, helping educators and administrators make informed decisions.

## Core Features and Technology

- **Angular**: Developed using Angular for a robust front-end solution.
- **JavaScript and TypeScript**: Utilized for dynamic and interactive UI components.
- **HTML and SCSS**: Applied for structured and stylish web content.

## User Experience

The feature provides an intuitive interface for users to track and analyze growth metrics effectively.

## Development Insights

- **Technical Skills**: Enhanced proficiency in Angular, JavaScript, and TypeScript.
- **Collaboration Skills**: Worked closely with a cross-functional team to meet user requirements.
- **Problem-Solving Skills**: Ensured meticulous attention to detail throughout the development process.

## Outcome

Delivered a feature that facilitates effective growth reporting, enhancing the ability to track and analyze growth metrics for better decision-making.
    

DreamBox Learning Insights Dashboard - Growth Report


## Project Overview

Developed the Educator Usage Report feature for the DreamBox Learning Insights Dashboard.

## Purpose

To provide educators with detailed usage data, helping them understand and improve their teaching practices.

## Core Features and Technology

- **Angular**: Utilized Angular for building a scalable front-end.
- **JavaScript**: Implemented dynamic functionalities to enhance user experience.

## User Experience

The feature offers a user-friendly interface for educators to access and interpret usage data effectively.

## Development Insights

- **Technical Skills**: Improved proficiency in Angular and JavaScript.
- **Collaboration Skills**: Collaborated with various teams to create user-centric UI solutions.
- **Feedback Integration**: Integrated feedback continuously to refine the feature.

## Outcome

Successfully created a feature that enhances the user experience by providing detailed and actionable usage data for educators.
    


DreamBox Learning Insights Dashboard - Educator Usage Report


## Project Overview

Developed the Predictive Insights Report feature for the DreamBox Learning Insights Dashboard.

## Purpose

To leverage predictive analytics for providing valuable insights, helping educators make informed decisions for end-of-year performance.

## Core Features and Technology

- **Angular**: Built using Angular for robust front-end development.
- **JavaScript**: Used to create interactive and dynamic content.

## User Experience

The feature provides predictive insights through an intuitive interface, enabling educators to make data-driven decisions.

## Development Insights

- **Technical Skills**: Enhanced proficiency in Angular and JavaScript.
- **Collaboration Skills**: Worked closely with stakeholders to align with their expectations.
- **Problem-Solving Skills**: Addressed and resolved issues during the development cycle.

## Outcome

Successfully launched the Predictive Insights feature, receiving positive feedback for its ability to provide valuable insights and aid in decision-making.



DreamBox Learning Insights Dashboard - Predictive Insights Report


## Project Overview

Developed an internal proof-of-concept ChatGPT Support App during the Summer Fix.Build.Learn hackathon.

## Purpose

To streamline onboarding and provide self-serve information to employees, enhancing operational efficiency.

## Core Features and Technology

- **Azure OpenAI Studio**: Leveraged for building secure and efficient GPT-powered chatbot functionalities.
- **React**: Utilized for creating a dynamic and interactive user interface.

## User Experience

The app offers a user-friendly interface for employees to access self-serve information, improving onboarding processes.

## Development Insights

- **Technical Skills**: Gained hands-on experience with Azure OpenAI Studio and React.
- **Collaboration Skills**: Worked with stakeholders and cross-functional teams throughout the development.
- **Problem-Solving Skills**: Oversaw QA testing to ensure the app met technical and user requirements.

## Outcome

The project was well-received, showcasing its potential to enhance operational efficiency, and led to a successful pilot phase.
    

Internal ChatGPT Support App


## Project Overview

Collaborated on developing touchscreen experiences for the Ed Hardy retrospective at the de Young Museum in San Francisco during my apprenticeship as an amanuensis to senior developer Ian Gilman.

## Purpose

To create an interactive and engaging experience for museum visitors, showcasing the work of renowned tattoo artist Ed Hardy.

## Core Features and Technology

- **JavaScript and HTML**: Developed interactive elements using JavaScript and HTML.
- **HTML Canvas**: Utilized for rendering dynamic and detailed visual content.

## User Experience

The interactive touchscreens provided an immersive way for visitors to explore Ed Hardy's journey and his contributions to tattoo art. Users could view his sketches, designs, and tattoos up close. Vintage photographs of tattoo models were interactive and their tattoos, separated by precise SVG boundaries, were hotspots to click to explore that particular design.

## Development Insights

- **Technical Skills**: Enhanced skills in JavaScript and HTML Canvas.
- **Collaborative Learning**: Gained insights from working closely with experienced developers and museum curators.
- **User Engagement**: Focused on creating an engaging and informative user experience.

## Outcome

Successfully delivered interactive experiences that enhanced the exhibition, providing visitors with a deeper understanding of Ed Hardy's artistry.
    

Ed Hardy Interactives


## Project Overview

Contributed to the development of TOTA.world, a platform designed to foster connections with various cultures through rich multimedia content during my apprenticeship as an amanuensis to senior developer Ian Gilman.

## Purpose

To provide a comprehensive resource for exploring and sharing cultural insights, promoting a harmonious global community.

## Core Features and Technology

- **HTML, CSS, and JavaScript**: Developed the platform using these core web technologies.
- **Rich Multimedia Content**: Integrated articles, videos, and interactive maps to provide a diverse range of cultural information.

## User Experience

The platform offers an engaging and educational experience, encouraging users to explore and connect with different cultures.

## Development Insights

- **Technical Skills**: Improved proficiency in HTML, CSS, and JavaScript.
- **Client Engagement**: Learned to effectively communicate and meet client requirements.
- **Content Integration**: Gained experience in integrating and managing diverse multimedia content.

## Outcome

Successfully contributed to a platform that fosters cultural understanding and connection, enhancing users' appreciation of global diversity.
    

Traditions of the Ancestors


## Project Overview

Collaborated on the Living Worlds app, a modern recreation of dynamic pixel art scenes by Mark Ferrari during my apprenticeship as an amanuensis to senior developer Ian Gilman.

## Purpose

To bring Mark Ferrari's pixel art scenes to life with real-time transitions and ambient soundscapes, celebrating the 25th anniversary of his original works.

## Core Features and Technology

- **iOS and Android**: Developed for cross-platform functionality on mobile devices.
- **JavaScript and HTML**: Used to create interactive and dynamic scenes.

## User Experience

The app offers a unique and immersive experience, allowing users to explore dynamic pixel art scenes with real-time transitions and soundscapes.

## Development Insights

- **Cross-Platform Development**: Gained experience in developing for both iOS and Android platforms.
- **Artistic Presentation**: Enhanced skills in presenting pixel art in a dynamic and interactive format.
- **Freelancing Skills**: Learned the nuances of managing client projects and delivering high-quality work.

## Outcome

Delivered a well-received app that brings Mark Ferrari's pixel art scenes to life, offering users an engaging and nostalgic experience.
    

Living Worlds


## Project Overview

Collaborated on developing a touchscreen experience for the "Contact Warhol: Photography Without End" exhibition at the Stanford Cantor Museum during my apprenticeship as an amanuensis to senior developer Ian Gilman.

## Purpose

To create an interactive experience that unveils never-before-seen photographs by Andy Warhol, offering insights into his social interactions and celebrity encounters.

## Core Features and Technology

- **JavaScript and HTML**: Developed interactive elements using these core web technologies.
- **HTML Canvas**: Utilized for rendering dynamic visual content.

## User Experience

The interactive touchscreen provided an engaging way for visitors to explore Warhol's photographs, enhancing their understanding of his work and social life.

## Development Insights

- **Technical Skills**: Improved proficiency in JavaScript and HTML Canvas.
- **Client Project Management**: Gained experience in managing and delivering client projects.
- **User Engagement**: Focused on creating an interactive and informative user experience.

## Outcome

Successfully delivered an interactive experience that enriched the exhibition, providing visitors with a deeper connection to Andy Warhol's photography.
    

Andy Warhol Interactive


## Project Overview

Contributed to the development of the Knoll Interactive Archive, a digital platform that narrates the rich history of Knoll during my apprenticeship as an amanuensis to senior developer Ian Gilman.

## Purpose

To create an engaging and interactive digital archive that showcases the legacy of Knoll's creativity and innovation since 1938.

## Core Features and Technology

- **Pixi.js and Hammer.js**: Utilized these libraries for creating interactive archives.
- **JavaScript**: Developed dynamic and interactive content using JavaScript.

## User Experience

The platform offers users an interactive way to explore the history of Knoll, including the people, products, and events that shaped the company's legacy.

## Development Insights

- **Technical Skills**: Enhanced proficiency in Pixi.js, Hammer.js, and JavaScript.
- **Freelancing Skills**: Gained experience in client communication and project management.
- **Interactive Development**: Focused on creating engaging and interactive user experiences.

## Outcome

Successfully contributed to an interactive archive that allows users to explore Knoll's history in an engaging and informative way.



Hi! I'm Sean Swanson. 👋

Featured Projects

WebDev 001

Art 002

Blog 003

5 reasons I became a web dev

On Walking