Web Production

Project Role:

• Sliced and coded client's provided design.
• Tested and cross-browser checked the site on IE7,8 and FireFox Safari and Chrome.
• Integrated jquery based navigation that swaps the logo and background color based on mouse hover.
• Embedded fonts to match their print pieces.

Project Notes: A few challenges:

• Embedding of fonts so they were 100% bullet-proof across all browsers.

Visit 3CD's site here.

Project Role:

• Create a Tumblr Theme that was custom and matched the live site of 3CD.com's look and feel.

Project Notes: A few challenges:

• Embedding of fonts.
• Implementation of "Disqus" commenting system.

Visit 3CD's Tumblr here.

Project Role:

• Sliced and coded client's provided design.
• Tested and cross-browser checked the site on IE7,8 and FireFox Safari and Chrome.
• Integrated multiple pop-ups in the site using jquery.
• Integrated a jquery image drawer on the home page.
• Embedded fonts to match their print pieces.

Project Notes: A few challenges:

• Embedding of fonts.
• "Submit" screens that were loaded as a confirmation of data entry while in a pop-up.

Visit Compliance11 here.

Project Role:

• Project start: Created and sliced original art, hand coded original template HTML and CSS using proprietary template system.
• Bug fixes after developer built out the site and loaded it with their existing dynamic content.
• Quality Control: Remedied bugs before soft launch per client review and Project manager notes.

Project Notes: A few challenges:

• Open ended design that needed massaging per section, changing layout from three to two column in some cases.
• Various dropdowns that had two columns, getting them to be dynamic and fluid depending on loaded content.

Visit Rutan's site here.

Project Role:

• Project start: Created and sliced original art, hand coded original template HTML and CSS using proprietary template system.
• Bug fixes after developer built out the site and loaded it with their existing dynamic content.
• Project launch: Remedied final bugs before launch per client review and Project manager notes.

Project Notes: A few challenges:

• Open ended design that called for the hover states of the main nav to go off to "inifinity".
• Drop shadow/IE6 PNG fix bug that we had to fix.
• Innovate page animations that needed a resting AT logo and then animated to a lawyer's profile pic.

Visit Armstrong Teasdale's site here.

Project Role:

• Project start: Create HTML/CSS based on proprietary framework.
• Dropdown stylings with IE PNG fix for IE6.
• Styling templates for 16 provided page designs including the Practices, Office, and News pages.
• QA launch: Remedied bugs before after Quality Assurance launch per client review and Project manager notes.

Project Notes: A few challenges:

• Styling the CSS so it was versatile yet unique for the many templates I had to create
• Styling the top so it was flexible to accommodate various image sizes.

Visit Baker Bott's site here.

Project Role:

• Project start: Started re-branding of old Hogan site to match new branding of Hogan/Lovell merger
• Restyled drop-down menus, interior content, and footer around existing code from old site.
• Bug fixes after developer built out the site and loaded it with their existing dynamic content.
• Project launch: Remedied final bugs before launch per client review and Project manager notes.

Project Notes: A few challenges:

• Drilling down to some tables and interior elements that didn't have a unique class name.
• Styling the main navigation to be dynamic to accommodate for various languages.
• Restyling a temporary fix for the careers section.

Visit Hogan Lovell's site here.

Project Role:

• Owned front-end development after developer content was added, edited existing CSS around built out pages of site.
• Styled and cross-browser reviewed site for bugs, fixed bugs as the came up.
• Used CSS to style print version of site as well as PDF version of site.
• Worked with Project Manager to remedy outstanding bugs per the client and Outside design firm's notes.
• Project Launch: Edited and remedied site issues per browser until site launch.
• Post Launch: Updated and remedied any bugs the client had noticed while using the site within the pages, the PDF and print versions of site.

Project Notes: A Few Challenges

• "Add to Binder" Buttons that were extremely buggy browser to browser, had to use browser specific hacks to fix.
• Pixel precise measurements with absolutley no shift between each supported browser (IE6, 7, 8, FF 3.6, Safari).
• Getting the non-web-safe font "Arial Black"(used in all of the site headers) to work on pages by styling the CSS to "trick" the end users computer into displaying the font.

Visit Cravath's site here.

Project Notes: A few challenges:

• Take control of project after first designer made site-wide updates for re-skinning of site, finishing remaining items.
• Fix site bugs per Project Manager's notes.
• Create print page version of the site using CSS.
• Site Launch: Cross-browser check and confirm site displayed correctly in all supported browsers, fix remaining bugs.
• Post Launch: Worked with developer and hand-coded a new nav system for their interior pages that followed the new "rules" they wanted.

Project Notes: A few challenges:

• Display issues because the site was just a re-skin, so we had to work with the existing HTML that was already in place, so lot of having to work around "spacer" images and inconsistent code.
• Each section had a user-uploadable header image; working with the developer to write an inline code that was easy for him to swap out uploadable images, yet still had the ability for me to style outside of the inline rules to maintin the site design.

Visit Site here.

Project Role:

• Project Launch: Created site template from provided PSD, converted into HTML and CSS based in propriety template system.
• Cross-browser tested the site for bugs and errors.
• With CSS, styled the print version of the site.
• Site-Launch: Remedied outstanding bugs per Project Manager's notes.
• Post-Launch: Remedied outstanding bugs per Project Manager's notes as well as design edits and change requests.

Project Notes: A few challenges:

• Conflicting styles in their proprietary template nomenclature, had to drill down to really specific classes to style inline sub-menus
• Compensating for content shifts in left column when the Attorney didn't have a profile picture.
• Styling the expanding/collapsing related information sections on the Bio pages.

Visit Husch Blackwell's site here.

Project Role:

• Project Launch: Created site template from provided PSD, converted into HTML and CSS based in YUI grid template.
• Cross-browser tested the site for bugs and errors.
• Handed site over to developers to add content and dynamic elements.

Project Notes: A few challenges:

• List-styles for left navigation on interior pages.

Visit Continua's site here.