Sketches/Planning

After the consultation, I will now need to organise my remaining tasks for better execution. 

First off is the marker design, instead of designing a new icon or marker, it is recommended to use the original label. A QR code will be needed to download the app so in terms of label and marker, I only need to use the original ones and generate a QR code later.

Next is the 3D assets. I have two choices in terms of UI, one is the florals surrounding the bottle when detected, and another one is from the back of the bottle. Experiment will be needed to decide which is better.


As of the art style for the 3D objects, it's recommended that I do something simple and not too complicated. There's no need for it to be too complicated so it's less time consuming. I can also play around with the lighting and composition to further enhance it without having to do anything to realistic for the 3D objects.

Next is the communication part, including the pages and flow of the app. I have decided on Home, Info, AR experience pages and the capture/snap photo feature. 

 
-----------

Mobile app UI references

I'm looking at some references of mobile app UI design. Although there are very minimal UI elements for the app but it's still necessary to make it look as good as possible.
Below are references for layout which I plan to make it simple.

7 EXAMPLES OF PLAYFUL WEATHER APP UIS Looking for some inspiration to bring the weather to life? We’re making it rain.Weather Card by Sumit Choudhary for Nickelfox on Dribbble
30 affiches et posters graphiques pour votre inspiration | Blog du Webdesign    Join the Conversation on BehanceIcons Discover The writing experience - Nerdoo The writing experience - Nerdoo . . Follow @ui.design.inspiration . . Work by @capable.team . . Get FEATURED Your UI/UX Designs. Tag us @ui.design.inspiration Hashtag #uidesigninspiration . . Follow @web.vine Follow @creativesstore Follow @thehotskills . . . #uiuxdesign #appdesigner #uidesign #uiuxdesigner #appdevelopment #uxuidesign #uxdesign #uiuxsupply #uiuxzone #ui #mobileappdesign #dribbblers #uiux #uitrends #ui__ux #uxigers #gfxmob #graphCountries by Mark Maynard #ui #appdesign #minimal
Neomorphism UI on BehanceObjest Clock by Gregory Loshakov
Smart Lamp Application by RonDesignLab on Dribbble오프라인 경험을 이용한 디자인 Daily UI 015 - On/Off Switch daily ui 015 daiyui interface creative app home automation toggle light smart home switchSmart Home App by Angel Villanueva | Dribbble | Dribbble

Comments

Post a Comment

Popular posts from this blog

Progress

Image
Here's a confession: this is a very very very late update and I'm updating everything at once. Further information in probably my last blog post. But first I'll carry on with the progress. After sketching and planning, I moved onto designing the UI of the app. I couldn't do much due to the time constraint but I still tried my best to do as much as I could.  I first started off designing with an iPhone XR's viewport because I own an XR, right? Its the towards the last few days I realised that I couldn't use Xcode on my laptop that runs on Windows. Which means I can't download the app with my own phone. Which means I need an Android phone. Which again means I need to change the viewport, which I did. The design remained pretty much the same but just in different size.  Regarding the design, I chose this pale yellow because again this is for the brand, Jo Malone. This yellow is used on the labels, packaging as well as their websites. So I decided to stick to th
Read more

Week 5: Refining Proposal

Image
After the consultation on week 4, I had to refine my proposal alongside the learning plan and project management chart which is due next week. Louise showed us examples of how to write project background, purpose and all that jazz after week 4's consultations. They were pretty helpful so I actually managed to refine and write them accordingly. I also had to plan out my user flow, a sketch of what is going to happen when the users engage with the AR app. Louise also showed me another case study on AR by Shazam and the gin brand, Bombay Sapphire. (Not gonna lie I felt so weird seeing the gin on screen because we have one laying at home for YEARS) To summaries, users can scan the complimentary little tag that comes with the bottle, then they will see animation of flowers coming out of the label, also users will have access to the videos of different cocktail recipes utilizing this gorgeous looking liquor while different genres of music will play according to the different recipes. (Al
Read more

Final Artefact

Image
After much challenges, I have finally completed building the AR application on Unity. Not only Vuforia and Unity, I also had to install Android Studio, JDK and JRE for app building. Once the APK is built and saved in my laptop, I connected the Samsung S6 Edge Plus with my laptop and imported the APK into the phone. Next, I installed the APK in the phone. This is how the icon of the application looks like. It's the logo of Jo Malone that can be found on their packaging as well. This is the homepage of my app. User can be seen holding the device and the bottle of cologne that will be scanned. This is the instruction page of the app. The user is shown scanning the image target with the application and the 3D models of lime basil and mandarins showed on screen. The application did achieve the most basic expectation I had in mind, although it is not very fancy or full of content, I had at least learnt how to build an AR app and gained more technical knowledge. One thing regrettable is t
Read more