The web portfolio
Hover over project for more details.
Things we do for the web:
- Identity development & creation
- Full design and development in HTML5.
- SEO/SEM/Social Media strategies
On SEO, SEM, and social media: we're someone to trust. With too many snake-oil salespeople out there in this arena, our expertise is informed by the latest facts/trends. And since we do development in-house, we put the latest into practice in real-time.
WordPress development
WordPress is a free, open-source, secure, web-based content management system (CMS) that is easy and elegant to use. At over 25,000,000 people using it (!), it's the world's most popular open-source CMS.
We don't simply design on top of WordPress, though, we push it with custom development. Our design and development can be as unique & complex as a project demands, while still allowing the client the full abilty to manage their site's content.
Jeff Eade, Architect
- Full site design/development.
- WordPress Content Management
- Custom jQuery animations
- jQuery based gallery
Mill Valley Garden Design
- Full site design/development.
- Logo/Identity creation
- WordPress Content Management
- Custom jQuery animations
Schafer's ATA
- Full site design/development.
- WordPress Content Management
- Custom jQuery animations
- Auto-calculating form with Paypal integration
ISHI Programs
- Full site development.
- WordPress Content Management
- Custom jQuery animations
- Original design: ISHI
The Ornish Spectrum
- Full site design/development.
- WordPress Content Management
- Custom jQuery animations
- HTML5 video displayed via Coverflow
- Designed by: Focus97 and Anne Ornish
Arntz Builders
- Full site design/development.
- WordPress Content Management
- Custom jQuery animations
- Project Gallery using Fancybox lightbox
TerraTopia
- Full site development.
- Customized WordPress Content Management
- Javascript-based fireflies
- Custom javascript parallax effects
- Design by Steve Beck and Michael Brunsfeld
Remembering the Heart of Medicine
- Full site development.
- WordPress Content Management
- Full-featured forum integration with SimplePress
- Image upload and commenting capabilities by front-end users.
- Initial design by The Spider Inc.
Waypoint Building Group
- Full site design & development.
- Identity creation
- Homepage with featured-area slideshow
MALY Consulting LLC
- Full site design & development.
- Homepage with featured-area slideshow
- WordPress-powered News & Events section
Individual Homes Site for
GoodLifeMarin
- Full site design & development.
- One page site home showcase
- jQuery UI Tabs
- jQuery image gallery
Hali'i Kai Luxury Rental Home
- Full site design & development.
- jQuery animations
- jQuery image fade on homepage
- WordPress Content management
>
Preventive Medicine Research Institute
- Full site design & development..
- jQuery UI Tabs
- jQuery lightbox functionality
- jQuery Cycle Image Rotator
UCSF Dept. of Anesthesia: Research
- Full site design & development.
- jQuery tablesorter 2.0.
- jQuery fancybox image enlarger
- jQuery Cycle slideshow
CMS Fountain Consultants
- Full site design & development.
- jQuery tabs with tablesorter 2.0
- jQuery sprites menu.
- jQuery fancybox image enlarger
- jQuery scrollTo sliding panels
Robert Craig Real Estate
- Full site design & development.
- jQuery suckerfish menu.
- jQuery Cycle slideshow.
- jQuery fancybox image enlarger
- jQuery Galleria gallery
WritePath Strategies
- Full site design & development.
- jQuery tabs.
- jQuery kwicks menu.
- jQuery fancybox image enlarger
Trademark Capital Services
- Full site design & development..
- Flash introduction with textEffects.
- jQuery tabs.
Preventive Medicine Research Institute Forum
- Custom CSS for branded design elements.
- Custom HTML elements within forum.
Operation Rainbow
- Full site design & development..
- Accordian functionality.
- Flash slideshow using swfObject.
- jQuery lightbox functionality.
- Disjointed rollover effect on homepage.
UCSF Dept. of Anesthesia
- Full site design & development..
- Spry sliding and tabbed panels functionality.
- Location and portrait photography.
- jQuery Cycle for slideshow.
Bickler Lab @ UCSF
- Full site design/coding + logo..
- Spry sliding panels functionality.
- Psuedo Mac Dock with fisheye functionality.
Pour La Victoire
- Full site design & development.
- Flash slideshow & menu creation.
- Spry framework/functionality.
- WZ Tooltip functionality.
Protofab
- Full site design & development.
- Flash slideshow creation.
- Product photography
- Spry framework/functionality.
- Lightbox.
April Philips Design Works
- Full site design & development.
- Flash slideshow & menu creation.
- Water Applet feature
- On site landscape site photography.
PalmerWeiss.com
- Full site design & development.
- Javascript mouse rollover slideshow.
- jQuery fancybox image enlarger.
Sephora Conference 2007
- Full Flash site design/coding + logo.
[Actual site is private, but example 'look and feel' viewable above.]
StratmannLab.com
- Full site design/coding + logo.
- Flash interactive menu for microscopy display.
- On site photography
Santos Painting & Decorating
- Full site design & development.
- Flash slideshow.
- Lightbox image enlarger.
The Islands of
San Francisco Bay
- Full site design/coding + logo.
- Flash slideshow intro with music.
- Lightbox functionality.
Focus97
- It's my own site.
- It's always changing.
- These bullet points organize things.
- This is a 4th bullet point.
- I'm just saying.
The print portfolio
We've also done a few print pieces.
Robert Craig
Full page magazine Ad.
April Philips Design Works
24 in x 48 in poster, vinyl, 4 color.
High Resolution Photography also by: focus97
Senior Living brochure
Prototype for printing - 6 panels, each 5x7 inches. 4 color.
Kelsi Dagger
4x6 cards, double-sided, 4 color.
CMS Fountain Consultants
Standard 2 x 3.5 cards, double-sided, 4 color.
MuitoFina.com
4x6 cards, double-sided, 4 color.
High Resolution Photography also by: focus97
Robert Craig
Full page magazine Ad.
Protofab.us
Trifold brochure 8.5 x 11
High Resolution Photography by: focus97
Protofab.us
Large Backdrops for Trade Show 3 ft. x 8 ft.
High Resolution Photography by: focus97
Santos Painting & Decorating
8.5 in. x 11 in. InDesign PressReady PDF, bi-fold, double-sided, full color
Chamber University
5 in. x 7 in. InDesign PressReady PDF, trifold, 6 panels
Photography also by focus97.
The Islands of San Francisco Bay:
An Anthology
9.5 in. x 13 in. InDesign PressReady PDFs, 208 pages, full color.
email campaigns
Why are email campaigns important?
Because it's 2012. In web years that's, like, 2012.
Email campaigns don't entirely replace a well-designed print campaign, but they're paperless, effective, measureable, and dynamic. And they can be dang fun. Strong merits indeed.
For Muitofina
An online fashion boutique. The ads needed to be elegant & compelling.
The Bickler Lab
Clinical studies campaigns were designed to entertain. They are for a group of study participants who know of the monthly announcements .
