Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
tree: 2dc7f5de9d
Fetching contributors…

Cannot retrieve contributors at this time

203 lines (167 sloc) 14.795 kb
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Form &amp; Method</title>
<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/main.css" type="text/css" media="screen" />
<!--[if IE 7]>
<link rel="stylesheet" href="css/ie7.css" type="text/css" media="screen" />
<![endif]-->
<link rel="stylesheet" media="only screen and (device-width: 768px)" href="iphone.css">
<script src="javascript/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="javascript/jquery.scrollTo.js" type="text/javascript" charset="utf-8"></script>
<script src="javascript/jquery.browser.min.js" type="text/javascript" charset="utf-8"></script>
<script src="javascript/buh.js" type="text/javascript" charset="utf-8"></script>
</head>
<body id="homepage">
<div id="header">
<div id="header_inside">
<div id="logo"><a href="#homepage" class="button scroll_to">Form &amp; Method</a></div>
<ul>
<li id="our_work"><a href="#case_studies_section" class="button scroll_to">Our work</a></li>
<li id="what_we_do"><a href="#services_section" class="button scroll_to">What we do</a></li>
<li id="blog"><a href="#banner" class="button scroll_to">Blog</a></li>
<li id="about_us"><a href="#biographies_section" class="button scroll_to">About us</a></li>
<li id="twitter"><a href="http://www.twitter.com/formandmethod/" class="button">Twitter</a></li>
</ul>
</div>
</div>
<div id="wrapper">
<div id="content">
<div id="masthead_section">
<p>We specialize in the <em>design</em> and <em>development</em> of web and mobile based applications</p>
<a href="#case_studies_section" class="view_our_work button scroll_to">View our work</a>
</div>
<div class="hr" id="masthead_plus"><hr /></div>
<div id="case_studies_section">
<h1 id="case_studies">Case Studies</h1>
<ul>
<li>
<div class="case_study_description">
<h2 id="rhythmtrainer">Rhythm Trainer</h2>
<p>We were approached by <a href="http://andyshoniker.com">Andy Shoniker</a> of Flamadiddle Inc. about designing and developing an advanced, software-based metronome. With the advent and emergence of the iPod Touch and iPhone, Flamadiddle envisioned a great opportunity to disrupt a market by reinventing an established product for a mobile, touch-enabled device.</p>
<p>Sharing requirements common to game development, Rhythm Trainer is designed around the notion of providing a clean, intuitive, and compelling interface without sacrificing the performance of gameplay or, in this case, playing real-time audio.</p>
<p>Beginning with initial design concepts, we worked closely alongside Flamadiddle to develop their ideas into a tenable prototype. A limited beta provided feedback and validation, which we used to drive several quick iterations to improve the user interface, underlying features, and application responsiveness. Importance was placed on optimizing the code to ensure the application works well on all iPhone &amp; iPod versions. In parallel, branding, website, and other marketing materials were designed to create a memorable, visual connection to the Rhythm Trainer's interface.</p>
<p>Whether you're a budding musician or a seasoned percussionist, <a href="http://itunes.apple.com/ca/app/rhythm-trainer/id370505375?mt=8">Rhythm Trainer</a> is designed for you.</p>
</div>
<div class="case_study_images">
<a href="http://www.rhythmtrainerapp.com/">http://www.rhythmtrainerapp.com/</a>
<ul>
<li><img src="images/rhythmtrainer.png" /></li>
</ul>
</div>
</li>
<li>
<div class="case_study_description">
<h2 id="the_score">The Score</h2>
<p>We've been working with The Score since August 2007 to develop a best-of-breed mobile sports platform.</p>
<p>The Score is serious about being a first-mover in the mobile space and our agile development process ensures quick turnaround for new device platforms and features.</p>
<p>We developed the ScoreMobile back-end using Ruby on Rails and have scaled it up to handle over 20 million hits a month. We've grown the platform to support over a dozen sports leagues which serves data for all of ScoreMobile's devices including the <a href="http://itunes.apple.com/us/app/scoremobile-iphone-edition/id285692706">iPhone App</a>, <a href="http://www2.thescore.com/scoremobile/blackberry.aspx">Blackberry App</a>, and <a href="http://m.thescore.com/">mobile website</a>.</p>
<p>On the front-end we've designed and developed The Score's mobile website and iPhone App. We've managed to deliver a great user experience while consistently iterating on the app to deliver features such as live in-game updates, game blogs, and video highlights. But don't take our word for it; to date the app has had over 1.5 million downloads and has a 4-star status with over 15,000 reviews.</p>
</div>
<div class="case_study_images">
<a href="http://www.thescore.com/scoremobile">http://www.thescore.com/scoremobile</a>
<ul>
<li><img src="images/thescore.png" /></li>
</ul>
</div>
</li>
<li>
<div class="case_study_description">
<h2 id="community_lend">CommunityLend</h2>
<p>In January 2010 we helped launch CommunityLend.com, Canada's first peer-to-peer lending platform. Having worked with CommunityLend since 2007, we iterated over prototypes that brought them through multiple rounds of fundraising. To date, the platform has processed $100,000 in loan applications and registered over 700 borrowers and lenders.</p>
<p>Internally, CommunityLend uses a enterprise Ruby adapter to allow the front-end website to integrate with the full suite banking platform on the back-end. This results in the application producing similar results to the expected human interaction with the loans and investments modules. </p>
<p>Externally, CommunityLend makes use of extensive integration with third-party services in order to verify user identity (Equifax eID Verifier), query the user's credit bureau (Equifax iDecision), and make deposits from and withdrawals to user bank accounts (Portfolio Plus). CommunityLend has been featured prominently in international journals such as <em>The Wall Street Journal</em>, the <em>Financial Post</em>, <em>Investment Executive</em>, and <em>The Globe and Mail</em>.</p>
</div>
<div class="case_study_images">
<a href="http://www.communitylend.com">http://www.communitylend.com</a>
<ul>
<li><img src="images/communitylend.png" /></li>
</ul>
</div>
</li>
<li>
<div class="case_study_description">
<h2 id="targetivity">Targetivity</h2>
<p>In early 2009 we were approached by the founders of Targetivity to revamp their ad network platform: Affsession, a web-based business intelligence tool geared toward analyzing revenue streams associated with social media advertising.</p>
<p>The Affsession platform presented a distinct set of requirements around gathering real-time, transient statistics and presenting them in a number of complex reports. After a review of Affsession's existing setup, we broke ground with Rails worked alongside Targetivity's founders to quickly iterate over the design, explore requirements, and develop features. Extensive unit and functional testing helped to ensure a seamless migration of their production environment, which is especially important for a business based on having constant uptime. The migration to Rails and a high-coverage test suite have enabled fast turnaround for maintenance, adaptation, and feature development. In turn, this has helped Targetivity deal with rapid growth in the ever-changing landscape of social media.</p>
</div>
<div class="case_study_images">
<a href="http://www.targetivity.com">http://www.targetivity.com</a>
<ul>
<li><img src="images/targetivity.png" /></li>
</ul>
</div>
</li>
</ul>
</div> <!-- end #case_studies -->
<div class="hr" id="services_plus"><hr /></div>
<div id="services_section">
<h1 id="services_we_provide">Services we provide</h1>
<ul>
<li id="philosophy_and_process">
<h2>Philosophy and Process</h2>
<div class="column col_1">
<p>We absolutely love working with clients who share our passion for delivering compelling software experiences to their end users. We provide both design and development services under a single roof, which reduces communication overhead and exposes requirements to everyone involved. This allows us to deliver elegant, pragmatic, and adaptable solutions that fit our customers' evolving needs. All projects start with at least one developer and one designer alongside you to determine minimum requirements and, at each step, we integrate user feedback to quickly iterate and improve upon your application.</p>
</div>
<div class="column col_2">
<p>We employ modern tools and techniques backed by best-practices and years of collective experience to build robust, scalable, and reliable products. Moreover, we strive to deliver code that is understandable, maintainable, and concise. Your time and money spent with us is an investment; you shouldn't expect anything but the best.</p>
</div>
</li>
<li id="iphone">
<h2>iPhone</h2>
<p>While many of today's cell phones can browse the web and download specialized applications, such functionality is often an afterthought. The iPhone, by contrast, is a fully-fledged platform that has come to define the state of the art in mobile applications. We have been writing apps since the App Store was first launched and are now eagerly exploring the upcoming release that supports background processes and multitasking. Whether you are aiming to tailor a website to work across a range of mobile devices or have built a fully custom, native application, we can turn your idea into reality.</p>
</li>
<li id="ipad">
<h2>iPad</h2>
<p>The iPad has already begun to redefine tablet computing. Different than just a "big iPhone" or a "laptop without a keyboard," the iPad offers an entirely different experience to users surfing the web, playing games, or sketching out ideas. Hundreds of major businesses have already published beautiful and compelling iPad applications on this platform geared toward the fun and playful consumption of information. Whether you want to redesign a website to leverage the iPad's interface, build a custom application to showcase your business, or explore an idea for a novel product, we have the in-house expertise to make it happen.</p>
</li>
<li id="web">
<h2>Web</h2>
<p>For the last three years we have developed web applications &mdash; exclusively with Ruby on Rails &mdash; to deliver rich user interfaces using standards-based HTML, CSS, and Javascript. We know our tools inside-out, whether it be scaling a Rails server to handle millions of hits a month or creating highly optimized Javascript for dynamic mobile web applications.</p>
</li>
</ul>
</div>
<div id="banner">
<p>Our knowledge is shared.</p>
<a href="http://formandmethod.com" class="visit_our_blog button">Visit our blog</a>
</div>
<div id="biographies_section">
<h1 id="small_team">Small team. Large, calculated steps.</h1>
<ul id="bios">
<li id="dave">
<h2>David Carney</h2>
<p>has run the gamut on delivering high-tech products. Since graduating from the University of Waterloo with a degree in Computer Engineering (2001), he has worked in semiconductors in Silicon Valley to project management of a Montreal-based online dating business. In 2008, David entered the world of consulting and quickly became involved with Ruby on Rails and iPhone development. Nowadays, he's delving into iPhone and iPad game development and, in his spare time, absorbing volumes of useless trivia.</p>
</li>
<li id="mike">
<h2>Mike Ferrier</h2>
<p>is happiest when he's among fun people and working on fun things while solving complicated problems with simple and elegant solutions. He's worked on projects like real-time market data web displays for brokers at Tullet-Prebon, and music grant application and jurying systems for the government at FACTOR. In his free time he's likely to have a scotch in one hand and an open-ended straight draw in the other.</p>
</li>
<li id="tyler">
<h2>Tyler Rooney</h2>
<p>genuinely loves building web apps in Ruby and Javascript. In the last two years he's worked on The Score, Targetivity, and 4ormat. Before consulting full-time, he spent three years at Amazon.com working on payment services in C++ before using Rails to build internal apps for managing Amazon's complex monitoring tools. In 2003, he graduated from the University of Waterloo in Computer Science and managed to do co-op jobs at five now-defunct startups. When he's not working he's reading far too much non-fiction and enjoying the quality pubs of Toronto.</p>
</li>
<li id="lukas">
<h2>Lukas Dryja</h2>
<p>is a firm believer that a well defined design strategy can improve any product or business. With a Design Communication Degree from the Ontario College of Art and Design (OCAD) and multidisciplinary work experience from various Toronto based agencies, Lukas is passionate about solving design problems. Lukas is also the Co-Founder of Kolor &mdash; an international design collective helping companies build and maintain brands that communicate effectively to audiences. </p>
</li>
</ul>
<div id="contact_info">
<div id="contact">
<p>For inquiries please email us <a href="mailto:inquiries@formandmethod.com">inquiries@formandmethod.com</a> <br>or call us at 416-273-8082</p>
</div>
<ul id="address">
<li><strong>Form &amp; Method</strong></li>
<li>20 Maud St, Unit 302</li>
<li>Toronto, ON</li>
<li>M5V 2M5</li>
<li>Canada</li>
</ul>
</div>
</div>
</div>
</div> <!-- end #wrapper -->
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.