Showcase

Recently:

College of the Holy Cross

Full Redesign

The goal
The primary goal was a Drupal version step with a redesign of the main web vehicle. Secondarily we wanted to move the website into a current version CMS environment that would allow more flexible content display and also reduce the amount of content authors with access to the website to limit accessibility exposure.

The design phase
Creating information architecture mapping and a set of responsive annotated wireframes and a proposed site map, validated by mapped student experience journeys. We partnered with an agency to develop new templates under our guidance and quality control.

The design intention
We wanted to create consistency and alignment between different parts of the digital experience. In redesigning our content components, we solved the issue of finding the right balance between providing enough flexibility to the content authors but also limiting some of the core functionality for editors – this provides a consistent user experience and limits accessibility problem exposure.

The result
The redesigned responsive site launched in 2021 and provided a new platform for further consolidation of dispersed digital experiences.
Metrics showed a continued increase among mobile users, a trend that started with the last redesign 2015. With the new set of assets, I updated the remaining web vehicles to follow the refreshed look and feel.

Challenges
Updating the CMS two version steps, this included a new Database design structure in a very content heavy website.
Creating information architecture that spans across multiple online vehicles.

My contribution
Main level navigation wireframes, user stories, user flow studies.
Student personas and journey mapping.
Information architecture mapping to exchange information across ecosystems.
Design/Wireframes/Component UI.
Performance testing/accessibility/usability testing.
Product Ownership Technical.

My tools
Adobe CC
Axure RP 
InVision
WAVE
Slack

Mobile porting

The goal
Create a unified UX across multiple web vehicles on mobile. User numbers continued a trend towards using mobile instead desktop screen sizes.

The result
We achieved a unified look and feel for all supported web vehicles on mobile screen sizes and started to distribute content based on the user’s screen size.

My contribution
Main level navigation wireframes, user stories, user flow studies.
Student personas and journey mapping.
Information architecture mapping to exchange information across systems.
Design/Wireframes/Component UI.
Performance testing/accessibility/usability testing.
Product Ownership Technical.

My tools
Adobe CC
Axure RP 
InVision
Slack

John Hancock

Served as the product owner for the technical development of over 20 websites and 13 standalone apps in HTML and JavaScript/XML/PHP for the U.S. marketing department.


Executed the development of applications for B2B and B2C client use such as Calculators and Video players with extended interactive user logic.

Led the development of machine-readable search tools in connection with XML and MySQL.

Responsible for the User Interface Design and Tracking Analytics of such apps.
Collaborated with the design department, video vendors and product stakeholders to deliver marketing and training materials or documentation.




  • Interactive video player
  • Interactive dynamically feed rate calculator
  • Interactive flipbook
  • Dvd menus and autoplayer
  • Interactive Globe and database search tools
  • Web and micro sites

My contribution
Design, Development/Component Ux.
Performance Testing/Accessibility/Usability testing.
Product Ownership Technical.

Techtarget

Spearheaded the development of HTML pages and templates for the companies B2B marketing team. Directed the department in the development of custom Flash apps and animated digital assets.

Created wireframes and graphic design work for web vehicles and collaborated with stakeholders to deliver marketing materials for the international market and professionals in the U.S.

  • Web and micro pages for events and conferences
  • Marketing colateral for partner websites

My contribution
Design/Wireframes/Component UI.
Performance Testing/Accessibility/Usability testing.
Product Ownership Technical.

British Telecom

Taking project comps from the product owner and realizing them from start to finish with minimal supervision within a predetermined time and budget frame. Part of a 35-person marketing team within the companies headquarter.

Responsible for the development of Flash E- Learning Apps to support the international marketing team. Created web vehicles wireframes for the U.S. marketing department.

Partnered with project managers, coaching professionals, voice actors, and digital music professionals. Collaborated with the design department and product stakeholders to deliver marketing and training materials or documentation.


My contribution
Design/Wireframes/Component UI.
Performance Testing/Accessibility/Usability testing.
Product Ownership Technical.

Puma North America

Developed Flash apps and HTML pages to support the international marketing

Developed Flash apps and HTML pages to support the international marketing team for various online campaigns for the company website and multiple microsites.
Facilitated with the international marketing team in the development of web assets for PUMA’s popular „I’m Going“ series, conceived by Tank in 2006.

Supported the international stakeholders and their partners in Germany and Austria.