Working in Tandem with our Clients

ZenHopper Art Foundation

Role: Project Coordinator / Designer - designed in Photoshop, hand coded in HTML/CSS

Using: PHP, HTML5, CSS, jQuery

A cooperative art foundation that offers artist space, a creative environment and positive energy. A foundation that supports the arts in the community.

This site is in the construction phase. The ZenHopper Foundation contacted us to manage the design, development and deployment of their website as well as the branding. This site will include a social community portal for members, online classes and resources which will be a key feature of the foundation.

View Site

Green Clean / Chico Carpet Cleaning

Role: Web Designer / Developer / SEO Consultant - designed in Photoshop, hand coded in HTML/CSS

Using: Photoshop, HTML, CSS

Chris Floren, owner of Green Clean, had an idea of a simple landing page to promote his environmentally safe alternative to the conventional carpet cleaning process and to prompt visitors to call him. I was hired to design and build out that idea for the url http://chicocarpetcleaning.com

Now the site has an additional page that explains why someone would want to choose Green Clean. A call to action button leading to the second page allows for clear, concise navigation and a complete look until a full navigation bar is implemented in the future.

The challenge for Chris is to rank up with a local competitor that is currently using 'chico carpet cleaning' as a key phase that ranks the competitor's domain at the top of google. The SEO campaign is active and he is gaining ground.

This site is device responsive so that a visitor with a smart phone will see an appropriate style for their screen size.

View Site

California Association FFA

Role: Project Coordinator / Designer - designed in Photoshop, hand coded in HTML/CSS for Drupal.

Using: PHP, HTML, CSS, jQuery, MySQL, Drupal

The California Association FFA needed a registration system for their yearly events. While working with Joe Hobson at Navigation North, we were tasked with creating the custom design theme, communicating with the clients throughout the project, and transcribing those communications to tasks.

This Drupal site was set up in such a way that California Association staff can easily add, edit and generally maintain the site from any computer, anywhere.

View Site

Enviromin

Role: Web Developer / Administrator

Using: PHP, HTML, CSS, Javascript, Zen Cart, SSL

Originally designed by a company that is no longer in business, Enviromin.com was left incomplete and built on a framework that the owners of the site could not maintain. After a few meetings we decided to start from scratch and build out the site to make it easier for the owners, or anyone hired in the future, to make changes. The front of the site is a static information site and the shopping section is a themed Zen Cart e-commerce system.

View Site



Working in Tandem with Different by Design

Debbie Roush

Role: Web Production - Converting Design to HTML/CSS.

Using: HTML, CSS

Debbie Roush needed a one page site as part of an advertising campaign for her business. We took what Different by Design created and made a simple, search-engine-friendly site.

View Site



Working in Tandem with Navigation North

Cadre

Role: Project Coordinator / Designer - designed in Photoshop, hand coded in HTML/CSS.

Using: PHP, HTML, CSS, jQuery

The Center for the Advancement of Digital Resources in Education is a powerhouse for education in the digital age. The Cadre team requested a new website with all information available on one page. The grid layout provided a way to display their work, their team and their objectives all on one page. The roll over tile feature mutes the available content until the visitor is ready to see it. When the visitor clicks on a tile, a modal box shows up in the foreground muting the site in the background.

The roll over navigation approach is unconventional, but is easy to figure out. The benefit of having everything on one page is that the visitor can't get lost in all the information. Less is more with this site. Roll over the title of the site. The highlighted letters were requested to give the site more life and intrigue.

View Site

CTE Online

Role: Web Production - Writing an XHTML/XSL/CSS site theme based on a Photoshop design by Red Zest for implementation within Cognoti.

Using: Cognoti, XSL, XHTML, CSS, Illustrator, Photoshop

CTEOnline.org was developed and is maintained by Butte County Office of Education's Center for the Advancement of Digital Resources in Education (CADRE) under the leadership of Brian Ausland. CTEOnline's purpose is to give educators powerful web based tools to create model curriculum, share resources and participate in an online community specifically build for them.

Red Zest designed the layout of this site in Photoshop. I was tasked with converting the design using hand coded XHTML/XSL/CSS to fit within the Cognoti web application system which was created by the Navigation North team as a collection of Java portlets utilizing Hibernate, XML, XSL and sometimes Flash if necessary.

Illustrator was used for all of the little icons that appear throughout the site. Red Zest picked them, I implemented them.

View Site

Brokers of Expertise

Role: Web Producer - Writing an XHTML/XSL/CSS site theme based on a Photoshop design by a local web design company for implementation within Cognoti.

Using: Cognoti, XSL, XHTML, CSS, Illustrator, Photoshop

Inspired and developed by CADRE, led by Brian Ausland, this project is one of the most advanced digital resource repositories built for educators.

"Brokers of Expertise (BoE) is an interactive online environment that offers both easily searchable teaching resources and an online community of teaching professionals." (Source)

MyBOE.org is built on the Cognoti framework created by the Navigation North team. As an employee at Nav North, I was tasked with taking the design chosen for this website and implementing it within the Cognoti framework. But I didn't stop there.

In order to make the design work with a high level of customizable dynamic content areas, I had to manipulate the design in Photoshop, create new design elements, as well as build out custom content in the systems wysiwyg editor.

View Site