COLLAB
Collab is a web app prototype that streamlines music collaboration. Collab's point of difference is that it is the only platform to provide the tools necessary for online music collaboration. It is targeted towards musicians that want to create music with others online. This was made during my final semester for my Degree Project.
Feel free to try out the webapp prototype by clicking below.
![](../Images/Portfolio/Collab/collabLink.jpg)
InVision Prototype
Collab's promotional Video
![](../Images/Portfolio/Collab/InContext.jpg)
Mock up of one of Collab's Collaboration screens
Initially, I conducted research on the target audience and the competition within the market. I went through steps of creating a moodboard, type system, colour schemes and worked to a Gantt chart. Afterwards I began developing the brand image with a logotype, then created wireframes and a paper prototype.
![](../Images/Portfolio/Collab/logo_concept.jpg)
Some of the logotype exploration
![](../Images/Portfolio/Collab/logo.jpg)
Collab's final logotype in color
![](../Images/Portfolio/Collab/Concepts.jpg)
Wireframe conceptualizing
![](../Images/Portfolio/Collab/PaperPrototype_Home.jpg)
A page from the paper prototype for testing HCI
![](../Images/Portfolio/Collab/OnScreen_Grid.jpg)
Grid planning and on Screen developments
![](../Images/Portfolio/Collab/OnScreen_Colour.jpg)
Applying a drop shadow and the colour scheme
![](../Images/Portfolio/Collab/OnScreen_Invision.jpg)
Working with InVision to produce the final prototype
![](../Images/Portfolio/Collab/collabLink2.jpg)
For a more indepth look, click the image above to access the prototype on InVision.