NEWDESIGNMEDIAS: Online Portfolio of Nicholas Wilcox

Welcome to NewDesignMedias: online portfolio of Nicholas Wilcox

Who am I?

Who am I?As both a designer and a developer, I excel as a specialized generalist. By bringing creative and technical expertise together, I help create solid, complete, and well thought-out solutions.

What are my strengths?

What are my strengths?I enjoy providing value in many diverse areas including: website and CMS development, ui/ux, website design, website optimization, usability, standards and compliance, SEO integration, maintenance, and customer support.

Where have I applied my strengths?

Where have I applied my strengths?Working with local regional companies to large international Fortune 500 companies, I actively participate in the implementation of a wide array of projects including CMS migrations and implementations, social networking initiatives, database driven websites and web applications.

How do I bring value?

FHow do I bring value?With over 15 years of professional service, I bring a depth of experience developing and implementing over 130 websites/web applications. I am a currently a certified Microsoft Specialist in HTML5 with JavaScript and CSS3, a certified Ektron (now EpiServer) CMS Developer, and have experience in other content management systems including Umbraco and CrownPeak.

+ LOGO REDESIGN (0)

CEO Partners :: Rollover for old version

  • CEO PartnersCEO PartnersCEO Partners
  • Goal

    Redesign the existing logo to match the new website design that was presented to customer by a third party vendor.

    Highlights

    • Updated font selection to match new design
    • Aligned colors to match new design
    • Rotated and refined the graphic element of the logo to present a more kinetic visual feel.

 

+ ORIGINAL DESIGN & DEVELOPMENT (0)

KSS Insurance

  • kssinsurance.comKSS Insurance
  • Goal

    Consulting for CODA Computer Services, designed from the ground up a complete website experience based on provided newly formed logo and original animated character

    Highlights

    • Created PSD artwork
    • Built HTML5/CSS3 based templates for website
    • Integrated custom jQuery based content accordions, rollover menus, glossaries, and smooth scrolling
    • Seamlessly integrated Facebook and three other third party web applications

Enterprise Unifed Solutions

  • enterpriseus.netEnterprise Unifed Solutions
  • Goal

    Consulting with a third party content strategist, designed from the ground up a complete website experience based on provided example sites and customer design preferences

    Highlights

    • Created PSD artwork
    • Built HTML5/CSS3 based templates for website with acceptable fallback for older versions of IE
    • Integrated custom jQuery based menus
    • Seamlessly integrated plugins such as AddThis and BackStretch (for background filling image)

CODA Computer Services, Inc.

  • codacomputers.comCODA Computer Services, Inc.
  • Goal

    Design from the ground up a complete website experience based around customer specifications

    Highlights

    • Created PSD artwork
    • Built css/xhtml templates for website
    • Integrated custom jQuery based content accordion, active state links, and the homepage rotator plugin
    • Using heavily modified stock art, created the 5 initial screens of the homepage rotator
    • Seamlessly integrated Facebook and Google Maps

Cloud Strategies

  • cloudstrategies.netCloud Strategies
  • Goal

    Design from the ground up a complete website experience based around customer specifications and other website designs of interest

    Highlights

    • Created PSD artwork
    • Built css/xhtml templates for website
    • Integrated jQuery based mega menus, active state links, and the homepage rotator
    • Using heavily modified stock art, created the 4 initial screens of the homepage rotator

G.I. Joe Vintage Selling Site

  • View DemoG.I. Joe
  • Goal

    Design from the ground up a complete website experience based around the need to sell a vintage toy collection

    Highlights

    • Created PSD artwork
    • Built css/xhtml templates for website
    • Database driven content and menus

GMI: Revitalization in Action

  • gminsidenews.com/naias/revitalizationGMI Revitalization in Action Series
  • Goal

    Redesign the existing RIA website experience

    Highlights

    • Created PSD artwork
    • Built css/xhtml templates for website
    • Populated content and images

Rambler Coachbuilder

  • View MockupRambler Coachbuilder
  • Goal

    Design from the ground up a complete website design around the coachbuilder's prototype vehicle.

    Highlights

    • Reworked their logo into the navigation bar to create a more dynamic and fully integrated design.
    • Created PSD artwork

High School Reunion Mini-site

  • View DemoHigh School Reunion Mini-site
  • Goal

    Quickly and efficiently design and launch a mini-site with information regarding my 10-year high school anniverary

    Highlights

    • Created PSD artwork using school logo
    • Built css/xhtml markup for website
    • Single output page with content hiding and showing via click events allowing for faster development and deployment.

Decorative Edge

  • View DemoDecorative Edge
  • Goal

    Design from the ground up a complete website experience based around the window coverings business

    Highlights

    • Created PSD artwork
    • Built css/xhtml templates for website
    • Database driven content and menus
    • Site is no longer online as company has closed

Desert Rose Shepherds

  • View DemoDesert Rose Shepherds
  • Goal

    Design a complete website experience based around the german shepherd breeding business and existing hand drawn logo

    Highlights

    • Created PSD artwork
    • Built css/xhtml templates for website
    • Populated content on the site

CD-ROM Portfolio

  • View PopupMatt Wilcox Portfolio
  • Goal

    Design a complete cd-rom delivered portfolio for my brother's resume

    Highlights

    • Created PSD artwork from his initial concept sketches
    • Built css/xhtml templates for website
    • Loaded content of each piece in central panel with a iframe based html pages

+ REDESIGN DURING DEVELOPMENT (0)

Patient Predict & Breast Cancer Home

  • patientpredict.comPatient Predict
    • Goal

      Upgrade and redesign various websites into one unified presentation

      Highlights

      • Created PSD artwork from provided PowerPoint design guidelines
      • Redesigned the CSS/HTML templates using new PSD artwork
      • Upgraded the cancer-predition math engine backend for more functionality
      • Upgraded the site from 1.1 .NET to 4.0 to take advantage of newer server controls
      • Integrated jQuery for interactive menus and glossary
      • Integrated Google Ads for revenue generation to help fund future cancer-prediction sites

ServerSide

  • serverside.netServerSide, Inc.
  • Goal

    Build css/xhtml templates for website from supplied third party design PSD files and my redesign navigation areas

    Highlights

    • Company owner was not completely satisfied with the third party artwork so I redesigned many areas of the site on-the-fly. Elements redesigned included: site header, top mega menu, homepage image rotator, side bar news area, a revised thick footer, the gray call to action homepage bar, and the site search box.
    • Redesigned most of the CSS/HTML templates to fit a grid based layout and resized the entire design down to fit on 1024 screen resolution.
    • Integrated jQuery for homepage rotator and news ticker
    • Integrated Milonic (milonic.com) for mega menus

University of Charleston West Virginia

  • ucwv.eduUniversity of Charleston West Virginia
  • Goal

    Build css/xhtml templates from my redesigned PSD files

    Highlights

    • Customer was not completely satisfied with the third party artwork so I redesigned the visual layout and site colors yet kept all functional areas intact. Elements redesigned included: site background, the large section heading pages, the top list based menu, the main site menu, and expanded the site content styles for what UCWV would need as they populated the site.
    • Designed the left vertical expanding/collapsing interior menu. Integrated a custom stylesheet into CMS powered AJAX menu system.

Arlington Roe

  • arlingtonroe.comArlington Roe
  • Goal

    Build css/xhtml templates for website from supplied third party design PSD files and my redesign navigation areas

    Highlights

    • Worked with third party designer to make modifications (specifically the navigation areas) to make better use of vertical and horizontal space.
    • Integrated Milonic (milonic.com) for popup menus

Employment Partner

  • localjobsdirect.comLocal Jobs Direct
    localaccountingcareers.comLocal Accounting Careers
  • Goal

    Build css/xhtml templates for website from my redesigned PSD files

    Highlights

    • Customer was not completely satisfied with final result of third party artwork so I redesigned the visual layout of the design keeping all functional areas intact
    • Designed a second sub-site using only stylesheet and image changes. All functionality remained consistent throughout the sub-site.

+ COMPLETED PROJECT DEVELOPMENT (0)

Horizon House

  • horizonhouse.ccHorizon House
  • Goal

    Convert a static 40+ page website into an open-source CMS

    Highlights

    • Using newly designed and provided html mockups, completed site development 3 days to meet an internal deadline
    • Worked with designer to take better advantage of CMS features with design elements of the layout.
    • Assisted in deployment and launch just over a week after development was completed.

Mercury Computer Systems

  • mc.comMercury Computer Systems
  • Goal

    Build css/xhtml templates for website from supplied in-house design PSD files

    Highlights

    • Worked with designers closely to enhance or redesign areas of the site to better integrate with CMS and/or improve functionality (such as left vertical feature navigation, product search and product end pages)
    • Integrated jQuery based AdvancedMediaBox popups for product registrations and supplemental content
    • Integrated and customized jQuery based mega menus, tabbed content areas, and show/hide panels
    • Integrated a custom jQuery/Flash hybrid feature for ARS expanding/collapsing flash banner
    • Integrated sIFR technique for home page headlines

Golf Business

  • golfbusiness.comGolf Business
  • Goal

    Build css/xhtml templates for website from supplied in-house design PSD files

    Highlights

    • Worked with staff closely to enhance or redesign areas of the site to better integrate with CMS and/or improve functionality (such as article search, member login, and banner ads)
    • Co-developed with Ektron a dynamic import routine that would collect content from non-Ektron based database, convert it to xhtml, and import it into Ektron content blocks with correct content folder assignments, taxonomy selections, and metadata
    • Integrated and customized Chrome based mega menus

Foot Health Facts

  • foothealthfacts.orgFoot Health Facts
  • Goal

    Build css/xhtml templates for website from third party supplied design PSD files

    Highlights

    • Worked with designers closely to enhance or redesign areas of the site to better integrate with CMS and/or improve functionality (such as mega menus, physician search, and foot diagram)
    • Developed interactive Flash/JavaScript based hybrid foot diagram with click history (via querystring passed markers)
    • Integrated Milonic (milonic.com) for mega menus, popup menus, and click to open/close mini-menus.

ACFAS

  • acfas.orgAmerican College of Foot & Ankle Surgeons
  • Goal

    Build css/xhtml templates for website (except member areas) from third party supplied design PSD files

    Highlights

    • Worked with designers closely to enhance or redesign areas of the site to better integrate with CMS and/or improve functionality (such as mega menus, popup logins, and completely custom popup site search)
    • Integrated jQuery based Thickbox popups for print screen and email functionality
    • Integrated Milonic (milonic.com) for mega menus, popup menus, and click to open/close mini-menus.

American Dietetic Association

  • eatright.orgEat Right
  • Goal

    Build css/xhtml templates for website (except ecommerce and member areas) from third party supplied design PSD files

    Highlights

    • Worked with designers closely to enhance or redesign areas of the site to better integrate with CMS and/or improve functionality (such as mega menus)
    • Integrated jQuery based Thickbox popups for print screen and email functionality
    • Integrated Milonic (milonic.com) for mega menus, popup menus, and click to open/close mini-menus.
    • Co-created custom JavaScripts for homepage content rollover areas

AIT Bioscience

  • aitbioscience.comAIT Bioscience
  • Goal

    Build css/xhtml templates for website from third party supplied design PSD files

    Highlights

    • Worked with designers closely to handle larger browser screens and provide expertise for IE6 and IE7 display
    • Integrated jQuery based Thickbox popups for print and email
    • Integrated jQuery framework for menus and homepage rotator
    • Integrated sIFR technique for page headlines, sub-section headlines, and side bar callout headlines

AIT Labs

  • aitlabs.comAIT Labs
  • Goal

    Build css/xhtml templates for website from third party supplied design PSD files

    Highlights

    • Worked with designers closely to enhance or redesign areas of the site to better integrate with CMS and/or improve functionality (such as vertical menu design, AIT Test Catalog functionality and provide expertise for IE6 and IE7 display issues)
    • Integrated mooTools based Smoothbox popups for print and email
    • Integrated mooTools framework for left vertical menus
    • Integrated a custom jQuery/Flash hybrid approach for interactive sales map

Analysis Group

  • analysisgroup.comAnalysis Group
  • Goal

    Build css/xhtml templates for website from supplied in-house design PSD files

    Highlights

    • Worked with designers closely to enhance or redesign areas of the site to better integrate with CMS and/or improve functionality (such as homepage design, popup menu design, and internal pages such as Practice Areas and Experts Search)
    • Styled and integrated Milonic (milonic.com) for popup menus
    • Implemented custom developed and lighter weight sFIR technique for page titles and feature content areas. Fully configurable text via site content management system.

+ FLASH DEVELOPMENT (0)

Foot Health Facts: Foot Diagram

  • foothealthfacts.org/footdiagram.aspxFoot Health Facts: Foot Diagram
  • Goal

    Build a Flash application based on wireframe slides provided by designer

    Highlights

    • Seamless integration of swf into design
    • functionality created from a combination of Flash, HTML, CSS, and JavaScript all communicating through "flashvars"
    • diagram click history for "foot image" and "individual foot section" active screens via querystring passed markers on diagram page exit

Optiform: The Process

  • optiform.comOptiform: Process Presentation
  • Goal

    Build a Flash animation based on wireframe slides provided by designer

    Highlights

    • Seamless integration of swf into design
    • Smooth animations and transitions utilizing vector effects
    • Random image display at end of animation
    • Replay button

ITC: The Process

  • View on Wayback MachineImage Technology Corporation (ITC): Process Presentation
  • Goal

    Build a Flash animation based on wireframe slides provided by designer

    Highlights

    • Seamless integration of swf into design
    • Smooth animations and transitions
    • Rollover content highlights on active "page" links
    • Site is no longer online as company has been purchased

+ CERTIFICATIONS (0)

Microsoft

  • MCS: Programming in HTML5 with JavaScript and CSS3 Specialist

    MCS: Programming in HTML5 with JavaScript and CSS3 Specialist

Ektron

  • Certified Ektron Developer

    Certified Ektron Developer

O'Reilly School of Technology

  • O'Reilly School of Technology: Client Side Web Programming Certificate

    Client Side Web Programming Certificate

O'Reilly School of Technology

  • O'Reilly School of Technology: JavaScript Programming Certificate

    JavaScript Programming Certificate