Preview of three app screens

Bible travel app


Brief -
As part of our second module in first year we were tasked with creating a travel app.
I decided to take a more abstract approach to it as I wanted to design an app that would stand out from the ones my peers would create.

Software: Figma, Miro, Procreate.

Skills: Web design, Prototyping, Wireframing, User research, UX and UI design, App design.

Go on, take a nosy ...


Research and discovery


I started off by considering all the different areas I could technically consider as 'travel'. I considered taking a more 'normal' approach but eventually decided to make the project a bit more personal to myself. I realized that there was a big gap for young Christians when it came to interactive apps that would not only teach but also guide them through the years as their knowledge and understanding grows - Three Sixteen was my solution to this problem.

Click here to see my research blog.



Getting started on paper

Preview of sketchbook pages to show design process



A very important part of my design process is putting pen to paper. This is something I struggled with at the beginning as I was used to jumping straight into the computer. Having to slow down and actually have to think things through was a big help though. This is something I slowly became better at through the duration of my first year at university.

The problem


I decided to create a bible app as I noticed there was a very large gap in the market for truly interactive bible based learning platforms. I was largely inspired by some of my childhood books I had growing up that were truly interactive in the way of textures, colours and imagery. I started thinking of how as I got older and my knowledge grew I started moving on from simple books to harder more in depths evaluations of the different books in the bible and how this process enabled me to further my knowledge.

The problem is that this is paper based learning method that spreads out over many (very heavy) books; my aim was to digitalize this journey to create a platform were the user could learn and be guided as their knowledge grows.

Three sixteen was my solution.


The design


After sketching out my ideas I decided to focus mainly on the younger demographic or users that would be using this learning platform. I decided to use a lot of fun, eye catching colours to appeal to that age group.

I designed my illustrations in Procreate. At this time I did not have much experience with this tool so this was a very good learning opportunity for me.

I created a little character to take you through the app. I gave her a map to give the idea of taking a journey through the different biblical events.


Reflection: I was too quick to jump into procreate and I had not come to grips with wireframing at this stage - at least not correctly - I now understanding their importance and should I have a chance to work on this project again, this is one of the changes I would make to my process to improve my project.

Click here to see my blog post detailing more of my process.

App avatar


Peer feedback


This is something I found incredibly hard to do at the beginning - giving feedback. I found that people were not quick to give feedback due to fear of offending but I found the critical feedback given to be the most useful for me as this is what helped me improve the most. I like working with others and getting their opinions on every aspect of the design as I believe it helps me improve not only my design but also my process.

Click here to see my blog post detailing how I took the feedback onboard.

Reflection: I could have conducted user surveys to better understand my user. I could have also developed a few screens of what the older users would see as they will have different screens.

Preview image of peer feedback


Results


The outcome I was able to create at the time was something that pleased me but looking at it now with more experience there are a few things I would change.

Home screen
Jonah story page 1
Jonah story page 2
Noah story page 1
Noah story page 2
Want to see more? Read my next case study