Bootstrap Triptych
NMIX 6010 class project, Summer 2026
Created a three-panel website exploring different approaches to the design, customization, and user engagement of a website focused on the same subject. Each panel demonstrates how different features and customizations can influence the user experience. The project shows how a webpage’s foundation can evolve into distinct designs through changes in structure, styling, and visual direction.
To create a three-paneled look at the same subject. The first panel focuses on creating a webpage with Bootstrap components. The second panel was recreated using the same page using a pre-created theme, and the third panel customized that theme for a unique webpage.
Web Design · Front-End Development · Bootstrap · Theme Customization
- Establish the concept by selecting a topic, visuals, and Bootstrap features to use.
- Build panel one with bootstrap to create the webpage using bootstrap elements using minimal custom.css to establish the color palette and typography.
- Apply a pre-designed theme by recreating panel one to explore how a theme can influence the overall design and structure.
- Customize the theme by recreating panel two and adding custom.css to adjust fonts, colors, and theme elements to create a more unique final design.
Through this project, I explored Bootstrap elements and developed a responsive, mobile-first webpage. The process also allowed me to better understand how pre-existing themes and custom CSS can influence the visual design, typography, color, and layout of a webpage. By building across three panels, I was able to explore how different levels of customization can transform the same foundational design into distinct visual outcomes.