Web Portfolio »  Anthony Franze

WordPress Web Sites

  • astrology4today.com
    Astrology 4 Today
    • Core, framework, and theme installation
    • Child theme customization via CSS & functions.php
    • HTTPS setup on login page and admin area
    • Creation of all content and graphics (other than main website background image)
    • HTML page content hand-coded with Homesite
    • Javascript for online astrology quiz functionality hand-coded with Homesite

Web Sites DESIGNED and HAND-CODED

  • Pets of Bel Air
    • Design & Development of entire site (other than text)
    • HTML: hand-coded with Homesite
    • CSS: cascading style sheets
    • Javascript/DHTML: image-swapping (rollovers); pop-up browser windows
    • Photography: all digital photography by Anthony Franze
    • Graphics: image editing and creation/design of graphic elements and logos in Photoshop
    • Image Slicing & Optimization for quick page loading with Fireworks
  • Tarot Spread Replicator
    • Design & Development of entire site (other than tarot card images)
    • HTML: hand-coded with Homesite
    • CSS: cascading style sheets; print stylesheet
    • jQuery: dragging and rotating functionality
    • Graphical Backgrounds: image editing and creation/design of graphic elements in Photoshop
    • Image Optimization for quick page loading with Fireworks
  • Antman Design
    • Design & Development of entire site (other than text)
    • HTML: hand-coded with Homesite
    • CSS: cascading style sheets
    • Javascript/DHTML/jQuery: pop-up browser windows; jQuery show/hide effects
    • Graphics: image editing and creation/design of graphic elements and logos in Photoshop
    • Image Slicing & Optimization for quick page loading with Fireworks
  • FoosBars.com
    • Design & Development of entire site (except tree menu script & form validation script)
    • HTML: hand-coded with Homesite
    • Javascript/DHTML: Tree Menu implementation, configuration, and customization; form validation implementation
    • Scripting: pop-up browser windows; alert boxes
    • Graphics: image editing, creation, and design of graphic elements, logos, and Tree Menu icons in Photoshop
    • Image slicing and optimization for quick page loading with Photoshop and Fireworks
    • CGI: form-data submission
  • FoosManchu.com
    • Design & development of entire site
    • HTML: hand-coded with Homesite
    • Flash: "The Adventures of Foosmanchu" animation
    • CSS: cascading style sheets
    • Javascript/DHTML: image-swapping (rollovers); spam-free JavaScript generated e-mail links; pop-up browser windows
    • Graphics: creation and design of graphic elements and logos in Photoshop
    • Image optimization with Fireworks
  • Fratbro.com
    • Integration and customization of PHP bulletin board system (PHPBB)
    • Design & Development of all other aspects of site by Anthony Franze
    • HTML: hand-coded with Homesite
    • CSS: cascading style sheets
    • Javascript/DHTML: form validation implementation
    • Graphics: creation and design of logo and graphic elements in Photoshop
    • Image Slicing & Optimization for quick page loading with Fireworks
    • CGI: form-data submission
  • No Waiting Dating
    • Design & Development of entire site
    • HTML: hand-coded with Homesite
    • CSS: cascading style sheets
    • Graphics: creation and design of logo and graphic elements in Photoshop
    • Image Slicing & Optimization for quick page loading with Fireworks
  • OnlineFamilyTree.net
    • Design & Development of entire site (except tree menu script & form validation script)
    • HTML: hand-coded with Homesite
    • Javascript/DHTML: Tree Menu implementation, configuration, and customization; form validation implementation
    • Scripting: pop-up browser windows; alert boxes
    • Graphics: image editing, creation, and design of graphic elements, logos, and Tree Menu icons in Photoshop
    • Image slicing and optimization for quick page loading with Photoshop and Fireworks
    • CGI: form-data submission
    • Design & Development of entire site
    • HTML: hand-coded with Homesite
    • CSS: cascading style sheets
    • Graphics: image editing and creation/design of all graphic elements and logos in Photoshop
    • Image Optimization for quick page loading with Fireworks

Web Sites DESIGNED

  • Maximus - HEP
    • MAXIMUS HIGHER EDUCATION PRACTICE
    • Web Site Design Mockup: Conception and design in Photoshop
    • Logo Design: Design of CEM & ERS logos
    • Flash: 12-second animation (Flash MX2004); Conception, design, and animation
  • Maximus - HEP TECH
    • MAXIMUS HIGHER EDUCATION PRACTICE
    • Web Site Design Mockup 2: Conception and design in Photoshop
    • Logo Design: Design of Higher Education Practice logo
  • Maximus - HEP - ERS
    • MAXIMUS HIGHER EDUCATION PRACTICE - ERS
    • Web Site Design Mockup: Conception and design in Photoshop

Web Sites HAND-CODED

Web Page Layouts DESIGNED and HAND-CODED

  • Proline Login Page
    • PROLINE STANDS - ADMIN LOGIN PAGE
    • Designed in Photoshop from "look and feel" of pre-existing web site
    • Username/Password Login functionality coded in Coldfusion
    • Simple functionality checks for the existence of one specific username and password combination (as opposed to querying a database of several acceptable username/password combinations)
  • Blackie® Page
    • GUITAR CENTER - ERIC CLAPTON BLACKIE® PAGE
    • Page coded in HTML/Coldfusion/CSS/Javascript
    • Design and creation of dynamic tab-switching functionality which is used widely throughout www.guitarcenter.com
    • This is just one of many pages coded for www.guitarcenter.com
  • Pro Tools Page
    • GUITAR CENTER - PRO TOOLS HD2 SYSTEM PAGE
    • Page coded in HTML/Coldfusion/CSS/Javascript
    • Design and creation of dynamic tab-switching functionality which is used widely throughout www.guitarcenter.com
    • This is just one of many pages coded for www.guitarcenter.com
  • DW / Neil Peart Kit
    • GUITAR CENTER - DW / NEIL PEART KIT (Photos Section)
    • Page coded in HTML/Coldfusion/CSS/Javascript
    • This is just one of many pages coded for www.guitarcenter.com

Web Page Layouts DESIGNED

  • Maintenance Page
    • GUITAR CENTER - MAINTENANCE PAGE
    • Designed in Photoshop
  • CEM/ERS - Login
    • MAXIMUS HIGHER EDUCATION PRACTICE - LOGIN PAGE
    • Web Page Design Mockup: Conception and design in Photoshop
    • Logo Design: Design of CEM & ERS logos
  • Maximus - HEP SPLASH
    • MAXIMUS HIGHER EDUCATION PRACTICE - SPLASH PAGE
    • Web Page Design Mockup: Conception and design in Photoshop
    • Logo Design: Design of Higher Education Practice logo

Logos DESIGNED

  • Portal Team Logo
    • GUITAR CENTER - IT PORTAL TEAM LOGO
    • Designed in Photoshop
  • Foosbars.com Logo
    • FOOSBARS.COM LOGO
    • Designed in Photoshop
  • Foosmanchu.com Logo
    • FOOSMANCHU.COM LOGO
    • Designed in Photoshop
  • Foosmanchu T-Shirt
    • FOOSMANCHU T-SHIRT LOGO
    • Designed in Illustrator
  • Fratbro.com Logo
    • FRATBRO.COM LOGO
    • Designed in Photoshop
  • No Waiting Dating Logo
    • NO WAITING DATING LOGO
    • Designed in Photoshop
  • Online Family Tree
    • ONLINE FAMILY TREE LOGO
    • Designed in Photoshop
  • Webspace Logo
    • MAXIMUS - WEBSPACE LOGO
    • Designed in Photoshop
    • MAXIMUS - EFFORT REPORTING SYSTEM LOGO
    • Designed in Photoshop
    • MAXIMUS - COMMITTED EFFORT MANAGEMENT LOGO
    • Designed in Photoshop
  • J-rocks.com Logo
    • J-ROCKS.COM LOGO
    • Designed in Photoshop

Banners Ads DESIGNED

Web Graphics DESIGNED

  • Product Hero Mockups: GUITARS
    • GUITAR CENTER
    • Product Hero Mockups - GUITARS
    • Created in Photoshop with stock images
      and product images
  • Product Hero Images: LIFESTYLE
    • GUITAR CENTER
    • Product Hero Images - LIFESTYLE
    • Created in Photoshop with stock images
      and product images
  • Product Hero Images: DJ & LIGHTING
    • GUITAR CENTER
    • Product Hero Images - DJ & LIGHTING
    • Created in Photoshop with stock images
      and product images
  • Product Hero ADVERTISEMENTS 1
    • GUITAR CENTER
    • Product Hero Advertisements 1
    • Created in Photoshop with stock images
      and product images
  • Product Hero ADVERTISEMENTS 2
    • GUITAR CENTER
    • Product Hero Advertisements 2
    • Created in Photoshop with stock images
      and product images
  • Product Hero ADVERTISEMENTS 3
    • GUITAR CENTER
    • Product Hero Advertisements 3
    • Created in Photoshop with stock images
      and product images

Flash Movies DESIGNED and BUILT and ANIMATED

  • Foosmanchu
    • THE ADVENTURES OF FOOSMANCHU
    • 3 & 1/2 minute foosball animation (Flash 5)
    • Written, developed, designed, produced, and animated by Anthony Franze
    • Recording of musical instrument sound bytes by a "musical instruments of the world" web site. If you're still out there, please contact us for proper credit.
  • Maximus - HEP
    • MAXIMUS HIGHER EDUCATION PRACTICE
    • Flash: 12 second animation (Flash MX2004)
    • Web Site Design: Conception and design in Photoshop
  • Laguna Guitars
    • LAGUNA GUITARS - SPLASH PAGE
    • Flash Splash page for initial build of PLAYLAGUNA.COM
    • Built & Animated by Anthony (not Designed)

Flash Banners BUILT and ANIMATED

Flash Players DESIGNED and BUILT and CODED

  • Flash Video Player
    • CUSTOM, XML-DRIVEN FLASH VIDEO PLAYER (AS2)
    • Plays Flash Video Files (FLV @ 320x240) from a scrollable playlist, where playlist is driven by an XML file
    • Play/Pause Toggle Button & Rewind Button
    • Scrubber Bar
    • Volume Control
  • Flash SWF Player
    • CUSTOM, XML-DRIVEN FLASH SWF PLAYER (AS2)
    • Plays Flash Video Files (SWF @ 640x480) from a scrollable playlist, where playlist is driven by an XML file
  • Flash Audio Player
    • CUSTOM FLASH AUDIO PLAYER (AS2)
    • Designed to play audio-training MP3s for Guitar Center store sales associates
    • Functionality: Plays MP3 files; displays current track name; Play/pause functionality with same button
  • Flash Video Player
    • CUSTOM FLASH VIDEO PLAYER (AS2)
    • Designed to play training videos for Guitar Center store sales associates
    • Functionality: Plays video files; transport controls display when mousing-over video screen

Special Functionality (Javascript/jQuery) DESIGNED / CODED

  • jQuery - Show/Hide
    • jQUERY - DYNAMIC SHOWING/HIDING
    • Expands (shows) and Collapses (hides) detail sections
    • Allows a lot of information to exist on one web page without clutter or confusion
    • Excellent for FAQ pages
  • Javascript/jQuery
    • JAVASCRIPT/jQUERY - Astrology Chart Aspect Calculator
    • Client-side form validation
    • Calculates and displays aspects between planets
    • Calculates and displays a chart's "composite point"
  • jQuery Functionality
  • jQuery Functionality
    • jQUERY - DYNAMIC FUNCTIONALITY
    • Draggable cards
    • Dynamic Checkboxes
    • Dynamic Radio Buttons
    • Dynamic Dropdowns
  • Coldfusion - Tab Switching
    • COLDFUSION - DYNAMIC TAB SWITCHING
    • Dynamically change page content on the same web page
    • Design and creation of dynamic tab-switching functionality which is used widely throughout www.guitarcenter.com
  • Javascript - Preloader
    • JAVASCRIPT - ANIMATED PRELOADER
    • An animated image displays while page content is loading. When page content is fully loaded, the animated image is hidden and the page-content is displayed.
    • Enhances user experience on webpages containing very large graphics
    • Greatly enhances user experience for users on a dial-up modem connection
  • Coldfusion - Login
    • COLDFUSION - SIMPLE LOGIN FUNCTIONALITY
    • Designed in Photoshop from "look and feel" of pre-existing web site
    • Username/Password Login functionality coded in Coldfusion
    • Simple functionality checks for the existence of one specific username and password combination (as opposed to querying a database of several acceptable username/password combinations)
    • If the correct user/pass combination is not supplied, an error message is displayed.
  • Image Rotation Script
    • JAVASCRIPT - AUTOMATIC IMAGE ROTATION SCRIPT
    • Set a start date and time period (in this case 1/1/09 and 2 weeks)
    • Every two weeks after the start date, the next image in the array displays
    • After final image in array is reached, it automatically starts over with the first image in the array and can continue on forever without maintenance
  • Simple Form Validation
    • JAVASCRIPT - SIMPLE FORM VALIDATION
    • If data has not been entered into a required field: the form does not submit; the user is prompted; the cursor focuses to the field in question; when all required fields are filled in, the form submits the data

Sharepoint CUSTOMIZATION and INTEGRATION

  • Sharepoint Look & Feel
    • GUITAR CENTER: Sharepoint Customization of the
    • "Look & Feel" of Guitar Center's Intranet Portal
    • SOLE DESIGNER/FRONT-END DEVELOPER of the "look & feel" of Guitar Center's Sharepoint Intranet Portal
    • MASTER PAGE: HTML structure of master page modified by hand with Homesite (not modified with Sharepoint Designer)
    • ALT-CSS: Alternate CSS file hand-coded with Homesite
    • Graphics: image editing and creation/design of graphic elements in Photoshop
    • Image Slicing & Optimization for quick page loading with Fireworks
  • Sharepoint Home Page
    • GUITAR CENTER: Sharepoint Portal Home Page
    • Design Mockup and Integration
    • MOCKUP: Design of Guitar Center's Portal Home Page in Photoshop
    • SHAREPOINT LAYOUT: Layout and configuration of web parts to accomodate this particular design
    • CSS: CSS styling of web parts to achieve desired effect
    • Graphics: image editing and creation/design of graphic elements in Photoshop for use in the Sharepoint environment
    • Image Slicing & Optimization for quick page loading with Fireworks
  • Sharepoint Video Player
    • GUITAR CENTER: Integration of Guitar Center's
    • Custom Flash Video Player into Sharepoint
    • Creation of custom, xml-driven Flash video player
    • Integration of the video player into the Sharepoint environment
    • Process designed so that Sharepoint users with authoring permissions need only upload their Flash video (320x240) and add 1 simple entry into an XML file for immediate live display on the portal
  • Sharepoint SWF Player
    • GUITAR CENTER: Integration of Guitar Center's
    • Custom SWF Player into Sharepoint
    • Creation of custom, xml-driven Flash SWF player
    • Integration of the SWF (Flash movie) player into the Sharepoint environment
    • Process designed so that Sharepoint users with authoring permissions need only upload their Flash movie (640x480) and add 1 simple entry into an XML file for immediate live display on the portal