Back to work
Written in Stone App
Full-stack capstone, interactive web app surfacing biblical geography and historical context through map-based exploration, built in Vue with Leaflet
Summer 2023
Web application built with Vue and Leaflet
Objectives
- Surface comprehensive biblical context
- Enable diverse audience to independently discover contexts
- Foster experience deepening understanding of scripture
Overview
Many Bible readers miss crucial geographical, cultural, and historical contexts. Written in Stone provides interactive map for easy access to ancient biblical contexts, enabling deeper and more nuanced interpretation.
Capstone presentation at MCAD
Method
- Conducted thorough research drawing inspiration from platforms like Urban Archive
- Progressed from moodboards and brand design to wireframes
- Documented evolving design system
- Built live web app using VS Code and Vue framework
- Created teaser motion graphic video
- Gathered feedback from experts and potential users for iterative refinement
Current prototype
Outcome
- Teaser video effectively communicates project essence
- Brand/design system exudes clean, modern aesthetic
- Figma prototype previews functionality and future enhancements
- MVP Vue and Leaflet app allows spatial exploration of biblical sites
- Future plans include mobile version and partnerships with nonprofits and colleges
Marketing teaser video
Tools & Technologies
Figma · Adobe Illustrator · HTML · CSS · Vue · Leaflet · GitHub