Allianz Life

Allianz Life logo

Allianz Life

Senior Front End Developer

2018 - 2020

At Allianz Life I helped code the ReadySet project and build out the website rebrand for AllianzLife.com

ReadySet logo

ReadySet by Allianz

ReadySet is a web app for purchasing annuities online through AllianzLife. I had the opportunity to help build out this experience. I collaborated with team members and stakeholders for the best design approach. Once the UX mockups were completed I built them into pattern markup using Pattern Lab. After I had completed the pattern markup I passed it onto the Sitecore Developer to add into the CMS.

I primarily focused on creating the patterns for the secure dashboard experience. The markup for the experience when a user is logged in. Coding for the responsive layout, module elements, masonry tiles, tertiary nav, contract dashboard, and CTA.

ReadySet homepage
ReadySet login page
Allianz homepage

Allianz Life

Allainz Life went through a rebrand. Here I coded a variety of module elements, but mainly I was responsible for the style and functionality of the primary navigation.

Allianz homepage nav

Writing the primary navigation was a challenge. Developing accessible code while using the same HTML markup for both mobile and desktop. Each view had different functionality and style. For the mobile navigation we went with what I like to call the "Infinity Nav". With this nav we can dig as many levels deep but still traverse back up. The desktop navigation has an accordion style dropdown on hover and click.

Allianz homepage mobile nav

View another case study?

Allianz Life
SprotsEngine
University Recreation & Wellness Center
YAMAMOTO
Earlygrab