Pirate Studios ·
e-commerce

Pirate Studios ·
e-commerce

Pirate Studios ·
e-commerce

Pirate Studios ·
e-commerce

Pirate Studios ·
e-commerce

pp_site

1. Overview 

1. Overview 

1. Overview 

1. Overview 

1. Overview 

Responsive website design for Pirate Studios. The company has 25 locations across the UK, US, and Germany.
The rehearsal, DJ, production, recording or writing studios are open 24 hours every day. They can only be booked online.

The website is the main platform for studio bookings, showcasing landing pages for each studio type, locations, campaigns and the discovery of new music talent through ‘Pirate Live’ streaming and ‘Pirate Prodigy’ competition.
Also, a new ‘digital brand style guide’ has been crafted. 

Responsive website design for Pirate Studios. The company has 25 locations across the UK, US, and Germany.
The rehearsal, DJ, production, recording or writing studios are open 24 hours every day. They can only be booked online.

The website is the main platform for studio bookings, showcasing landing pages for each studio type, locations, campaigns and the discovery of new music talent through ‘Pirate Live’ streaming and ‘Pirate Prodigy’ competition.
Also, a new ‘digital brand style guide’ has been crafted. 

Responsive website design for Pirate Studios. The company has 25 locations across the UK, US, and Germany. The rehearsal, DJ, production, recording or writing studios are open 24 hours every day. They can only be booked online.

The website is the main platform for studio bookings, showcasing landing pages for each studio type, locations, campaigns and the discovery of new music talent through ‘Pirate Live’ streaming and ‘Pirate Prodigy’ competition.
Also, a new ‘digital brand style guide’ has been crafted. 

Responsive website design for Pirate Studios. The company has 25 locations across the UK, US, and Germany.
The rehearsal, DJ, production, recording or writing studios are open 24 hours every day. They can only be booked online.

The website is the main platform for studio bookings, showcasing landing pages for each studio type, locations, campaigns and the discovery of new music talent through ‘Pirate Live’ streaming and ‘Pirate Prodigy’ competition.
Also, a new ‘digital brand style guide’ has been crafted. 

Responsive website design for Pirate Studios. The company has 25 locations across the UK, US, and Germany.
The rehearsal, DJ, production, recording or writing studios are open 24 hours every day. They can only be booked online.

The website is the main platform for studio bookings, showcasing landing pages for each studio type, locations, campaigns and the discovery of new music talent through ‘Pirate Live’ streaming and ‘Pirate Prodigy’ competition.
Also, a new ‘digital brand style guide’ has been crafted. 

finalmockup

The challenge was to redesign the existing website, launched first for the German branch. We aimed to build a product that feels intuitive, engaging and easy to navigate while improving the booking experience and the overall look. The main objective was that users can book a studio as simple and effortless as possible. 

The challenge was to redesign the existing website, launched first for the German branch. We aimed to build a product that feels intuitive, engaging, and easy to navigate while improving the booking experience and the overall look. The main objective was that users can book a studio as simple and effortless as possible. 

The challenge was to redesign the existing website, launched first for the new German branch. We aimed to build a product that feels intuitive, engaging, and easy to navigate while improving the booking experience and the overall look. The main objective was that users can book a studio as simple and effortless as possible. 

The challenge was to redesign the existing website, launched first for the new German branch. We aimed to build a product that feels intuitive and engaging, simple and easy to navigate while improving the booking experience and the overall look. The main objective was that users can book a studio as simple and effortless as possible. 

The challenge was to redesign the existing website, launched first for the German branch. We aimed to build a product that feels intuitive, engaging, and easy to navigate while improving the booking experience and the overall look. The main objective was that users can book a studio as simple and effortless as possible. 

Final UI Design

Final UI Design

Pirate Live

2. Users & audience 

2. Users & audience 

2. Users & audience 

2. Users & audience 

The users are established bands or individuals, aspiring singers or bands, professional or amateur DJs, managers enthusiasts looking for a ‘space to play’, songwriters and producers.
People who want to rehearse or stream their work, find opportunities and venues to play and build their fanbase.

The website users are established bands or individuals, aspiring singers or bands, professional or amateur DJs, managers enthusiasts looking for a ‘space to play’, songwriters and producers. Pirate studios regular customers or not. People who want to rehearse or stream their work, find opportunities and venues to play and build their fanbase.

The website users are established bands or individuals, aspiring singers or bands, professional or amateur DJs, managers enthusiasts looking for a ‘space to play’, songwriters and producers. Pirate studios regular customers or not. People who want to rehearse or stream their work, find opportunities and venues to play and build their fanbase.

Instaexp15oct-4
7.3-A

3. Core users scenarios

3. Core users scenarios

3. Core users scenarios

3. Core users scenarios

3. Core users scenarios

- ‘I’m a band looking for rehearsal space in *Location*’.
- ‘I’m working on behalf of a band/singer and looking for rehearsal space in *Location*’.
- ‘We are touring next month and looking for a place to rehearse I urgently need to get into a rehearsal space’.
- ‘I need a reliable rehearsal space to use regularly’.
- ‘My regular space is booked, I need another one quickly’.

  • ‘I’m a band looking for rehearsal space in *Location*’.
  • ‘I’m working on behalf of a band/singer and looking for rehearsal space in *Location*’.
  • ‘We are touring next month and looking for a place to rehearse I urgently need to get into a rehearsal space’.
  • ‘I need a reliable rehearsal space to use regularly’.
  • ‘My regular space is booked, I need another one quickly’.
  • ‘I’m a band looking for rehearsal space in *Location*’.
  • ‘I’m working on behalf of a band/singer and looking for rehearsal space in *Location*’.
  • ‘We are touring next month and looking for a place to rehearse I urgently need to get into a rehearsal space’.
  • ‘I need a reliable rehearsal space to use regularly’.
  • ‘My regular space is booked, I need another one quickly’.

User flow map

User flow map 2

4. My Role 

4. My Role 

4. My Role 

4. My Role

My role was as a UX/UI Designer. I worked under the design direction of Matt Brand.
I was involved in mapping out features and creating end-to-end user flows and scenarios. Wireframing, creating and testing prototypes in real-world scenarios. Iteration and final presentation. 
Some of the constraints were the timeframe to meet a promised deadline and a project too large of a scope. We broke it down in different iterations. 

My Role was as a UX/UI Designer. I worked under the design direction of Matt Brand. The team was comprised of a product manager, front-end and back-end developers and marketers. I was involved in mapping out features and creating end-to-end user flows and scenarios. Wireframing, creating and testing prototypes in real-world scenarios. Iteration and final presentation. Some of the constraints were the timeframe to meet a promised deadline and a project too large of a scope. We broke it down in different iterations. 

My Role was as a UX/UI Designer. I worked under the design direction of Matt Brand.
I was involved in mapping out features and creating end-to-end user flows and scenarios. Wireframing, creating and testing prototypes in real-world scenarios. Iteration and final presentation. 

My Role was as a UX/UI Designer. I worked under the design direction of Matt Brand. The team was comprised of a product manager, front-end and back-end developers and marketers. I was involved in mapping out features and creating end-to-end user flows and scenarios. Wireframing, creating and testing prototypes in real-world scenarios. Iteration and final presentation. 

Some of the constraints were the timeframe to meet a promised deadline and a project too large of a scope. We broke it down in different iterations. 

5. Design process 

5. Design process 

5. Design process 

5. Design process 

5. Design process 

After mapping out features, user journey, and flows
I started to do a lo-fi prototype, followed by a hi-fi prototype to test with real users.

After uncovering potential usability issues I gathered ideas to fix and improve them. I did a list of new requirements, refine and iterate the designs.
The final result was a user-friendly product.

After mapping out features, user journey, and flows I started to do a lo-fi prototype, followed by a hi-fi prototype to test with real users.

After uncovering potential usability issues I gathered ideas to fix and improve them. I did a list of new requirements, refine and iterate the designs. The final result was a user-friendly product.

After mapping out features, user journey, and flows I started to do a lo-fi prototype, followed by a hi-fi prototype to test with real users.

After uncovering potential usability issues I gathered ideas to fix and improve them. I did a list of new requirements, refine and iterate the designs. The final result was a user-friendly product.

After mapping out features, user journey and flows I started to do a lo-fi prototype, followed by a hi-fi prototype to test with real users.
After uncovering potential usability issues I gathered ideas to fix and improve them. I did a list of new requirements, refine and iterate the designs. The final result was a user-friendly product.

After mapping out features, user journey and flows I started to do a lo-fi prototype, followed by a hi-fi prototype to test with real users.
After uncovering potential usability issues I gathered ideas to fix and improve them. I did a list of new requirements, refine and iterate the designs. The final result was a user-friendly product.

Lofi

Sketches to Wireframes

Sketches to Wireframes

Screen Shot 2019-04-23 at 20.09.24

6. Digital Brand Style Guide

6. Digital Brand Style Guide

6. Digital Brand Style Guide

The user interface design is flat and clean. No rounded corners, gradients or shadows.
The website has been designed using a range of modules that can be rearranged and updated across all pages, rather than focusing on one single set of page templates.

These ‘Modules’ make up most of the content for the Landing pages and can be used in any arrangement - each module can work in either a light, dark or coloured variation, this avoids repetition between pages as well as making sure no module of the same colour are sat together. 

The copy and images can be updated so that it is more relevant to which page it appears on. The following examples showcase how the modules can be arranged to create a dynamic layout as well as showing examples of the same module working in different colourways.

The user interface design is flat and clean. No rounded corners, gradients or shadows. The website has been designed using a range of modules that can be rearranged and updated across all pages, rather than focusing on one single set of page templates.

These ‘Modules’ make up most of the content for the Landing pages and can be used in any arrangement - each module can work in either a light, dark or coloured variation, this avoids repetition between pages as well as making sure no module of the same colour are sat together. 

The copy and images can be updated so that it is more relevant to which page it appears on. The following examples showcase how the modules can be arranged to create a dynamic layout as well as showing examples of the same module working in different colourways.

The user interface design is flat and clean. No rounded corners, gradients or shadows. The website has been designed using a range of modules that can be rearranged and updated across all pages, rather than focusing on one single set of page templates.

These ‘Modules’ make up most of the content for the Landing pages and can be used in any arrangement - each module can work in either a light, dark or coloured variation, this avoids repetition between pages as well as making sure no module of the same colour are sat together. 

The copy and images can be updated so that it is more relevant to which page it appears on. The following examples showcase how the modules can be arranged to create a dynamic layout as well as showing examples of the same module working in different colourways.

The user interface design is flat and clean. No rounded corners, gradients or shadows.
The website has been designed using a range of modules that can be rearranged and updated across all pages, rather than focusing on one single set of page templates.

These ‘Modules’ make up most of the content for the Landing pages and can be used in any arrangement - each module can work in either a light, dark or coloured variation, this avoids repetition between pages as well as making sure no module of the same colour are sat together. 

The copy and images can be updated so that it is more relevant to which page it appears on. The following examples showcase how the modules can be arranged to create a dynamic layout as well as showing examples of the same module working in different colourways.

styleguide

Booking process  (before & after)

Booking process  (before & after)

Before and After 

beforeandafterII
booking2

7. Retrospective

7. Retrospective

Retrospective

If I could do the project again, I would spend more time doing user research to have a deeper understanding of all the stages of the product. Sometimes it led to non-empirical personas and assumptions about users.
Also, under some time constraints, we had to prioritize and leave behind some interesting features. We could add the development of a platform where bands and DJs could share their recordings and live streaming with their fans and other Pirate Studios customers. 

If I could do the project again, I would spend more time doing user research to have a deeper understanding of all the stages of the product.
Also, under some time constraints, we had to prioritize and leave behind some interesting features.
We could add the development of a platform where bands and DJs could share their recordings and live streaming with their fans and other Pirate Studios customers. 

If I could do the project again, I would spend more time doing user research to have a deeper understanding of all the stages of the product. Also, under some time constraints, we had to prioritize and leave behind some interesting features.
We could add the development of a platform where bands and DJs could share their recordings and live streaming with their fans and other Pirate Studios customers. 

Final UI Design

Final UI Designs

landingrehearsal