I was involved in every aspect of this website design including UI, UX, photo editing, illustration and animation. We outsourced photography but I directed the shots as I pictured them working on the site. Candid photos were framed with plenty of open space either left or right of the subjects, which afforded us the space to overlay text beside them on the site. I asked that we shoot portrait shots on a green screen so we have the flexibility to add staff shots in the future for the same background. After we received the RAW portrait images, I removed the green screen background and placed them on a consistent modern background.
In order to cut down on production time I purchased the iconography from a stock site, but I manipulated the style to fit the colors and overlay effect I had drawn on from their existing logo. I decided to use iconography to better help users understand Morgan's services and values. Icons were displayed side by side using the CSS flexbox grid to ensure it scaled to all device viewport widths.
Considering how confusing insurance can be, I decided to use a fixed position side navigation in order to always keep the menu options within view. For seasoned web users who remember web design in the 90's this side navigation pattern may seem like a throwback to an earlier time. But considering the purpose of visibility and the clean design I implemented, I believe it appears self aware of this UI pattern and confidently does so while still feeling modern.