Concluding This Project

My realisation of concept consists of a multilingual website that hosts a short, introductory video and a set of both iPhone and iPad designs for the project’s products. I chose to focus on 4 pathways of design because of the depth of research and information I produced during the R&D stage.

I was relatively new to Adobe Muse and it took a while to overcome its hardships. Working with fluid/fixed width and break points proved to be difficult because of the versatility of moveable objects. I found on different screen sizes using fluid width objects would move out of place. Eventually I settled with a fixed width and this proved to be the most effective way of producing a good layout for the website. I am pleased with the outcome of the website as the colours and layout complimented each other.

The development of the short video was very much so a last minute decision. The header of the website looked plain without the video. Therefore I created a short message about GRND8 and what it can do for customers. The video is very basic in its appearance and I feel that I could have paid more attention to the production aesthetics. However, the video is strong in getting its message across and explaining to consumers exactly what GRND8 is about.

Originally I had wanted to just convert the website to the Chinese language. However, Vimeo had a plugin that allowed me to write my own subtitles. So I took the time sequences and translated my speech from the video. This suits both the branding and target audience engagement because they are able to follow the video as well. A large part of this project was target audience engagement. A chose an audience that would not easily be accessible in my position. However, it proved effective.

The designs for the iPhone and iPad applications were quite simplistic and lacked any clarity towards a feasible design. However, the user experience is well navigated through the use of identifiable iconography. The Iconography behind this project was effective in its direction. More attention could have been paid to the colour scheme and use of layout. Especially in the ‘Micro-credit Tracker’ screen that lacks any formulaic layout. Designing for iPhone required careful research into existing user journeys. My first initial designs were rejected because the typeface was too small and disjointed on the page. The designs excel in user navigation but simply needed more detail and refined designs to look aesthetically pleasing to consumers.

The iPad designs were simpler to produce after having base template from the iPhone designs. I may have chosen to use a slightly more varied colour palette. I like the main green because of its connotations towards money and wealth. I would use more relatable colours to compliment this main colour to develop this designs.

Overall, I feel this project has successfully tackled not only reaching my target audience but also solving a problem that arose through my research. The problem being that China needs more accessible microfinance. The products on offer are carefully designed to solve the problem of accessibility. With Du Xiaoshan’s statement on accessibility through mobile banking and computerised MIS systems, I have seeked to solve the problem through creating this system. The designs themselves need further developing as they are quite basic however the strength of this idea comes from the concept and website production that advertises the product.

Link to Realisation: http://grnd8finance.businesscatalyst.com/index.html

Finalised iPhone Designs

Using Mockups

Since the first designs of my iPhone application, the overall design has taken different turns. The biggest issue was dealing with navigation and since then the navigation has greatly improved. The application can be operated by dragging screens upwards to bring up menus and going to the side to, for example, change the month on the calendar.

iphoneapp1 iphoneapp2 iphoneapp4 iphoneapp6 iphoneapp3 iphoneapp5

 

Iconography 

The Iconography was continuously developed in order for consumers to be able to identify with the symbolism. I had to work out which iconography worked best and in what ways to show this.

Colour Scheme

The colour scheme changed very little as I stuck with colours that represented stability and financial prospects. There was slight variation to compliment the colours more but they are effective in portraying a message.

Branding Overhaul

Due to the simplicity and lack of communication in the original designs for my website I have decided to complete rebrand the website and use a more flat design-oriented approach. The strong use of colour and communication will not only make the website look more appealing but also aid in the navigation of the user experience.

Muse Interface

Muse Interface

Currently the navigation of the website is the same with a homepage and contact page. Then this is further split down into business and personal pages depending on the desired path of the user. I may choose to create a small video advertising the products that GRND8 has to offer.

The biggest difficulty with Adobe Muse at this point is that it is still relatively new. In order to correctly place images/grids in a certain way you need to offset this in the design window. Therefore you almost have to second guess where the images should be. The Adobe forums offer little help to decipher this problem where other people have had the same problem. Fortunately, I am able to publish my website using business catalyst so I have a suitable format to submit my work on the PDF.

Reverting the Logo

I have decided to revert back to the logo of ‘GRND’ with a Montserrat typeface with an ‘8’ that represents an infinity:

Finalised Logo

Finalised Logo

The logo is a lot more fluid and simplistic and can be used in a variety of situations like the iPhone and iPad designs.