(Shown above: An example of how the Xylem Marketing website renders on a desktop (left), and a full view of the paralax layout (right.)
Xylem Marketing, a division of Advanced Turf Solutions, is a full-service marketing firm serving the green industry exclusively. Their mission is to support the green industry by telling its stories, communicating its value, and fostering its growth. Their team consists of marketers, designers, and copywriters who needed to showcase their numerous talents with a portfolio website.
Xylem Marketing’s website features a one-page parallax layout, where all of the content is shown on the homepage. For accessibility, though, each section has its own page which can be accessed separately from the header. The portfolio is the most prominent section of the home page that displays large colorful thumbnails of completed projects. The bottom section features testimonials from happy clients that wanted to give a shoutout for a job well done.
The most important part of Xylem Marketing, however, is the amazing team behind the name. One of the most crucial pages of the website is the team page which highlights all of the wonderful marketers, artists, and writers behind the portfolio. Clicking on any of the photos will show a slide-out column with an enlarged photo, a section about the team member, and their skill set.
(Shown above, in order: An example of how the Xylem Marketing website renders on mobile; the team page and the slide-out on the right side that contains profile information.)