The Brief:

We’re setting up a new viral service to allow people to be shouted at. Big Cabal style. Design a one-page site with tie-in branding to BCM’s corporate brand (bigcabal.com) but that communicates the service with humour yet keeping it somewhat serious-looking. Products include being shouted at online and offline. Online shouting could be by machine or by hooking you up to a dedicated shouter. Offline shouting requires first class tickets to be provided in advance, as well as a bottle of champagne to be delivered to the shouter before the session so s/he can whet his/her vocal chords. All set up for maximal viral effect, with social sharing options, testimonies from satisfied customers etc. I know this is a bit of a challenge, and possibly a bit weird, but BCM can be challenging and a bit weird at times, so we want to see how you can translate that into an appropriate design.

Insights from the Brief:

• Features & Benefits
  • One Page site.
  • Online Shouting
    • AI Assissted Shouting
    • Bulk SMS Shouts
    • Online AI Troll Army
    • Notable Mention on Suit and Tie Twitter/Crowwe/Koo
  • Offline Shouting
    • Dedicated Shouters (It's their 9-5)
    • Full 10 minute shouting sessions
    • Saxophone and Confetti Procession
    • First Class tickets in advance
    • Bottle of Champagne
      • To help your shouter whet their vocal cor
  • Sharing Options
    • Social Media (Instagram, Facebook, Twitter, Youtube)
      • Reinforces Social Proof
      • Allow friends share the service with each other
  • Shouting Test
    • Eligibility - We need people to trust our shouters so there is a minimum decibel shout requirement using our Shout-o-meter.
  • Testimonies
    • To reinforce Social Proof

Notes

• Big Cabal currently uses a variation of Swiss style design on it's website characterised by the large, bold headings, dividers and size contrast in between the headings and body copy. (I do think a typography cleanup is needed on the Big Cabal website though, The scale of the texts to each other is a bit weird.)
• In designing a website called "The Big Shout", use of typography has to be a function of the website's core purpose and as such all texts except the Main Heading (H1) are all caps.
• All Headings have an exclamation mark.

Proposed Design

Check out the Prototype Below:

https://www.figma.com/proto/Xcf103bWvqH8CYIszTE4Sk/The-Big-Shout?page-id=72%3A160&node-id=72%3A161&viewport=357%2C558%2C0.2168186604976654&scaling=scale-down-width

https://www.figma.com/embed?embed_host=notion&url=https%3A%2F%2Fwww.figma.com%2Fproto%2FXcf103bWvqH8CYIszTE4Sk%2FThe-Big-Shout%3Fpage-id%3D72%253A160%26node-id%3D72%253A161%26viewport%3D357%252C558%252C0.2168186604976654%26scaling%3Dscale-down-width