Portfolio_Web

Various Website Design/Development Projects

AQCS

AQCS Environmental

+ view website

project:

AQCS Environmental employs a highly structured approach to environmental management working efficiently with companies of all sizes to successfully reduce their violations and fines from local agencies. The redesign of this website included a brand new, clean, modern design.  Since the target audience is not tech savvy and older, it is extremely important that the site be easy to read and navigate.

To keep the content fresh, Blogger was utilized so the owner could easily post new articles that would interest his clients as well as potential clients.  A custom template was created to mesh the third party blog system with the existing site.

Tracking code was also installed to gather information on keyword search results for the site, how long visitors are on the site, which pages where frequented most, and more.  Banner ads were created and were then embedded with tracking codes as well.

(Note: The diesel emission retrofit database was created by a third party, not eyeMotion Studio.)

tools:

Photoshop, Illustrator, Dreamweaver, CSS, PHP, Create Custom Blogger Template, Ad tracking

 

Foresters Equity Services

Foresteres Equity Services

+ view website

project:

Foresters Equity Services ("FESCO") sells mutual funds and variable products with successful long-term track records and proven results. The site was in desperate need of a fresh and professional appearance to appeal not only to clients, but also potential financial advisors. Flash animation is incorporated onto the home page to showcase the various financial areas that Foresters specializes in.

The fresh color palette of reds, blues, and gold create an inviting and warm feel. A fluid layout style utilizes the full width of the user’s browser allowing better usability. To keep users coming back to the site, a Market Report along with top financial news stories was inserted. Helpful resources such as guides and calculators also bring visitors back to the site.

tools:

Photoshop, Illustrator,Flash, Dreamweaver, CSS, JavaScript

 

Griffon May, Inc.

 

+ view website

project:

Refresh the dated design of existing site.  Griffon May was looking for a fresh, modern design that maintained a professional appearance.

tools:

Photoshop, Illustrator, Flash, Dreamweaver, CSS, PHP

 

Design Fulcrum

Design Fulcrum

+ view website

project:

The young architectural firm, Design Fulcrum, needed an online portfolio to attract new business. Following the lead from the print collateral, the hand drawn elements take over the design of the website by framing the content area and nesting the navigation.

To shift the focus away from the lack of projects, displays of tactile materials help bring the architectural designer into the realm of the viewer's world by showing items the viewer can relate to. Creating architectural change for real people.

Rather than using print for testimonials, streaming video captures real people expressing their real personal stories with Design Fulcrum.

tools:

Photoshop, Illustrator, ImageReady, Dreamweaver, JavaScript, Video Editing, Streaming Video

 

Barrio Logan College Institute

Barrio Logan College Institute

+ view website

project:

The nonprofit organization Barrio Logan College Institute works primarily with local Latino students who will be the first in their families to go college. BCLI prepares kids for college through free academic enrichment, skill building, tutor, mentor, and college exploration and application services designed specifically for our bilingual, bicultural students and their families.

The website redesign involved developing a color scheme reflective of the culture and bright personalities of the students, families, and staff. Borrowing colors from the facility and murals within the building, the site has a strong solid base with accent color for each section aiding with navigation. Random images rotate on the home page with each visit.

tools:

Photoshop, Illustrator, Dreamweaver, JavaScript, CSS

 

Donate Life San Diego

 

+ view website

project:

The home page has several dynamic features. A ticker tape displays current donation statistics. A live number of donor registrants submitted to the California DMV is displayed with each browser refresh. A random picture is selected within the donor circle with each browser refresh also.

Database structures utilizing PHP & MySQL were created for a dynamic calendar of events and an internal message board for hospital coordinators. Both were styled through the use of CSS.  

tools:

Photoshop, Illustrator, Dreamweaver, CSS, JavaScript, PHP, MySQL

 

Lifesharing

Lifesharing

+ view website

project:

Lifesharing is a nonprofit organ & tissue donation organization serving San Diego County. The website honors the special people who so generously gave the ultimate gift of life to others through tissue and organ donation. With families' permission, the site gives a face and name to donation, which is so much more than numbers on lists.

The home page has several dynamic features. A ticker tape displays current donation statistics. A live number of donor registrants submitted to the California DMV is displayed with each browser refresh. A random picture is selected within the donor circle with each browser refresh also.

Database structures utilizing PHP & MySQL were created for a dynamic calendar of events and an internal message board for hospital coordinators. Both were styled through the use of CSS.  

tools:

Photoshop, Illustrator, ImageReady, Dreamweaver, CSS, JavaScript, PHP, MySQL

 

I Love A Clean San Diego

I Love A Clean San Diego

+ view website

project:

Through outreach, community involvement and example, I Love A Clean San Diego leads and educates our community to actively conserve and enhance the environment.

With a new look, the non profit organization needed a redesign of their existing web site. The overall design is clean and simple to allow for easy navigation for the various age groups that visit the site daily. The web site design incorporates extensive CSS to maintain a consistent look and feel throughout the web site. PHP, JavaScript, XML, and databases are also utilized throughout the site to aid in keeping the site fresh and easy to maintain for the staff.

New features include a database driven event calendar that can easily be updated by the staff through the online administration area. RSS feeds on the home page display current environmental news of interest for visitors. Acrobat forms were designed for mail in donations that allow the user submit their information thus cutting down the database entry time for the staff.

Online forms scripted with PHP help streamline the inquiry process and free up more time for the staff. Random tips display through out the site in the golden side bar area, random images appear with each browser refresh on the home page, and tell-a-friend feature to send page links to friends are all scripted with JavaScript.

(Note: The online database recycling center was created by a third party, not eyeMotion Studio.)

tools:

Photoshop, Illustrator, ImageReady, Dreamweaver, JavaScript, PHP, MySQL, XML

 

Thrusters Lounge

Thrusters Lounge

+ view website

project:

Located in the heart of San Diego's trendy Pacific Beach, Thrusters Lounge caters to the college crowd and young working professionals. The challenge: design a unique website evoking the energy of beach life while promoting the new am cafe and evening club events. The site needed to be easy for the client to update on his own.

A warm, inviting website reflects the colors of the ocean, sun and the club’s energy. Inspiration for the graphics is drawn from the surf boards in the club. The photo gallery and calendar of events utilize databases and have a straight forward online admin area for the client to use. Text areas requiring frequent updates are coded with PHP for effortless changes by the client.

tools:

Photoshop, Illustrator, ImageReady, Dreamweaver, JavaScript, PHP, MySQL

 

im.K Jewelry

im.K Jewelry eCommerce Site

+ view website

project:

The online store front for im.K Jewelry continues the brand image through integration of design elements from other print elements such as business cards and retail tags.

Front end functionality of the eCommerce site includes customer login, order history, order tracking, recommended products based on current item selection, and more.

The backend administration functions allows the owner to check inventory, add new product images and descriptions, print invoices, categorize products, and more.

tools:

Photoshop, Illustrator, Dreamweaver, JavaScript, CSS, PHP, MySQL

 

Pickett Designs

Pickett Designs

+ view website

project:

A professional interior design firm located in Culver City, Pickett Designs specializes in medical and commercial project collaborations with the architectural partners. The design firm needed a web presence showcasing its portfolio of works. The flash site highlights the many facets of the firm in a concise and easy access layout. The patterns, textures, and animation throughout the site were inspired from textiles integral to the practice of interior design.

tools:

Photoshop, Flash, Dreamweaver

 

Wedding

Wedding Website

+ view website

project:

With a tropical wedding theme, the site not only tells the story of the couple wedding, but also reflects their personality and sense of humor. While the whimsical layout and navigation remains consistent throughout the site, each section feels unique and personalized offering information details in a logical structure. Design elements selected were inspired from the theme and the San Diego marina location.

tools:

Photoshop, Illustrator, Flash, Dreamweaver, JavaScript

return to top