Front End Development

HTML, CSS and Javascript.

The following sites I did production work on and had little input on the actual site design. I took the provided design and made it work for web, using hand-written HTML and CSS, often in a provided structure, and often working with developers to fix bugs and add/test functionality.

3CD Website

Home page | 3CD

Interior Page | 3CD

3CD.com

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.

3CD Tumblr Page

Tumblr Design | 3CD

Tumblr Post | 3CD

3CD Tumblr Page

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.

Compliance11 Website

Home page | Compliance11

Bio Page | Compliance11

Compliance11

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.

Compliance11 was purchased and this site is no longer live.

Rutan Website

Home page | Rutan

Bio Page | Rutan

Rutan Site | Hubbard One

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.

Armstrong Teasdale Website

Home page | Armstrong Teasdale

Innovate Page | Armstrong Teasdale

Armstrong Teasdale Site | Hubbard One

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.

This site has been redesigned since I worked on it and isn't live as shown.

Baker Botts Website

Home page | Baker Botts

News Page | Baker Botts

Offices Page | Baker Botts

Baker Botts | Hubbard One

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.

This site has been redesigned since I worked on it and isn't live as shown.

Hogan Lovell Website

Home page | Hogan Lovell

Interior Page | Hogan Lovell

Hogan Lovell | Hubbard One

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.

This site has been redesigned since I worked on it and isn't live as shown.

Cravath Website

Home page | Cravath

Careers page | Cravath

Cravath | Hubbard One

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.

Weil Website

Home page | Weil

Interior page | Weil

Weil | Hubbard One

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.

This site has been redesigned since I worked on it and isn't live as shown.

Husch Website

Home page | Husch

Bio page | Husch

Husch Blackwell | Hubbard One

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.

This site has been redesigned since I worked on it and isn't live as shown.

Continua Website

Home page | Continua

Continua | Vodori

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.

This company was purchased since I worked on this site and this site is no longer live.

Health Impact

Home page | Health Impact

Health Impact | Articulated Man

Project Role:

  • Original template creation of site into HTML and CSS from PSD that was provided for home and interior pages.

Project Notes: A few challenges:

  • "Sprite" Button creation for various navigation states.

This site is no longer live.