I led the design and development of Jen Fariello’s website through Afton Design Co., crafting a clean, elegant digital portfolio to showcase her extensive body of work. Designed in Adobe XD and built on the ShowIt platform, the site emphasizes Jen's photography, allowing her stunning images to take center stage. One of the key goals was to include her published works and provide a seamless experience for visitors to explore her portfolio. The final result reflects Jen’s refined aesthetic, providing an intuitive and visually captivating platform that enhances her imagery.
Desktop Grid System
Mobile Grid System
Typography & Formatting
Buttons & CTAs
Color Palette
Jen's portfolio of fine art images is scrollable at the top of the homepage. A "more" CTA with an arrow invites visitors to explore the photography.
The following section links to featured categories within her portfolio.
The Journal section links to Jen's blog posts, where she shares her expertise. The entries darken on hover.
At the bottom of the homepage, Jen's recent Instagram posts populate and allow visitors to scroll left and right to view more.
The portfolio page features two huge hero sections that fill the viewport and link to projects and categories within the portfolio. Arrows to the right of the screen allow visitors to click to preview images.
Featured galleries appear under each of the hero sections on the portfolio page.
The Press page shows Jen's published work. Image tiles show more information on hover.
Testimonials appear and populate as visitors scroll through the Praise page.
The Journal page populates Featured posts in the viewport at the top of the page so Jen can guide visitors to specific content. Filters appear further down the page.
Recent posts in each category appear with small summaries and metadata. Visitors can click to expand the post and read more.
