Form_and_Function_Design

YOU'VE heard OF us

 

… F+F describes timeless design principles merging HOW–to and WHAT–if ...  

It also defines the interactive work of digital artist Jonathan Gibson and his merry band of electronic artisans. Between him and his Crew of Code spans the Dawn of our digital-video-mp3-ipod Age of XXIst century interactive media + web related product development. We've used Flash longer than it's had a name and like techno-pioneer Icarus we Flex wings of AJAX swimming the AIR to Apollo's stellar realms illuminated by the Silverlight of a fading supernova - still visible in the northwest.
Sometimes we just make cool icons for people.

Visionary Product Activation

Please_Don't_Lick_the_Electrodes

Home, where the art is Folio examples skills Timeline Vitae Contact Form and Funciton PLEASE enjoy our mini-bar while visiting  

 

A GOAL is a DREAM with a DEADLINE.

Product prototypes, software development, Rich Internet Applications and other mysterious look-n-feel arts is our standard faire. We are a varied pack of logic-savants and graphic-fetishists who like working together to wire up information systems for almost two decades. From ancient groove-a-delic videodisc, go-go CD-ROM-dot-COM to pod-centric Web 2.0 Rich Internet Applications we've ridden many technology and financial tides surging in and out. We can probably help you sort out a solution as well.


Please look over the examples and see if some helpful hints to your own issues are recognizable among our digital debris. Chances are we've already encountered solutions to your problems so call us and let's see what can be done about it.
If you have an interesting job, please inquire within.
We can be quite entreprenuerial when it suits.



Home, where the art is To Top of PageDesign Portfolio

THE magical persistence of the pixel...

As our company name suggests, we draw core principles from the graceful implimentation of beautiful and useful product design.
Making the complex and difficult seem effortless is the ultimate in style.
FORM & FUNCTION marks it's second decade developing IT systems, commercial disc media, RIA, iTV delivery systems, on-screen civic services, and international user interface development.

In the end... Form-follows-Fun!

Grand Central Server

Corporate logo development + site design
GCS - logo development and site design

When New York's longest running internet service provider, www.PANIX.com, decided to re-purpose a superior technical expertise from public access to corporate data services, GCS sought a look that bespoke their fine edge and rugged durability. Our job was to develop a branded logo and modified the standard IT symbol of stacked disks 'tin can' db icon into a server- bladed high-tech tool designed to dismiss imperfection.
Likewise, we made an extremely lean fluid site design that mimics traditional desktop applications versus typical long-page web page layouts - like this one.

the CryptoRights Foundation

BIG BROTHER really IS watching YOU
website make-over for human rights group BUT does the DEPARTMENT have the BUDGET to snoop on everyone?

In an age where every cell-phone & webcam is a potential real-time spy-piece and certainly a digital spoor-spewer, our linked lives are subject to scrutiny & control by ever-more secretive executive groups + security tools jabbing & piercing the fragile tissues of the body politic. Issues of Privacy and Freedom cut quiet, but deep:
Witnesseses and investigators to crimes are in danger when strongmen e-copy notes at border checkpoints or confiscate documentation gear at a crime scene. When our security system isn't {hijacked by foriegn powers, graft, etc}, then whistle-blower protection is as vital as white-blood cells.
OK, so 'THEY' may not be watching ALL of us ALL the time, but are certainly RECORDING everything for later REVIEW...

C A V E A T
we're not real heroes, we just gave CRF nicer brochures & pleasant web site

 

ImMIX

'VideoCube' + 'VideoSphere'
Turnkey non-linear video editorNON-LINEAR Video Editor GUI

Professional digital video composer for turnkey digital broadcast production for newsroom, any commercial editing bay or internal corporate departments.

Gold Disk 'Video Director Jr'

Astound 'Studio M'
PLUG & PLAY video playlists GUI

Consumer media editor interfacesVideo Jr - Consumer oriented videotape sequencer for hobbyist and family media production. Colorfully illustrated tools log tapes & help assemble clip-lists. Pass around a small VHS or Hi8 tape of family & activities instead of a box of partial tapes.

Studio M - Presentation slide and multimedia animation tool. F+F was asked to dramatically simplify the feature-heavy interface of their popular Astound! product to make it appealing to OEM manufacturer and others expressing interest in bundling this applicaiton their products.

United Pan-Global Communications

'DaVinci iTV rollout'
AMSTERDAM interactive television

UPC / e-City - Dutch interactive television - iTV interfaceReverse-engineered the MicrosoftTV Server + Client software under clean-room procedures, lead team developing commercial strategies for both profit services and government functions for broadband InteractiveTV roll-out. Headed international design team working on multilingual interfaces. Of the competing developer groups only this system was finished & ready for deployment... even met criteria.

Telestream

'ClipMail Pro' + 'ClipMail Express'
TOUCH SCREEN User Interface

Turnkey non-linear videofax delivery systemSoft-wear for an electronic appliance product designed for easy office-to-office transfer of professional-grade video and/or conversion of broadcast quality material into global formats {HD, PAL, NTSC, etc} while transferring to destination.

Form and Function

Wraptures & Page Overtures
VIRTUAL WORLD TOOLKIT - impeccable seamless texture libraries

Turnkey non-linear videofax delivery systemA product line of smart-pixel tesselated images, from clever tile-able photographic patterns to the extra-deep bits & pixel fidelity sought by professional graphic artists and high-end desktop publishers.

"TEXTURES are the FONTS of the NINETIES "

Interactive Media Technologies

'VideoValet' + errata
EXECUTIVE Video Information System

Turnkey non-linear videofax delivery systemMassive parallel multimedia control through microcomputer control of video databases: this example is a custom front-end for advertising executives when a hidden bank of rack mounted video gear was essential for presentation - a prelude lesson in managing a wide assortment of image and data streams becoming common today.

AND Communications

'Guernica'
HOW children TODAY via YESTERDAY...

Seminal interactive exploration of Picasso's art + life using a unique language embodied in tools interface to 'build' quieries by clicking on subtopics within an image... depending which tool was used triggered a visual database retrieved digital videos from a matrix of relations. Seminal interactive exploration of Picasso's art + life using a unique language embodied in tools to 'build' quieries by clicking on topics within an image... depending which tool was used triggered a visual database retrieved digital videos from a matrix of relations. What you find in every internet connected classroom today, but groundbreaking in the late 1980's.

ADAPTEC

'Toast 4.0'
RE-SKINNING an old favorite

Drag and Drop Disc burning interfaceContracted to give a multi-resolution graphical style update, al a Apple's Bondi iMac to Toast and a growing family of personal data-massaging tools like iViewMultimedia, Spin Doctor, and others that never saw the light of day.

InterVideo Corel

'WinDVD 4'
Re-Skinning popular DVD software

Design for desktop widget media playerWe were invited to "go wild" with the visual, functional, and abstract concept of where playback device design could go... naturally, we pulled out the X-acto knifes and scalpals.
With a nod to timecode olde we stylified a button-crazy interface...

MediaVision Publishing

'Hard Drive'
CROSS-PLATFORM game based on techno-thriller novel

Numerous Operating Sysytem simulations to prototype new featuresTime-ticking game of accelerating technical failures under growing computer virus attacks that reveal hidden social and financial breakdowns following the death of the lead programmer at your brand spanking new employer
- in conjunction with & based on the novel by David Pogue

Apple Computer

'System 7 and beyond...'
Numerous Operating Sysytem simulations to prototype new featuresCORE TECHNOLOGIES the Simulations

Visualizing core technologies through solution specific prototyping.A series of faux applications explore several case studies of proposed OS-wide capabilities. Form and Function Numerous Operating Sysytem simulations to prototype new featuresbegan a multi-year task of animating various technologies with detailed MacroMedia Director animations.

Sony

'Sony Buys Columbia'
Numerous Operating Sysytem simulations to prototype new featuresInteractive Communications

Interactive press release effective and concise corporate communications by flooding the press with reams of quotes, libraries of data sheets and books worth of product beauty-shots. When an editor needs to fill a media void this provides rich content at the ready.

Infoscape

"Fresco"
Interface elements for intranet java applet workspace running on Windows and Linux IT User Interface Modeller

A Java-based intranet toolkit for enterprise development needed a rich set of visual language to connote the nuances of this field. The company did not survive the millennia-ending financial bust known as the Tech Bubble: further documentation on this minor project awaits unpacking.

MacroMind / MacroMedia / Adobe

'Media Content + example files'
Original Content + OEM Bundles = Publishing
Numerous Operating Sysytem simulations to prototype new features

Our close association with MacroMind, Paracomp, absorbing Authorware, unto MacroMedia beget Adobe... gave us a hand in the creation and improvement of many, many, products.

ColorDesk

'Copy'
A suite of image manipulation modules for the smaall officeOffice Suite of Productivity mini-Programs

One design module from an office utility suite tying otherwise seperate office equipment, fax, printer, scanner, modem, into a unified small publishing operation and/or document processing system. This was a PC-only product with the associated color-range and other technical limitations of 1990's era.

RadiusTV

'a room w/many views'
Poor-Man's Virtual Reality

Desktop Toaster the ultimate appliance computer or the home-officeRoll-out presentation for RaduisTV television capture device featuring multiple advanced video and data capture inputs for video compression, control and display. Lingo scripts choreographed analog video through a Director movie simulating a 3D fly-through by flowing frame-by-frame animation output to laserdisc as source material. The demonstration focused on symbols, like a Desktop Toaster appliance, for addressing business & educational solutions.

Timogen

'Studio'
Numerous Operating System simulations to prototype new featuresEnterprise intranet IT construction set

Interface additions for java-based website construction toolkit for corporate intranet and e-commerce systems during the dot-com peak.

Rose 'Mural' and other Trompe l'oeil

{work in progress}
Personal art projects ... 'gratis publis'Overlarge photographic rose mural {135ft x 35ft} in downtown Portland, Oregon

Before an entrepreneurial software career there was this wall, and I had all these paints. And then there were these flying dreams. Visions where I'm zooming through a cityscape like fish in an aquarium as I daub great curving arcs of paint across a city wired up for sound and crowds cheered me on....
Well, when one day {maybe it was a lucid dream} this one building looked awfully nifty, and I got to thinking...

And then...

Home, where the art is Folio examples skills Timeline Vitae Contact Form and Funciton To Start of Page  

 

People don't need another DVD or web site. Really.

We might help you deliver one along the way...
but it's a means to an end and not just buzzwords.

Form and Function has seen the power of good design defy mighty budgets rallied against a product line and witnessed the hit poor design can inflict upon whole companies. A simplified message and clear intention unifies a project, group or company best and keeps them on-track when the slogging is wearisome and distractions abound. There is no magic wand to make a good product as it's a mix of leadership, group talent, technical hurdles and lots of diligent attention to detail.

Our ready quiver holds classic pen and airbrush illustration, electronic game design, touch-screen devices; all tools sharpened from the very first revisions of what the world now calls Adobe PhotoShop {>sniff< even all grown-up it'll always be our lil' BarneyScan}, MacroMedia VideoWorks Interactive Director & Flash as we helped build the interactive electronic industry. We cut our teeth proving prototypes with industry leadership and remain pleased to have established the interactive forms and language the world uses today aka, World-Wide-Web -or- the Internet{s}...
Along the way we turned a knowledge of designing, developing and shipping leading-edge products - from rough napkin sketch beginning to slick finished product and Monday morning aftermarket support calls & procedures - into a design and professional graphic products.
We've been all up and down the product life-cycle and can lend an experienced eye to your ventures.

 

Home, where the art is To Top of Page Skills and Interests

DESIGNING with logic and intuition

Would we use elevators if manufacturers required us to punch a calculator to figure the number of stairsteps we travel vertically?
Imagine hanging industrial air conditioners off the Taj Mahal and you see where function-heavy thinking leads... to tears every time.

A memorable experience and targeted solution-centric design should be the goal of user interfaces that go almost unnoticed by the public. Our international crew of talented screen and communication designers address everything from Internet 2.0 RIA web sites, to wearable technology, to interactive television. The earlier any user experience designer can be inserted into your development process the better the outcome.

We create new ways to work and play.

INTERACTIVE
user interface design
multilingual interfaces
interactive content for broadband
iTV prototype development
handheld interfaces
information design
software work-flow evaluation
user experience feedback
UI mockups
application architecture design

LOGIC & CODE SKILLS
HTML/CSS/JavaScript
Flash & Flex2 ... and recently Apollo AIR
ActionScript & Lingo {even HyperTalk}
UserLand Frontier
Ruby on Rails {this very site}
Kaleida {Yes, we believed... and bought $1K tee-shirts}

COMMUNICATION
naming of things
corporate identity
brand identity
marketing campaigns
packaging design
collateral production
retail design
kiosk design
exhibit design

PRODUCT
fashion/culture
industrial design
human factors
functional/visual prototyping

Timeline Vitae additional timeline and skill details via History...

Home, where the art is Folio examples skills Timeline Vitae Contact Form and Funciton To Start of Page  

 

Before hiring us, or anyone, to work on your project you need to consider a few things about what is expected out of your development cycle. Design problems come in many shapes and sizes and operate at different rates of speed. To be sure we are looking at your issues adequately take a few moments to look at the list below and see what frameworks best apply to your situation.

Home, where the art is To Top of Page Pre-Qualifying

 

For Your Consideration...
Of the following themes... do any describe your project?

Marketing has a budget to immediately dress up the latest spawn to crawl out of engineering before collateral & manuals are committed to paper.

A stomach twisting deadline looms omminously close and you just lost graphic help... you think F+F's stuff looks great, but what about working all-hours for a few weeks?

We are about halfway through development and noticed a few logical cul-de-sacs and metaphor contradictions. We've been thinking about some user testing and a whole range of issues opened up..

We've decided on a strategic plan and the development team seeks outside expertise to generate interface designs and provide user experience feedback.

As you can imagine, putting the above in reverse-order has the most professional appeal and, frankly, likelihood of overall success. We believe in the "work smarter, not harder," approach to our tasks and declare greater client satisfaction when Form and Function is called earlier into their process than later.
Good design amortizes itself through avoided customer support calls, greater user satisfaction, the exhortations of free media by reviewers, and word of mouth recommendations by excited users. But this up-front problem-avoidance function requires a commitment of resources from within your company that may appear frivolous - at first.

budget_iconAdd up the number of topics in your project along with a laundry-list of features and you've got a rough sum of what a key part of your production budget will be. Years of client design reviews has taught us this and other useful tips to guide your project to completion.
We typically do man-hour bids rated according to the task outlined: call for an estimate. We will do fixed-bid arrangements, but based on a firm understanding of the scope of the job and provisions for compensation if review cycles draw out.

ADDENDUM: Youth and Vigor -vs- Experience and Guile
When using students for quality work calculate 6x-10x time above. Seriously.
For fresh graphic design graduates expect 3x-5x above budget.
This is the high cost of low wages and lack of experience: do you want to solve your problem with the incredibly long-lived pay-offs our designs have proven, or can you afford to not even ask what Form and Function asks for this service?

"a problem well stated is a problem half solved", - Charles Kettering

 

Home, where the art is Folio examples skills Timeline Vitae Contact Form and Funciton To Start of Page  

 

My name is Jonathan Gibson and I founded FORM & FUNCTION in 1988.
I left a bright future in Architecture to pursue the shiny {b}leading-edge horizon of digital product design, both hard and soft, hands-on in Silicon Valley. Here I have been privileged to tackle some pioneering projects that came to set the tone, flavor, and a wee bit of the direction interface metaphors have taken in these early days of the Information Age... how many people can say their icons morphed into the symbol of the World Wide Web via Mosaic 1.0, the g'pappy o' yon internet browsers?

Along the way I've collected a world-class team ready to tackle challenges.
Give us a ring and let's see how puzzling your conundrum really is.

Home, where the art is To Top of PageContact

Only humans, or at least No-Robots, are allowed to contact us:
{aliens and clones must apply in person}
 

FORM and FUNCTION Design
Purveyors of fine interactive media since 1988

{ c o n t a c t [at] ƒ o r m a n d f u n c t i o n (dot) c o m }
 Portrait of Young Man as Pixels

MOBILE unit : { [US]  4 I  5 – 3 O 5 - 7 6 9 9 }

BASE station : { [US]  8 3  I – 6 4 9 - O  2 2  9 }

AVAILABILITY - adaptable for both short -or- long term projects.
Specifically: Ready to start new project after April 15th.
Let's talk preload now. 

Home, where the art is Folio examples skills Timeline Vitae Contact Form and Funciton To Start of Page