Your page is loading

WELCOME TO ONLINE BUSINESS ENGINEERING

The Art of Responsive Solutions

WHAT IS ONLINE BUSINESS ENGINEERING?


Online Business Engineering (OBE) is a design and development methodology. The OBE method gives teams & individuals a modular roadmap towards successful, manageable and fully responsive online businesses, brands, products & services.

The OBE approach empowers design and development teams (as well as solo freelancers), by giving them a process that ensures the consistency of your business identity, everywhere your customers interact with you online.

YOUR IDENTITY


The identity of your online business is composed of the human-observable sum of your business model parts from an “outsider” point of view. Your business identity is composed of three parts:

Branding

Narrative

Content

YOUR PRODUCTS


The product(s) for your online business can be services, software, information resources, or any combination of possibilities. In OBE, your online product(s) are also composed of three parts:

The User Experience

Front End Code

Back End Code

YOUR MARKETING


The marketing for your online business is focused on achieving a positive and profitable identity “imprint” in the minds of your customers. In OBE, online marketing is composed of three parts:

Social Networking

SEO (Search Enginge Optimization)

Advertising

YOUR OPERATIONS


The digital operations of your business are concerned with the the costs of both labor and capital while doing business. Your digital operations define three more aspects of your online business:

Data Flow

Work Flow

Tooling

Want OBE in your business?

Become the envy of your competitors!

RESPONSIVE IS A WAY OF LIFE


Building responsive products for customers has become the status quo for online businesses today.

With the OBE method, responsive is not just a buzz word that precedes “Design” or “Websites.”

Instead OBE puts “responsive” at the center of how you and your teams work.

With the OBE method, “responsive” becomes a holistic thread connecting each aspect of your business together.

THE SECRET IS THE PROCESS


When you have virtually endless possibilities, staying ahead seems futile. That's why quality processes are everything these days. Under OBE, making simple changes in why/when you tackle web tasks, can dramatically decrease the investment risks of implementing them.

A PROCESS WITHOUT OBE

The slideshow above is a typical “waterfall” work flow situation found in companies across all sectors. Everyone is smart, talented and trying their best, however it's clear that the medium (a pleathora of browsers and devices) is an after-thought for most of the employees in the work flow chain.

A PROCESS WITH OBE

This slideshow demonstrates the different types of conversations that OBE fosters earlier in the work flow process. This time the medium, and all of those browsers and devices, are considered before any other work is tackled.

DON'T GO CHASING WATERFALLS

Get OBE working for your project today!

DIVING DEEP INSIDE OBE METHODS


IDENTITY

In most ways, OBE sticks to the proven methods and best practices that get results concerning online business. However, the priorities of the OBE method ensure you build a consistent web identity that is 100% device agnostic.

IDENTITY

BRANDING

In a marketplace, branding is used to establish a unique and profitable presence to attract and retain engaged customers.

Colors
Logos
Marks
Marketing Collateral
Signage
Packaging
Personality
Diversity
Cadence
Consistency
Mission Statement
Expectation Management
Customer Service
Accessibility
  • Device Agnostic Access
  • Disability Optimized
Market Research
Positioning
IDENTITY

NARRATIVE

Your narrative encapsulates the reasons you are in business, and how you do business with both existing and future customers.

Empathy
Accuracy
Consistency
Integrity
Heroes
Villans
Your Community
  • Mavens
  • Celebrities
  • Villagers
Future Customers
Premise
Tribulations
Climax
Revelation
Internal Transparency
External Transparency
Trajectory Map
IDENTITY

CONTENT

Your content is designed to embody the aspects of of your entire identity into a cohesive and approachable whole.

Short Form
Long Form
Case Studies
Blurbs/Tweets
User Submissions
Bio's
Images
Icons
Vector/SVGs
Charts
Infographics
User Interactions
Videos
Animations
Slideshows
Audio
Outlet Requirements
Outlet Culture
Peak-Time Scheduling

PRODUCTS

Products are key in OBE. Responsive websites are intrinsic to their medium... A.K.A. web browsers. To achieve device agnostic products that work everywhere without using browsers is impossible. Therefore our product ideas/cycles always start and finish in the browser.

PRODUCTS

UX DESIGN

User experience design is the process of ensuring user satisfaction in a product by testing and measuring the usability, accessibility, and pleasure derived from interactions and/or consumption the product.

User Testing
User Story Cultivation
User Forums Curation
Feedback Analysis
Flow Diagrams
Purchase Pathways
Applied Traffic Analysis
Page/Element Transitions
Wire Frames
Media Specs
Personas
Animation Guidelines
Content View States
Metrics Analysis
Competitive Research
Feature Leadership
User Incentive Programs
Staff Incentive Programs
PRODUCTS

FRONT END

Front end web development is the practice of producing HTML, CSS and JavaScript (which together form both the User Interface(s) and the content displayed) for a website or web application, so a user can see and interact with the application directly.

HTML
CSS
JavaScript
Asynchronous JavaScript
XML
JSON/JSONp
Prototyping
Browser Testing
Plugin Integrations
Plugin Authoring
Competitive UI Research
Frameworks
Libraries
APIs
Animation Techniques
Client-Level Security
Preprocessors
Custom Plugins
Unit Testing Tools
Validators/Linters
Documentation
PRODUCTS

BACK END

Back end web development deals with the functionality, data and business logic of a website or web application. The Back End handles, stores and manipulates data itself, while also serving the front end files as well as any dynamic interaction data to a client-side user.

Programmed Rules
Programmed Workflows
Storage Standards
Encoding Standards
Integration Standards
Server Scripting Language(s)
Database Query Language(s)
Server Directives
All Front End Languages
Databases
Frameworks
APIs
Security Best Practices
Data Models
Data Controllers
Unit Testing Tools
File Generation Tooling
Helper Function Libraries
Documentation

MARKETING

Traditional marketing and advertising rocks, but they often exceed the cost of web alternatives. OBE leverages Social and SEO conscious workflows throughout marketing and advertising processes, to give you cheaper and often free marketing options. This is accomplished through skillful media planning and by leveraging gamification opportunities!

MARKETING

SOCIAL

In OBE, Social refers to establishing automated and optimized content flows from your web site/app to social networks, and vise versa. Social is the dominant ongoing workload outside of updates & launches.

Outlet Selection
Outlet Assimilation
Brand Consistency
Demographic Alignment
Community Interactions
Update Consistency
Outlet Optimized
Optimized Metadata
Page Sharing Functionality
Optional Article Level Sharing
Optional Asset Level Sharing
Contests
Customer Referral Programs
Customer Sharing Incentive Programs
Staff Sharing Incentive Programs
Analytics
Volunteer Mavens
Volunteer Content Creators
MARKETING

SEO

Search Engine Optimization (SEO) involves the strategy and implementation of contextual techniques to provide a business more visibility and higher rankings on SERPs (Search Engine Results Pages.)

Content Flow
Keyword Selection
Keyword Flow
Device Layout Flow
Inter-Site Linking
Meta Tags
Valid HTML5 Structured Markup
Links/Routing System
Site Maps
Fallback Navigation
Site Speed
Social Bookmarking
Interviews, Posts and Case Studies
Link-Backs
Social Stratigies
NAP (Name, Address & Phone) Consistency
Map Integrations
Map Keyword Consistency
MARKETING

ADVERTISING

Advertising in OBE, refers to the outreaching communications and aspects of products that are meant to increase brand faith, brand loyalty, product awareness, and product conversions using all available analog & digital techniques.

TV/Cable
Print
Outdoor
Events
Sponsorships
Google AdWords
Facebook Paid Ads
LinkedIn Direct Ads
Bing Ads
Yahoo Gemini
Amazon
Pinterest
Banner Ads
Directory Listings
Online Video Ads
Pop-Up Ads
Email Blasts
Gamification
Banners
Landing Pages
Promotions
Coupons

OPERATIONS

At it's core, OBE simply re-arranges the order of attack to get any given responsive website task done. Then we implement any changes according to feedback from both internal & external user tests. This simple change gives you a truly user-centric product cycles, while alleviating backwards approval processes.

OPERATIONS

WORK FLOW

Work flow is incredibly important when working with websites. OBE puts quite a bit of focus on the most optimal work flows possible, while still keeping all team members user-centric focused.

Digital Arts Tools
Template Markets
CMSs
Preprocessors
Repositories
IDEs
Wireframing Tools
Prototyping Tools
Presentation Tools
Analytics Tools
Collaboration Tools
File Hosting
Documentation/Reference
Notification Tools
All-Hands Social Approach
Social Response Driven
Analytics Driven
Testing Feedback Driven
Kanban
Feature-Driven (FDD)
Scrum
Lean (LSD)
Test-Driven (TDD)
Rapid (RAD)
OPERATIONS

DATA FLOW

Ensuring you collect useful data from your customers takes planning and experience. OBE considers accessible yet secure data storage (and the accessibility of that data) to be the glue that keeps the whole machine together.

Data Quality
Data Capture Standards
Data Storage Standards
Data Cleansing
Scalable
Centralized
Handles Structured Data
Handles Unstructured Data
Translatable
Content Management (CMSs)
Analytics Integrations
Data Mining Integrations
Client Accessible APIs
Permission Levels
Documentation
Encription
User Verificaiton
Sanitization
Automated Backups
Redundant Backups
OPERATIONS

TOOLING

At the heart of OBE, are the humble tools used to make that daily magic happen. Sometimes custom, sometimes bespoke, sometimes open source, and sometimes premium solutions enable quality output while staying efficient and sane.

Curation
Authoring
Community Involvement
Talent Recruitment
Software
Plugins
Libraries
Scripts
SaaS Products
SaaS Services
Custom Work Flow Tools
Testing Devices & Emulators
Libraries
Automation Scripting
Custom Prototypes
Quality of Life Tools
Project Collaboration Tools
(Aligned with Your Brand Identity)
User Testing Tools
Quality of Life Tools
Time Efficiency Tools
Beta Access Programs

OBE METHODS LEAD TO HAPPY FINGERS

Happy Fingers Illustration