Self Evaluation

During the past 7 or 8 months I have worked hard to realise a conceptual web application that serves to create a simple user experience, for which user can approach and create his or her own board art. Hence the application title. I am overjoyed at the brand I have created. I spent a lot of time trying to get something that really represented the product in all forms. However with hindsight I probably spent more time than was necessary during this part of the products creation and lost time in other areas.

In addition to the overall web app, I also created a small side app to go along with the larger app. An area where boards could be saved, shared found, and liked to allow users to get their hands on other people’s awesome designs, this idea came pretty late on in the process, so I was happy I was able to implement the designs into my final presentation. But because of this addition I didn’t have time to accomplish something I wanted at the start of this which was to advance my after effects skills and create some kind of promo video in the program.

My learning has again been somewhat large, I have learnt two new online prototyping tools, which I hope to use in the future as they are both exceptional for what they are used for. The marvel presentation turned out to be a real positive, because of its simple to use website and easy screen manipulation. Moqups was the other and really helped me during the wireframing stage, it has prototyping capabilities but for what I used it for, it effectively did the job.

The main aspect of the project I’m unhappy with was, in typical me fashion, the time management thing. I probably left it a little late to design the project and thus didn’t have time to create an after effects video, which I was keen on doing to expand my skill base.

Lastly the final presentation went pretty well. I used PowerPoint because you can actually design your presentations and the presentation itself went pretty well. It was pointed out that there could be some small changes made to the designs, to really excel the user experience and give it more clarity. Also there were some continuity errors, which are easily amendable.

Marvel – App

Here is the link to the mockup off the mobile app

https://marvelapp.com/64c8h5g

 

Browsing

When browsing through boards, initially users will see most popular boards and the most frequently uploaded,  if the user chooses to search they will see boards based on that search. From clicking on a board the user will see the enlarged view, the difference with this area is the user can double tap to like and save the board, to the liked boards section.

Viewing Boards

Here the user just sees an enlarged version of a board. They are able to scroll back and forth through designs.

My Board

this page allows a user to view their own boards and from here they can sync designs up to the cloud. This is the same for the liked boards page.

Profile Page

Users will be able to view a small bit of information about the user and see what boards that user has created.

 

App Concept

This is an idea I came up with pretty late in the day, but decided to try and do anyway. The idea is that users will be able to save and sync designs to and from the web app, to the mobile app. On the mobile app the user will be able to view the likes and views of there own boards, as well as searching for new boards. where they can then save the board, sync that board up to the web app and have that design printed. This is a good way to get interest and a community driven part of the business, encouraging user to engage with the content.

 

Marvel

This is the finished version the design. prototyped in Marvel which allows for a great mockup on the designs.

https://marvelapp.com/10e7i4a

Cart & Checkout

What you would expect from these pages. simple but clear. the shopping cart allows the user to delete items or go back and edit, then once they are happy they can checkout, where all the usual things one might expect to see are present.

Board Builder

On this page the user is able to effectively draw on the board to design it. There are options to drag and drop shapes onto the board, colour that shape and resize it. THe user can colour the background or, they can upload png’s to drag and drop onto the board.

They have countless options, they can choose the size of the board, they can also choose the camber of there board, for full customisation and to suit a particular riders style of boarding. Lastly once they are done creating the board they can view it on a 3d rendered image which they can rotate to view.