Tim McElwee - web portfolio and thoughts from Long Island and New York City

Hello!

I'm a developer/designer living on Long Island and working in New York City. I've been coding with an eye to standards-based clean HTML, CSS, and Javascript for over a decade and I have a background in accessibility, starting serious dev work at the GVSU disability services provider office. Lately I've picked up skills in page performance and mobile web design. I like to design clean, uncluttered layouts that lead users into the content. See some of my work or learn more about me.

My Twitter Feed

Loading…

Portfolio

Corporate Interactive

  • Comcast.net Mobile iSite

    Design, XHTML, HTML5, CSS3, CSS, JS, jqTouch

    mobile isite comcast.net homepagemobile isite comcast.net homepagecomcast.net homepage

    Here are a few views of our mobile site targeted at iOS and Android devices: mobile weather, mobile homepage, and the type-ahead-find feature in the mobile rdvr search webapp.

  • Comcast.net Search

    Lead Developer, XHTML, CSS, JS, A/B Testing

    comcast.net search resultsXFINTITY search results

    Here are the two primary search instances I supported as lead developer: search.comcast.net and search.xfinity.com. You can read a piece from engadget about the remote DVR features we added.

  • Comcast.net/Xfinity.com

    XHTML, CSS, JS

    comcast.net homepageTheThread celebrity fashion blogXFINITY customer homepage

    Here are a few visual examples of projects I've worked on for Comcast.net/Xfinity.com.

  • Wunderman Clients

    HTML, CSS, JS, HTML Emails

    Wunderman.comNationwide SmartRideStart Here Go Places EmailDannon Kitchen Recipes

    Above are samples of projects I worked on at Wunderman: (from left to right) Wunderman.com, Nationwide SmartRide, Start Here Go Places email campaign, and Dannon Kitchen Recipes

  • SelectMinds

    Design, HTML, CSS, Flash component

    SelectMinds website

    While I was working at SelectMinds, the company decided to update it's branding to better reflect it's place as a leader in the world of corporate social networking. I worked in conjunction with the Director of Product Management and the marketing team to create a clean and modern website design that matched the new branding initiative. (The link above goes to an Archive.org version of the site that is missing some of the sIFR headlines and flash elements.)

Freelance Interactive

  • Grace Community Church

    HTML, CSS, JS

    Grace Community Church website

    This was a quick chop and layout for a friend (and former co-worker). It was a great opportunity, with 50%+ of their user base on Chrome, to try out Modernizr to progressively enhance the experience with CSS3 gradients and other features.

  • Parent Resource Center

    Design, HTML, CSS, JS

    Parent Resource Center website

    The Parent Resource Center website hadn't been visually updated in years. In 2009, I decided that they'd done enough for my kids that I ought to volunteer. I tried to keep it a little whimsical, but not too crazy with the website's primary audience being parents.

  • Management Analyses and Planning, Inc.

    Design, HTML, CSS, Flash component customization

    Management Analyses and Planning website

    This is a great little site for my former employer's consulting company. Using the nautical theme and colors of their logo, I created a more modern visual framework for their important information. Now they have one of the best looking websites in their space.

  • FreeWorldU

    Design, HTML, CSS

    FreeWorldU website

    FreeWorldU is an online education site that with a goal to provide "free online education to everyone worldwide," using a flashcard model. I've worked with the development team to refine several areas of the site, from the flashcards to the administrative sections.

  • Working Papers

    Design, HTML, CSS, JS

    Working Papers website

    Working with a former colleague who'd gone back to graduate school, I created the Working Papers site with a clean, modern design to reflect the editors' initiative to revitalize the publication as an online journal. The design incorporates color elements from the larger University of Pennsylvania branding.

  • Irish Connections

    Design, HTML, CSS, Flash integration

    Irish Connections website

    This is the internet presence for my father's tour company. He specializes in small-custom tours and wanted a site that reflected the more professional and experienced nature of his business. The primary goals of the redesign were to better showcase tour features and the beauty of Ireland. Luckily my dad's a pretty good photographer. I focused on incorporating large, colorful images to show potential tour guests exactly what they can see and do.

  • Vanderbilt University

    CSS, HTML

    School Choice Center

    I created a style sheet based upon a Vanderbilt Creative Services design for the Vanderbilt University redesign that was live from August 2005 until August 2007. As part of their regular refresh cycle, the university webmasters wanted the site to use the latest development techniques. I'd just finished helping Peabody College create their first CSS-driven site, so they asked me along with other campus web professionals to assist.

  • School Choice Center

    Design, HTML, CSS

    School Choice Center

    I created the School Choice Center site to provide an initial presence for this federally funded education research center, with the intention that it would serve as a hub for information dissemination to partner institutions and the general public.

    I wanted to incorporate a sense of the long history of educational debate surrounding school choice. With the 50th anniversary of Brown vs. Board of Education near the founding of this center, I created a design that had the feel of a piece of school letterhead and newspaper articles of the 1950s.

  • Peabody Style Sheet Design

    CSS

    Peabody College redesign

    One of the primary goals of this project was to provide maximum HTML control for the webmaster and Peabody web team while allowing design variation for departments and centers. The result was one stylesheet that controlled all of the college's changing visual identities.

  • Top Notch Hockey League

    Design, HTML, CSS

    This is a partially completed design for an online hockey league using NHL 2005 from EA Sports. Though the project was ended by the client before completion, it features a nice DHTML menu while fitting into the exitsting site structure.

  • Peabody Journal of Education

    Design, HTML, CSS, Photography

    Peabody Journal of Education

    The PJE website serves as journal's Vanderbilt web presence, providing abstracts for each article and a means of accessing features from the publisher's website for those who begin their search at Vanderbilt's website.

  • LPOEd.D. Program

    Design, HTML, CSS, Photography

    LPO Ed.D. website

    A proposed design to provide a professional and attractive website for the LPO Ed.D. Program.

  • Peabody Center for Education Policy

    Design, HTML, CSS

    Peabody Center for Education Policy

    A redesign and expansion, the Peabody Center website was created to provide information about researchers, research projects, news updates, and sponsored seminars. The design incorporated leaf motiffs similar to Peabody College marketing materials that focused on the campus' status as an arboretum.

  • UNC CATIE Project

    Design, HTML, CSS, Flash (site map)

    CATIE's site serves as an informational repository for potential patients, their families, and researchers. Navigation and overall feel was improved by separating the two major areas of the study with the colors of the logo and tying them together on the homepage where the connection made the most sense.

  • UNC Schizophrenia Research Center

    Design, HTML, CSS, JS

    The Schizophrenia Research Center's site served as the public face of the research center and it's investigators. It was challenging to reach a consensus about the design and symbolism, but the final outcome is simple and unique with the progression of disease and research growing outward like a sea shell.

  • GVSU ARSP Division

    Design, HTML, CSS, JS

    ARSP Site

    Here I have created a site for a division which provides a great deal of information and service to the campus. I've tried to maintain some of the top-level layout and design elements within the program sites in order to create a more unified experience. One of the program sites is included below.

  • Testing Services

    Design, HTML, CSS

    Testing Services Site

    Testing Services coordinated a number of GVSU tests, including math and writing placement, CLEP, and English as a second language.

Print & Identity Design

  • Android Alliance of Philadelphia Logo Concepts

    Android Alliance of Philadelphia logos

    These are the top two options submitted for group approval to the Android Alliance of Philadelphia, a new user group getting started in Philly.

  • Working Papers Article PDFs

    Working Papers PDF

    For the PDFs on the Working Papers site, I wanted to create a consistent structure and typography that would provide a more professional appearance. After all, it's created by Ph.D. candidates who aren't far from their degrees. I also created the template to allow for printing on standard letter sheets from a campus printer or for them to be eventually uploaded to a print-on-demand service for later collection or for a future revenue stream.

  • Peabody Professional Institutes

    Peabody Professional Institutes Summer 2005

    I created graphics for the Peabody Professional Institutes' Summer 2005 offerings using an image of the most distinctive building on campus with a bright purple—both commonly used in Peabody print pieces—to provide a cohesive and visually interesting identity.

  • AEFA Conference Abstracts

    AEFA 2005 Annual Conference Abstracts

    I compiled the abstracts for the AEFA 2005 annual meeting to accompany the official program, hence no cover page. I tried to focus attention on the content of each presentation by placing descriptions and titles in main, left column.

  • IES Grant Proposal Cover

    IES Grant Proposal Cover

    This proposal cover posed a challenge to convey a focus on excellent teaching while incorporating the logos of participating research institutions and school districts. I tried to achieve this by using type and an off-center photo to draw attention to the teacher while using the negative space to group the institutions' logos.

  • GD Graphics Library Icon Submission

    GD Graphics Library icon

    This is the application icon submitted for the GD Graphics Library icon competition. It was designed to represent GD library's flexible, server-side creation of graphics where elements could be "pealed back" on the fly.

  • Trailblazer Icon Submission

    Trailblazer icon

    This was a submission into the Trailblazer icon competition. It was meant to represent the programs intent of leading users back to a website that they'd found on a previous search without bookmarking and could no longer find.

About

I'm Tim McElwee. I'm originally from Allegan in Western Michigan. I've been a designer/developer since 2000.

I'm currently on my second tour with SelectMinds, where I'm now Senior UX Developer, adding new features to our CommunityConnect product and refining

From 2009–2011, I worked at Comcast Interactive Media in Philadelphia. I worked on Comcast.net, Xfinity.com, and XfinityTV.com. That includes general front-end duties and getting to work with our search instances and our mobile sites.

From 2005–2009, I worked in New York City as an interface engineer for Wunderman and as a web developer at SelectMinds. Both were a great introduction to different aspects of major league web design. At Wunderman, I learned how to crank work out in an advertising shop. At SelectMinds, I got to focus on our software-as-service social networking product servicing Fortune 500 clients.

Before New York, I worked at the Peabody Center for Education Policy. It's an educational research center at Peabody College of Vanderbilt Univesity, in Nashville, Tennessee. While there, I had the luck to work with both the college and university to create their first CSS-driven websites.

All of this web focus started while I was an undergrad at GVSU. I worked with learning and physically impaired students as a book reader/scanner and as the assistive technology trainer, teaching students about the assistive software packages available through the disabilities services office. I really enjoyed being able to show people how to use a piece of software that could make their daily life easier. Those experience led to accessibility research when the division needed a new website. I discovered the web standards community through that research and I've been on this journey ever since.

Photos