MFGS Leadership Page

MFGS Leadership Page screenshot

The MFGS Leadership Page is a culmination of all I have learned in my journey from beginning to intermediate JavaScript to create an interactive page that displays bios for each leader based off one master function that uses logic to decide how content is deployed based on screen size. In addition to the embedded JavaScript, I also built out and formatted the visible content through a combination of custom HTML and an internal CSS stylesheet with multiple CSS grid and media queries.

Innovation in Government® 2019 Compendium

IIG 2019 Compendium landing page screenshot

After a year of experimenting with different landing page layouts and form styles, I decided to combine all I had learned to create the ultimate promotion platform for our 2019 Compendium, a culmination of all reports published over the previous year. Some employed strategies include pulling the form above the fold, personalized language on the download button, and a JS function that moves the window down to the form when any interactive elements are clicked.

The page currently clocks a conversion rate of over 15%, and this result is without any special off-site promotions pointing back to the page.

GovTech Open Source Report Landing Page

GovTech Open Source Report landing page screenshot

The GovTech Open Source Report page is the latest in a line of landing pages I have built to mirror the aesthetic of the content they are designed to promote. This landing page incorporates a custom layout built using HTML and CSS, customized graphics, and JavaScript functions to increase the interactivity. My favorite aspect by far has to be the CTA button that transitions from opaque to transparent when the :hover pseudo-CSS class is engaged (AKA the mouse hovers over the button).