Asia Catalyst

Let's Make
Some Magic.

Asia Catalyst - Web Revamp

Solution presentation by Lean Mean Creative Machine — May 2020

LMCM has been tasked with re-building and re-designing the Asia Catalyst digital platform including a revamped aesthetic, UI/UX experience and frontend + backend development. This Solution Presentation outlines goals, scope of work, cost estimates, process overview and timelines.

Introduction
Challenges
Solution
Process
Team
Investment
More
Closing

Our belief

We believe that great, strategic design will elicit an emotional connection with your audience that drives them to stay engaged and take action with your brand.

Goals

First things first, we all know that a pretty facade alone does not a great website make, but a polished look and feel is absolutely crucial in the success of this project. We believe that great design has the power to create a sense of trust and authority with your audience. It has the power to capture attention, foster engagement and ultimately, drive the user to take action. We need to develop an evolved design aesthetic that speaks specifically to the Asia Catalyst audience. Something modern, something clean, something evocative without being kitschy.

But we must ensure that at the heart of all of our creative and technical decisions, we’re always aware of how we’re conveying the core pillars of innovation, authority and trust.

Finally, the most important piece of this entire puzzle is ensuring that whatever we build ultimately and difitively tells the Asia Catalyst story. Who are you and what do you do? How do we use narrative and visual storytelling to communicate the breadth and depth of the Asia Catalyst experience.

Solution Overview

Now that we know what we need to do, let's talk about how we're going to do it. Here are a few ideas to get us going.

Big ideas

In order to effectively tell our story, we must give users context within which to view the organization. Understanding where you’ve been, and how you got to where you are now will not only serve as a vehicle to highlight your accomplishments, but will also give the user real world insight into what you do and how you do it.

I also want to think about tackling that same issue from another angle, what better way to tell the story of Asia Catalyst than through the eyes of the people themselves. Our website will celebrate the stories of the people that have been touched by the organization. Putting a human face to the abstract concepts and achievements will serve to provide a new window into the inner-workings of the organization.

In order to inspire action, we need to give people the right information at the right time. What good are resources if they’re buried on the website? How can we strategically design the architecture of the website so it’s easy for users to navigate, while also introducing them to actionable resources at relevant times. Let’s bring these action guides and toolkits to the forefront of the website and make them compelling for people to engage with. 

Design ideas

Colorful. Accessible. Positive. Graphics.

The anatomy of a project

What it looks like to partner with us...

We’ve done this for long enough to know that process is everything. With a great process, we can be efficient, effective, and almost guarantee a successful project outcome. We have honed and refined a very specific process over the years that has led to hundreds of successful projects, here’s a brief overview of how it works. 

Step 1

Discovery

Through a process of surveys and meetings we’ll gather all the information we need to have the best understanding of your business and goals.
Step 1
Step 2

Architecture

Just like a building, a website needs a solid blueprint. Together we’ll determine the best way to organize your website and sketch out a rough outline.
Step 2
Step 3

Content

With a solid blueprint in place we’ll work together to collect, organize, edit, and create content for each page of the website.
Step 3
Step 4

Design

At the same time we are working on content our team will be creating non-functioning comprehensive layouts showing possible design directions.
Step 4
Step 5

Development

With all the necessary architecture, content, and design elements in hand we’ll create the first working version of your website.
Step 5
Step 6

Launch

Getting your website “go live” ready will inevitably require several rounds of revisions and polish. Once the website is ready, we’ll go through the final launch checklist.
Step 6
Step 7

Training & Warranty

Your site is now live! Over the next several weeks our team will be training you on how to manage the website and helping you solve any issues.
Step 7
Step 8

Support

A website is a living thing, over the months after launch things will shift and change on the internet and this may cause your website to malfunction with minor bugs. We offer ongoing monthly support at a discounted rate to our web clients.
Step 8
Screen Shot 2019-11-15 at 9.56.31 AM

Shane

Ceo & founder
Screen Shot 2019-11-12 at 10.59.08 PM

Pete

Dev & tech ops
jess

Jessica

Sr Designer
Screen Shot 2020-03-15 at 8.49.21 PM

Marcus

Frontend Dev
jess-blur

Jess

Sr Designer
Screen Shot 2019-11-13 at 12.51.30 PM

Ayesha

Project Manager

Communication
is everything

our 3 tiered Project Management system 

tier 1: Project overview board

Track your project with a birds eye view using your custom Project Board. See a checklist-style breakdown, step by step, from project kickoff to launch.

Tier 2: Weekly Check-Ins

At our weekly check-in we do three things: A) An overview of what we accomplished this week. B) A breakdown of what will be done next week. C) How we're tracking on our overall progress and project timeline.

tier 3: Day-to-day

Finally, you will be given access to a custom Slack channel where you will have direct access to your team for any day to day communications.

Project investment & Timeline

Deliverable
Timeframe
Cost Estimate
Phase 1 – Planning
2 – 3 weeks
— Design objectives survey
— Audience & goals brief
— Sitemap
— Content inventory
— Wireframes
— Copywriting
Phase 2 – Design
4 – 6 weeks*
— Mood board concepts
— Custom website design concepts
— Copywriting continued
— Content management
— Templates & interface design
Phase 3 – Development
6 – 7 weeks
— Fully functional website w/ custom modules
— Google Analytics installed
— Webmaster tools setup
— Cross-browser tested in Internet
— Templates & interface code for Explorer 6+, Firefox 2+, Safari, & Google Chrome
Total
3 – 4 Months
$28,000 — $31,000

Color of Change

Event collateral // program guide

Normalizing Injustice

Website

Innovate LA

2018 Brand identity // website // collateral

Apt2B

Report Identity // Collateral Design // Marketing

Voting While Black

brand Identity // Collateral Design

Blitz Tv Proposal

Let's Make Some Magic.

BlitzTV - Branding & Experience

Solution presentation by Lean Mean Creative Machine — April 2020

The following Solution Presentation outlines the project, the deliverables, terms and conditions, as well as all fees and payment structures.

Introduction
Challenges
Solution
Process
Team
Investment
More
Closing

VIsual identity System

Logo mark — Word mark — Color palate — Font family — Brand pattern/graphical treatment — Brand guidelines

The anatomy of a project

What it looks like to partner with us...

We’ve done this for long enough to know that process is everything. With a great process, we can be efficient, effective, and almost guarantee a successful project outcome. We have honed and refined a very specific process over the years that has led to hundreds of successful projects, here’s a brief overview of how it works. 

Step 1

Business Discovery

Before we do anything else, we need to understand the intricacies of your business. How does it work? What are its core offerings? Who are the target audiences? What are the businesses short term and long term goals? How are you positioned against competitors in your market?
Step 1
Step 2

Brand Exercises

Once we understand the business, it’s time to start thinking about the brand. We’ll run through a series of “branding exercises” that we’ve designed to coax out a sense of what you want your brand to convey. This is the fun part!
Step 2
Step 2

Mood Boards

Based on the data gathered in the first two stages, we will present a series of mood boards (examples we’ve gathered from around the web) that we believe best reflect your preferences while aligning with stated business objectives and audience.
Step 2
Step 4

Design

Now that we’ve determined your likes/dislike from our mood board samples, we will take all of the information from the first 3 stages and begin our design prototyping. This may include everything from your custom logo to typeface selection, color palette, patterns, icons and more.
Step 4
Step 5

Finalize

Once we come to an agreed upon design, we will package up and finalize all design assets so that you can have your full new brand in one, easily accessible place.
Step 5
Step 6

Brand Bible

Lastly, we’ll put it all together in your brand bible. This is one document that includes everything there is to know about your new visual identity system. Take this document and share it with your employees and everyone who works with your brand to ensure that the brand remains consistent and authoritative over time.
Step 6
Step 8

Collateral Suite

Finally, we’ll take your new visual identity system and roll it out through all of your marketing collateral. Business cards, marketing brochures, website designs, social media graphics, email newsletters etc.
Step 8

COLLATERAL SUITE

Business cards
Digital letterhead
Email signature
Newsletter template

SOCIAL MEDIA SUITE

Cover photos
Profile pictures
Page optimizations for SEO
Facebook, Twitter, Youtube, Instagram

Project investment

Deliverable
Timeframe
Cost Estimate
Brand Identity System
4 – 6 weeks
$11,500 – 15,500
— R&D
— Brand Exercise
— Mood boards
— Brand design
— Finalization
— Brand guidelines
— Project Management
Collateral Suite
2 – 3 weeks*
$3,500 – $5,500
— Business cards
— Digital letterhead
— Email signature
— Newsletter template
Social Media Suite
1-2 weeks
$2,500 – 3,250
— Cover photos
— Profile pictures
— Page optimizations for SEO
— Facebook, Twitter, Youtube, Instagram
Total
6 – 8 weeks
$19,500
Screen Shot 2019-11-15 at 9.56.31 AM

Shane

Ceo & founder
Screen Shot 2019-11-12 at 10.59.08 PM

Pete

Dev & tech ops
jess

Jessica

Sr Designer
Screen Shot 2020-03-15 at 8.49.21 PM

Marcus

Frontend Dev
jess-blur

Jess

Sr Designer
Screen Shot 2019-11-13 at 12.51.30 PM

Ayesha

Project Manager

Communication
is everything

our 3 tiered Project Management system 

tier 1: Project overview board

Track your project with a birds eye view using your custom Project Board. See a checklist-style breakdown, step by step, from project kickoff to launch.

Tier 2: Weekly Check-Ins

At our weekly check-in we do three things: A) An overview of what we accomplished this week. B) A breakdown of what will be done next week. C) How we're tracking on our overall progress and project timeline.

tier 3: Day-to-day

Finally, you will be given access to a custom Slack channel where you will have direct access to your team for any day to day communications.

Color of Change

Event collateral // program guide

Normalizing Injustice

Website

Innovate LA

2018 Brand identity // website // collateral

Apt2B

Report Identity // Collateral Design // Marketing

Voting While Black

brand Identity // Collateral Design