Streamable.run
X
Streamable.run Brand Lift & Product Design
Crafting Streamable’s visual identity and product interactions to match the experience it delivers for their creators - intuitive, consistent, and evolving.
Prepared by
Aayush Kogar
Prepared for
Name
Proposal Date
Sign by
Brief
📜 History & Problem Statement: Streamable was founded on a simple, powerful belief: streamers deserve much better. From day one, its founders have ensured that every interaction feels intuitive, human, and consistent. As the organization grows, they are looking towards building higher-quality systems to efficiently align and improve brand touch-points with the needs of their customers, prospects, and partners.
🎨 Solution Part 1 (Full Brand): Streamable requires a unified, striking identity applied across key assets from brand mark to marketing initiatives, and down to the product micro-interactions. TCS will connect the dots - merging your current brand equity with a sophisticated ecosystem of assets, visual elements, and brand voice. Our recommendation is to go through a full branding exercise to improve the asset bank end to end and set up a long-term sustainable system to follow.
✦ Solution Part 2 (Product Design): Because the web app is a streamer's main point of contact with your brand, it must validate word-of-mouth claims, drive intuitive key actions, and reflect your brand values. We recommend a three-step approach: perform a full UX audit, restructure the layout of core areas, and elevate the entire application to the new branding. This includes refining micro-interactions like hover states, pop-ups, and error/negative flows.
🛠️ Logistics: We recommend a brand/product side-by-side project across seven weeks of intensive research, collaboration, design, and feedback loops starting in early June. During the process, we'll have our brand design + product designer fully focused on your project enabling deep ownership and care. At the end of the process, we'll leave you with a brand book and product design kit to ensure the longevity of the changes. We'll also act as a long-term partner for Streamable and prioritize any future project requests from the organization.
🙋🏻♂️ Our Approach: We believe that people who care deeply about their mission deserve an equal amount of care and clarity in their execution. As a next-gen team of empaths and gamers, our philosophy is built around overdelivering for people we want to win. No recurring projects. No standardized templates. Everything we create is fully custom, backed by research, shaped by taste, and built with genuine care.
Defining Project Success
Brand Evokes Feelings
Every brand asset should resonate with our target audience, evoking our core values while feeling uniquely Streamable.
Intuitive User Experience
Through an intentionally crafted user experience - onboarding, retention, and product review rating statistics should improve by at least 20%.
Scalable Setup
Brand elements should be modular in nature with clear rulesets, processes and templates included in the handover. Future assets should be able to be made at a higher quality within 50% of the time.
Target Audience
IRL Streamers - who are switching devices and moving around while interacting with their chat.
Cross Platform Community - Attempting to reach audiences on Twitch/Kick simultaneously.
Technical Streamers - Those who want full control of their settings and how they can displayed to the world from visuals to voice.
Specific Requests
Maintaining Wordmark/Name - everything will be designed around maintaining the core of the current base design style.
Beyond the logo - A visual identity that contextualizes the main logo and establishes recognizable graphic elements that stand on their own for the foreseeable future.
Partner flexible - Able to align with various partners and streamers.
Accessible - Designed with W3 Accessibility and AODA standards in mind.
Brand Deliverables
ASSET
QTY
DETAIL
Corporate Identity (CI)
1
Logos - All will be provided in updated colours, white, and black.
Primary logo, Secondary logo, Logomark (icon/symbol), Wordmark.
Brand Foundations - The tangible building blocks of the brand, including the colour palette, typography, photography style, iconography, brand elements, etc.
Brand Expression - The intangible layer that shapes how the brand feels and communicates, including brand voice, tone, personality, and overall look and feel.
Brand Guidelines
1
Brand 1-Pager - A concise, one-page PDF distilling the core brand rules—logo usage, colours, typography, and key elements. Designed as a quick-reference guide for partners, collaborators, and internal teams when full brand guidelines aren’t required.
Brand Guidelines Book - A 15+ page comprehensive manual detailing how to apply and leverage the brand across all touchpoints, ensuring consistency in design, communication, and experience.
Application
3-4
Social Media Kit - basic kit of icons, thumbnails and banners across core channels.
Social Media Templates x2 - Sized 3:4 for a variety of use-cases.
Streaming Overlay x1 - Designed for optimal viewing when wifi drops.
Product Deliverables
ASSET
QTY
DETAIL
Product Design
5-10 Screens
Audit
Analysis of use-cases via post-hog data.
Design audit based on product designer experience.
Comparison and evaluation to similar platforms.
User Story list created and prioritized.
Selection of prioritized 5-10 pages.
Restructure
Flowchart of website core functionality.
Low fidelity storyboarding and mockups throughout the website tackling issues presented in audit.
Webapp Design & Handover
5-10 Page list (to be confirmed during audit).
Designed against key screen size use cases.
Key interactions fully prototyped.
Annotation added for developer to understand.
Handover call with developer.
Design System
1
Component library/UI system: General set of components for scalability and future screens. Built upon variants of an already existing component library (e.g. Radix UI, Material UI).
Design Tokens: Typography, spacing, colors, and dark/light modes.
Styled Primitives: Buttons, modals, forms and dropdowns.
State Mapping: Hover, focus, active, and disabled states.
Layout Scaffolds: Standardized sidebars and app layouts.
Figma & MD Document Handover: Cleanly organized, named components ready for scale for future designers, engineers or vibe-coding implementations.
Our Process
Over the past two year of operation, TCS has designed processes (within anologies) which generate quality outcomes consistently through structured research, exploration, feedback and fine-tuning. Each stage of the process comes with a feedback loop with you, our partner. Click and zoom into the photos to read more.
Relevant Work
Project Timeline
Brand Discovery | Product Onboarding
June 1 - 7
Brand Explorations | Product Audit
June 8 - 14
Brand Selection | Product Structure
June 15 - 21
Brand Assets | Product Design System
June 22 - 28
Brand Documentation | Product Design
June 29 - July 12
Handover & Maintainence
July 13 - 20
TCS Overview
Project Crew
We’re The Creative Solution—a proudly independent, Vancouver-based next-gen crew of creatives who know business isn’t boring. We make bold, customized brands and digital experiences that power your ambition. Over the past two years we’ve partnered with over 50 organizations globally to help them craft and share their story. You can learn more about us and what we want to stand for on our website or read about our values more in-depth on our recent reflective blog.
Project Owner
🍃 Aaryn Xie
Visual Identity
🦦 Brandon Wan
UI UX Designer
Project Supports
🥫 Aayush Kogar
Project Management
🌱 Calista Konishi
Creative Lead
☕ Sol Yoon
Visual Identity
Working With TCS
🤝 Our Promises
100% Custom - From structure, to design to build, we leverage intense research on your organization to build assets from the ground up.
100% Obsessive - 1 creative will own your project from start to finish, this enables them to fully focus on your project and deliver moments which WOW.
100% Collaborative - We’re not marketing experts, we’re designers at heart. We’ll lean on your team for approvals/decisions on copy and direction each week.
Long Term Partnership - Speak to any of our past collaborators, we’re still providing them support today. We don’t disappear after the project, we ensure you are set for success.
💭 Expectations
Output > Feelings - We will be asking for feedback throughout the process. Please let us know as soon as possible if we are on the right track. This will save both of us time.
<48 Hr Communication - Our team is constantly on the move and will be able to respond in a timely manner.
Strict on timelines - We push ourselves to meet the timelines outlined with the expectation of timely (1-3 days) feedback from the client.
Partners for life - We are dedicated to building enduring relationships with our clients. We don't just see ourselves as service providers but as trusted partners growing together.
📣 Communication Plan
Syncs
Weekly communication via Google Meets. During these syncs reviews/feedback is expected on the work completed within the previous week.
Project Management
Post check-in steps sent via Email to set expectations clearly.
Quickfire Communication
During the project, we like to often get rapid feedback on items. We’ll set up a Whatsapp or LinkedIn chat between all stakeholders for this.
Budget
A deposit of $9,450.00 of the project tax inclusive is required upfront to kick off the project.
Payment of remaining tax inclusive $9,450.00 of the project is required upon completion of the project.
BILL TO
Nang Ang
Streamable.Run
DETAILS
Full Brand
Product Design
PAYMENT
50% Upfront
50% Upon Completion
ITEM
QTY
RATE
(CAD)
AMOUNT (CAD)
Full Brand
Extended Brand Discovery
Full Logo Suite
Brand Look & Feel
Brand Book & 1-Pager
Brand Collateral (x3)
1
$8,000.00
$8,000.00
Product Design (5-10 Pages)
Audit
Restructure
Design System
High Fidelity Design
Handover Documentation
1
$10,000.00
$10,000.00
Subtotal
$18,000.00
GST Tax (5%)
$900.00
Total Due
$18,900.00
Terms and Conditions
1. Scope of Work
TCS will provide creative design and development services as agreed upon in the project proposal. Any changes or additional work requested may result in adjustments to timelines, fees, and deliverables. TCS is not responsible for coming up with client copy including values, content, blog posts and more.
2. Fees and Payment
The Client agrees to pay TCS the agreed-upon fee for the services provided. Additional work or revisions beyond the scope of the original agreement will be subject to additional charges.
3. Revisions & Changes to Fees
Each week of the signed process, the partner will be able to give feedback on the direction thus far. For every extra week the client requests design changes past the reserved period TCS reserves the right to charge up to $750 CAD per week. Clients will be notified ahead of time and will have the option to opt in..
4. Portfolio Display
Upon completion of the project, TCS reserves the right to showcase the completed work on our portfolio, website, and other promotional materials, unless explicitly agreed otherwise in writing.
5. Project Timeline
Delays of 5-10 days may occur due to creative blocks and challenges. Beyond, terms can be discussed.
6. Client Responsibilities
The Client agrees to provide all necessary materials, information, and feedback required for the project in a timely manner (2-5 working days). Delays caused by the Client's delays in providing feedback may result in project timeline adjustments and relevant costing updates per T&C #3..
7. Intellectual Property
Upon full payment, the Client will own the rights to the final approved work. TCS retains the right to use any preliminary designs and concepts created during the project for our internal purposes and portfolio. TCS also reserves the right to place final assets on external portfolios.
8. Confidentiality
Both parties agree to maintain the confidentiality of each other's proprietary information and project details unless explicit consent is given to disclose such information.
9. TCS Attribution
Unless otherwise agreed in writing, The Creative Solution (TCS) may include a callout attribution in final materials, such as brand guidelines, website footers, or video descriptions.
10. Limitation of Liability & Governing Law
TCS not liable for indirect/incidental damages. Liability limited fees paid. Governing law is BC, Canada. By engaging TCS's services, you acknowledge to have read, understood, and agreed to these terms.