Skip to main content

MOCK UP VISUALISATIONS

During the creation of my app, I frequently used Figma as the platform for my designs. The two images on the left are my most finalised visualisations of what the app could look like. I have chosen the bottom design with the coloured background to go forward with my app. Although bold I find this, combined with the simplistic logo works really well and helps convey what my app is about. I want the app to be very visual and I will be including enticing images on almost every single page of my app.

To be able to use the app, the user has so sign up or log in. After this page, they are shown our terms and conditions and are also asked for permission to use the camera when using the app. The next page after this is the home page, I want this to be the heart of the app and the users should be able to navigate anywhere in the app from here. It needs to be clean and organised so the user flow isn't disrupted which is important as I want the app to be simply used and enjoyed. 

These are mock ups which I will be using when making my prototype. Below are images of the AR being used as well as the slide out menu option. I feel that including FAQ's on the menu will enable users to navigate easily throughout the app. 







Comments

Popular posts from this blog

AXURE RP EMBED MEDIA TUTORIAL

In this stage of the prototype creation I have all my panels completed in Figma, as well as my augmented reality scene recorded from WiARframe ready for importing. However I was unsure on how to import my video into Axure so that it plays when the page is visited. I read Axure's support blog and learnt that it is easily embedded. They posted a link within the blog post and it took me to their youtube channel. I followed their online tutorial which enabled me to import my video into Axure RP. I now have a semi-working prototype and the next step is to insert my pre-made designs and put it all together for a finished product. 

WORKING PROTOTYPE

To create my working prototype I used a range of platforms to enable myself to get a really clear visualisation of what I want my app to look like and also how I would want it to work . Below is a video of my working prototype  as well as a link to the Axure share page in which it can be tried from.  https://lr0bgm.axshare.com

USING WIARFRAME

When creating my prototype I looked for a software in which I could create my augmented  reality sequence ready to put into Axure RP. I came across a software which was  just starting up called wiARframe, I tried get the software and received an email informing me I was 125th in the queue. However I emailed the founder of the company, explaining who I am and why I wanted access to his software and I gained early access. The wiARframe software is very clean, simple and  quick to pick up. This along with a step by step introduction, enabled me to get a really clear understanding in a short amount of time. I created my own textures in photoshop and imported them to then apply to the found assets on the Google Poly Collection.   In order to get this prototype onto a mobile device I downloaded the wiARframe app and logged into my account which shares the project from both my laptop and my mobile. Any changes I made on my laptop will appear o...