Helen T. Photography · Framer Portfolio Website
Madison Green
Web Designer
UX Designer
Framer Designer
Adobe Photoshop
Figma
Framer
Who is HTP?
Helen Tran, a talented photographer in her mid-twenties, sought to elevate her online presence through a custom-designed website that mirrored the unique dual nature of her services. Her work spans traditional photography services such as weddings, graduations, and maternity shoots, as well as more intimate boudoir sessions.
A grid layout of four photos: a woman in a brown sweater holding a bouquet of white flowers, smiling at the camera, a black-and-white shot of a woman in a black top looking at her reflection and posing with her hand in her hair, a man in black clothing performing a handstand on a white box with one foot playfully kicked up, and a couple posing against the Dallas skyline with their baby bump and engagement ring on display.
Here's The Rundown
The challenge was to craft a digital space that could seamlessly encapsulate the "light" and "dark" aspects of her work, reflecting her body-positive, light, and airy style while appealing to a feminine-focused audience. Here was the proposal:
Showcase Dual Photography Offerings: Create a unified platform that elegantly displays Helen's range of photography services without compromising the distinctiveness of each.
Reflect Personal Style and Branding: Incorporate Helen's elegant muted color palette and dynamic style to enhance her brand identity.
Enhance User Experience: Implement a user-friendly interface with innovative features such as a light/dark toggle to cater to diverse client needs.
Optimize for Engagement: Design a website that encourages exploration, engagement, and conversion for potential clients.
The Vibe
Helen has a phenomenal eye. The website's design centered around Helen's preferred muted color palette, enhancing the elegant and feminine appeal of her brand.
To kick off, we got Helen onboarded into our Notion-based client portal and created an art direction document for her to both guide the design and clarify the approach of her branding.
The Approach
We wanted to create a website that not only showcased Helen's portfolio in a visually compelling manner but also provided an intuitive and seamless user experience, enabling clients to easily navigate between the "light" and "dark" sides of her work.
This bespoke site was designed to resonate with Helen's target audience, embodying her unique artistic vision and business goals.
The design also incorporated elements that reflected Helen's personal style and her commitment to celebrating the feminine form in a light, airy, and body-positive manner.
Website Development
Web and Tablet View
Snippets of the website built in Framer.
Mobile View
Mobile screens preview in gif format
Framer Design Elements
Understanding the importance of user experience, this design focused on intuitive navigation and a streamlined user journey. Clients could easily browse through Helen's portfolio, learn about her services, and submit inquiries seamlessly with clear CTAs and distinctive "light" and "dark" modes built into containers for services and the portfolio pages.
We utilized the following:
Tickers (slow scrolling elements)
Hover effects
Code snippets
Carousels
Slideshows
Dynamic Components
Variants and Scroll Transformation
We also used Photoshop to create a transparent photo effect for the homepage hero section to showcase Helen's portrait photo on top of transparent text.
