Spire Website Refresh
As part of the Spire website refresh, I was responsible for redesigning and updating key pages to improve user experience, modernize visuals, and support newly developed programs.
I began by teaching myself Adobe XD to build interactive mockups for stakeholder reviews. The process included wireframing, breadcrumb analysis, image testing, and designing flexible components—all tailored to match Spire’s evolving brand standards. We held twice-weekly meetings to manage overlapping sprints, as pages were often in different phases of review.
Once copy was provided, I would:
Create wireframes for review
Conduct R&D for imagery or video
Develop page components that flowed seamlessly with the design
After final approvals, I built the pages within the back-end host system, ensuring design and functionality aligned.
This project pushed me to grow technically and creatively—managing a large-scale, multi-phase digital initiative from concept to implementation.
XD view of wireframing with components
Complexity of pages and programs