Portfolio of Web-Related Items

For Your Casual Perusal:

Screenshot of the Jewish Federation of Metropolitan Detroit homepage

Jewish Federation of Metropolitan Detroit

http://jewishdetroit.org/

Assisting the Jewish Federation of Metropolitan Detroit (JFMD)'s in its philanthropic mission required migrating from Joomla to WordPress, email marketing, and a lot of HTML email templates.

Slightly more information

Joining the JFMD Web Team gave us the resources to keep pace with the numerous event-based landing pages and custom HTML email templates that needed to be built. Switching web development to WordPress allowed us to develop custom templates as a project base. Web fonts gave us a better look, and Git began to allow us to manage our code more humanely.

Technical information, &c.

  • Includes: WordPress, HTML5, CSS 1-3, jQuery, Photoshop, Git, Custom WordPress admin panels, icon-font set creations.
  • Ongoing integration of existing WebMD tools from Beta through Phase 2 of site launch.
  • Tools included: customized slideshow and quiz applications, as well new/reskinned calorie counter.
  • Transform Photoshop comps to working Web pages. Work with outside vendor, remote and local Web Team to modify designs and content as needed.
  • Deliver daily status reports on work progress. Lead technical team meetings as needed, delivering notes to technical lead.
  • Development of hand-coded CSS, XHTML, XSLT.
Screenshot of the Jewish Federation of Metropolitan Detroit homepage

myJewishDetroit

http://myjewishdetroit.org/

Launch and support of My Jewish Detroit, a monthly newsletter focused on stories and events from the local Jewish community.

Slightly more information

Custom WordPress template and functionality. HTML/plain text email templates. Continued feature development (photo features, comments) with every issue, per meetings with editor, Director of Marketing, and Web Team..

Technical information, &c.

  • Includes: WordPress, HTML5, CSS 1-3, jQuery, HTML email, Custom WordPress admin panels for custom slideshow.
  • Transform Photoshop comps to working Web pages. Work with designer, and independently to modify designs and content as needed.
  • Development of hand-coded CSS, HTML, XSLT.
Screenshot of the FIT Kids homepage

WebMD

http://fit.webmd.com/kids/

Development of WebMD and Sanford Health's FIT Kids initiative, a new subsite on WebMD.com. Joined existing team mid-project. Rapid ramp up on custom WebMD CMS, processes. Implemented vendor-supplied PSDs into working templates, correcting or bringing to team attention issues as needed for successful launch. CSS3 used, with IE 6—8 fallbacks, to increase page speed and ease maintenance. These methods were then used across the FIT site.

Slightly more information

Development had already been in progress several months when joining the team. This required rapid ramp up on both WebMD's systems and conventions being used by the FIT team. Developed HTML/CSS for Kids section, integrating with existing FIT/WebMD code, made/implemented this code into WebMD's custom CMS templates, XSLT modules. Used CSS3 extensively to reduce page load, and make site easier o maintain in the future. Phase 2 saw further integration of existing WebMD tools into FIT site. Customized XSLT for FIT. Served as SCRUMmaster on sprint.

Technical information, &c.

  • Includes: XHTML, CSS 1-3, CSS3Pie, jQuery, XSLT, Photoshop, AGILE-informed processes, Documentum, Custom CMS
  • Ongoing integration of existing WebMD tools from Beta through Phase 2 of site launch.
  • Tools included: customized slideshow and quiz applications, as well new/reskinned calorie counter.
  • Transform Photoshop comps to working Web pages. Work with outside vendor, remote and local Web Team to modify designs and content as needed.
  • Deliver daily status reports on work progress. Lead technical team meetings as needed, delivering notes to technical lead.
  • Development of hand-coded CSS, XHTML, XSLT.
Screenshot of the The Backpeddlers homepage

The Backpeddlers

http://www.thebackpeddlers.com/

Designed and developed one-page site for The Backpeddlers. Site needed to introduce people to The Backpeddlers' music, while providing an overview of current news and shows. Developed CSS/XHTML, integrated with SoundCloud player, WordPress.

Slightly more information

Worked with stakeholder to develop a site in keeping with the design aesthtic of The Backpeddlers' latest album. News and show information updates both the website and Facebook at the same time. SoundCloud integration pushes file management to their service, while facilitating social sharing and discovery of The Backpeddlers' music. A brief biography and photos are included in the footer.

Technical information, &c.

  • Includes: XHTML, CSS, design, Photoshop, Wordpress
  • Site design.
  • WordPress installation, customization.
  • Development of hand-coded CSS, XHTML.
Screenshot of the Estee Lauder homepage

Estée Lauder Companies

Internal Training Program

Developed CSS/XHTML and JavaScript as part of a distributed team implementing a new training program, using a Flash-based CMS, for Estée Lauder Companies' employees. Integrated and extended the CMS with custom made, standalone HTML pages. The design and functionality of the site were revised throughout the project, based on user feedback. Developed in conjunction with Macquarium.

Slightly more information

Development of the CSS/XHTML for multiple aspects of the training program, including new login, sign-up process, landing page, and course index pages. This meant working closely with the technical lead, UX team, and vendor to integrate with, and extend, the CMS to deliver an end product that met everyone's expectations and standards-especially the client's. Integration of Flash with HTML content, JavaScript.

Technical information, &c.

  • Includes: XHTML, CSS, JavaScript (jQuery), Photoshop
  • Transform Photoshop comps to working Web pages. Work with Designer, Web Team to modify designs and content as needed.
  • Entering and tracking bugs in company bug-tracking system
  • Deliver daily status reports on work progress. Lead technical team meetings as needed, delivering notes to technical lead.
  • Development of hand-coded CSS, XHTML, and JavaScript
Screenshot of the Buffalo State College homepage

Buffalo State College

http://www.buffalostate.edu/

Design implemented in fall 2008. Development of buffalostate.edu has been an ongoing responsibility since 2001. In that time I have been involved with user interaction, site content, naming conventions—essentially every aspect of the site, in one way or another. This refresh required a significant overhaul of our previous (2004) content and CMS architecture. I built three primary XSLT templates for the main site, the News and Events section, and My BuffState. These templates help buffalostate.edu in fulfilling its outreach to first-time visitors, prospective students and their parents, alumni, and the Buffalo State community.

Slightly more information

All three templates share common XSLT template pieces for headers and footers. Content is switched on or off via schema detection in XSLT or via site-specific CSS. Code sharing eases site maintenance for all involved.

Assuring the flexibility of the new design to fulfill content needs was a major goal during development. New XML Schemas were developed that allow pages to be changed between one, two, or three column layouts as needed. Highlights, with several different layouts, may also be placed at the tops and/or bottoms of pages. Existing XML schemas were updated (via grep) to add these new features without having to recreate pages and content—saving many hours of work for the Web team.

The new buffalostate.edu also features Flash/SlideShow Pro integration into the homepage and section index pages. The featured news item on the homepage is mirrored across multiple pages within the site, making important information easier to distribute and maintain, especially in emergency situations.

Technical information, &c.

  • Includes: XHTML, CSS, CMS, XML, XSLT, ASP, JavaScript (scriptaculous, prototype, SWFObject), Microformats
  • Transform Photoshop comps to working Web pages. Work with Web Designer and the Web Content Editor to modify designs and content as needed.
  • Development of multiple hand-coded XML schemas and XSLT templates
  • Development of hand-coded CSS and XHTML
  • Customization of XML-based CMS back-end
  • Modifying and/or managing the development of new or existing ASP-driven database content
  • Partial list of technologies added since 2001: Podcasts, RSS feeds, .ics/iCal events listings, microformats, The Daily HTML e-newsletter, Google Mini-powered search, Ingeniux CMS, dynamic page generation
  • Award Sampling: Three Council for Advancement and Support of Education (CASE) awards, category of institutional websites (2006 Bronze Award, 2004 Silver Award, 2002 Bronze Award); Winner, 2005 Award of Excellence, from the University and College Designers Association (UCDA) (See complete list)

Other Buffalo State projects of note:

Screenshot of the My BuffState homepage

My BuffState

http://www.buffalostate.edu/mybuffstate.xml

Fall 2008. The Web team developed this section to fill community needs ahead of a planned portal launch. Upon revealing the design to a test group of students, they loved it

Technical information, &c.

  • Includes: XHTML, CSS, CMS, XML, XSLT, PHP, ASP, JavaScript (scriptaculous/jQuery)
  • Integration of forum posts from bulletin board systems, via RSS
Screenshot of the News and Events homepage

News and Events

Fall 2008. News and Events uses Buffalo State's community-focused tools and publications to showcase what's happening on campus in a one page overview.

Slightly more information

The News and Events section is really the heart of the buffalostate.edu, cataloging activities across campus with a variety of custom applications. Some new or significantly revamped features include:

Increased RSS feed visibility

Latest content from podcasts, blogs, and the campus-wide photo gallery are included via RSS.

Targeted, content-specific searches for news, events, podcasts, and the HTML email newsletter, powered by Google Mini

Integration of AddThis for social bookmarking/sharing, metric tracking

Headlines from publications produced by College Relations are updated via RSS. Collapsible feeds allow users the option of scanning headlines, while using a minimum amount of screen real estate.

Technical information, &c.

  • Includes: XHTML, CSS, CMS, XML, XSLT, ASP, PHP, JavaScript (scriptaculous, Prototype), Movable Type, IP.Board, Gallery
Screenshot of the Buffalo State Bulletin homepage

Buffalo State Bulletin

http://www.buffalostate.edu/bulletin/

Award: 2007, CASE District II, gold award (category: "Web site Magazines")

Implemented in summer 2007. Previously a static one page site reporting policy updates and official announcements, the President of the college wanted the Bulletin to handle a greater role in campus communication. To handle expanded content—such as feature stories, faculty profiles, and achievements—a new site, and a custom PHP/MySQL admin panel to manage creating site content, were developed.

Technical information, &c.

  • Includes: XHTML, CSS, CMS, XML, XSLT, PHP
Screenshot of the Buffalo State Graduate School homepage

Graduate School

http://www.buffalostate.edu/graduateschool/

Award: 2007 SUNY Council for University Affairs and Development, Best in Category/Student Recruitment Web site

Implemented in 2007. This redesign united their two separate sites for the Graduate School and Graduate Admissions into a campus-wide CMS. The CMS allows users to swap out Flash homepage pieces, as well as the homepage highlight text and featured items. Other niceties: Integration with the Buffalo State events calendar.

Technical information, &c.

  • Includes: XHTML, CSS, CMS, XML, XSLT, ASP, JavaScript (SWFObject)
Screenshot of the Buffalo State Undergraduate Admissions homepage

Undergraduate Admissions

http://www.buffalostate.edu/admissions/

Award: 2007 Admissions Marketing Report, merit award

Implemented in 2006. A redesign of their formerly XHTML Strict site, and placed into a campus-wide CMS. CSS-only banners allow quick creation of ads for promotions, using pre-loaded photos and user-added text. Other niceties: Integration with the Buffalo State events calendar, and a targeted Admissions-only search feature, powered by Google Mini.

Technical information, &c.

  • Includes: XHTML, CSS, CMS, XML, XSLT, ASP
Screenshot of Buffalo State College's Blog Central

Buffalo State Blog Central

http://blog.buffalostate.edu/

Launched in 2005. I spearheaded the college's blogging initiative using Movable Type (plus some very helpful plug-ins) as the underlying system. This main blog serves as the front end to our campus blogs, pulling posts from the College Relations and Fashion Technology blogs, among others.

Technical information, &c.

  • Includes: XHTML, CSS, PHP, Movable Type
  • Blogging for the College Relations Web team
  • Provided strategic planning for back-end maintenance
  • Provided training and support for faculty/staff moderators as well as student bloggers
Blowin' it up, in the studio and on the stage

Presentations, Interviews, and Committees

Having been involved with Web technologies professionally since 1997, I've learned a few things along the way. As such, a variety of organizations and publications have requested my contributions to their events. I've been all too happy to oblige.

Talking, &c.

  • Panel Discussion: Buffalo Macromedia User Group (BMMUG) 2006 on Web Standards
  • Interview: Podcasting, 2006 Collegewebeditor.com, University Business Magazine
  • Presentation: HighEdWebDev 2005 on Podcasting
  • Presentation: BMMUG 2005 on CSS
  • Interview: Cover story on Buffalo State College's CMS migration, 2004, Ragan's Web Content Report
  • Presentation: Web Communications and Strategies conference 2004 on Buffalo State College's CMS Implementation
  • Consultant to on-campus Technology and Application Support Collaboration (TASC) Group
  • Drafted job descriptions and conducted interviews as both member and organizer of various job search committees