Web design, graphics & coding

concept for ogham in 3 d website

Mapping the Ogham Stones of the Dingle Peninsula

[Tools used: UX Design, Photoshop, HTML5, CSS3, Bootstrap, Javascript, Google Maps API. Written using Gitpod, hosted on Github]

For my second project, as part of my Diploma in Software Development, I wanted to redevelop a project I had worked on as part of my MA in Digital Culture.

Long story short, Ogham in 3D is a community archaeology project, to 3D map Ogham Stones on the Dingle Peninsula. You pick an Ogham stone, take many, many photos of it from all sides, upload it to photogrammetry software, and process it into a 3D model! I have documented the whole process extensively on my research blog http://fitefuaite.com/

The aim of this website is to explore digital archiving, and create a digital repository for my local community digital archaeology project. I have written about the UX research I carried out, the building and deployment of the website on Github: https://github.com/OrlaBr/ogham-mapping-project

You can view the deployed site here: https://orlabr.github.io/ogham-mapping-project/index.html

My favorite parts of this project, outside of learning about Google Maps, APIs, and javascript, were of course creating the little details.

As a research nerd who loves maps, I naturally had to learn more about interactive digital maps!

Robert E. Roth has written many papers on creating interactive maps. I particularly liked his work explaining The Three U’s of Interface Success. A successful interactive map in practice is contingent upon three components: the user, its utility, and its usability.

I got to research old maps, and create a colour scheme.

I designed a favicon, using Ogham script

The main aim of this project was to explore mapping and archiving, that would work well in mobile. Most digital repositories are not mobile friendly, and I wanted to create a website, that people could view on their mobile, out in the field.

I’ve written an extensive ReadMe on github, about building the project, if you are interested in reading more.

website viewed on different devices, desktop, and mobile