Dearly Mary Photography
Project Overview
Dearly Mary Photography is a lifestyle photography studio located in British Columbia, focused on capturing genuine, heartfelt moments for families, newborns, and individuals. Founded by Mary Ann, an experienced portrait photographer, the brand emphasizes warmth, connection, and storytelling through timeless, natural imagery.
As Coelacanth Studio’s first client, I collaborated with Mary Ann to design a cohesive visual identity and build an intuitive, user-friendly website. The project’s objective was to create a digital experience that mirrors the personal, welcoming nature of her photography—while making it simple for prospective clients to browse her services and get in touch.
Scope of Work
From brand identity design to a fully custom Webflow website, every element was thoughtfully crafted to showcase Dearly Mary Photography’s warmth, elevate her online presence, and engage her ideal photography clients.
Brand Concept & Identity Design
Created a cohesive brand concept and visual identity system, including a custom logo, colour palette, and typography. The design balances timeless elegance with an approachable feel, appealing to families and individuals seeking authentic photography.
Website Design & Low-Code Development
Designed and developed a responsive website using low-code tools, ensuring a seamless user experience across devices. The website reflects the brand’s identity and provides clear navigation, optimized content layout, and basic SEO setup to enhance visibility and engagement.
Membership on Website
Implemented a membership portal allowing users to sign up, log in, and access gated content securely. Members can manage their profiles, including updating personal information and passwords, offering an exclusive experience tailored to client needs.
Process Highlights
Discovery & Strategy
I partnered with Mary Ann to gain a deep understanding of her story, ideal clients, and artistic vision. Together, we developed a strategy focused on warmth, trust, and simplicity — qualities that are woven throughout her brand identity and thoughtfully integrated into the website’s design and user experience.
Brand Development
I Designed a versatile brand identity featuring the Stargazer Lily, a meaningful emblem for Mary. The logo is complemented by an earthy, refined color palette (including DMP Dark Sage, Sage, Light Sage, and DMP Pink), creating a sense of elegance and emotional warmth. A comprehensive brand guideline was also developed to maintain consistency across all future branding and marketing materials.
Website Information Architecture
After creating wireframes and page mockups in Figma, I developed the website using Webflow. The design emphasizes clean layouts and intuitive navigation, making it easy for visitors to explore Mary’s photography services. The site is fully responsive and optimized for both desktop and mobile, with clear calls-to-action that encourage inquiries and bookings.
Website Design
I designed the website in Figma with a focus on clarity, warmth, and usability. The layout highlights Mary’s storytelling approach to photography, while maintaining a clean structure that feels approachable and professional. Each page was thoughtfully designed to guide visitors through her portfolio, services, and contact flow with ease.
Low-Code Website Development
Once the designs were finalized, I built the site in Webflow using low-code techniques. The site is fully responsive across devices and optimized for performance. Key features include intuitive navigation, SEO-ready structure, and clear calls-to-action — all crafted to support bookings and provide a seamless user experience for prospective clients.
Membership Portal & Client Dashboard
Built a secure client dashboard with Memberstack, allowing Dearly Mary Photography’s clients to log in, view watermarked photo previews, and select their preferred images. This streamlined portal simplifies the client management process and enhances the overall user experience by making photo selection more intuitive and accessible.
Project Outcome
The project delivered a refined and approachable brand identity alongside an elegant, user-friendly website that showcases Mary Ann’s photography and builds trust with her ideal clients. The website is fully responsive, optimized for SEO, and designed with scalability for future growth.
By blending strategic brand storytelling with purposeful design and low-code development, I partnered with Dearly Mary Photography to create an online presence that captures the same warmth and authenticity found in Mary’s photography.
Creative Toolkit
From initial design concepts to full website launch, this project was powered by a curated toolkit of industry-standard design and development tools. Here’s a look at the creative and low-code platforms used to bring the Dearly Mary Photography brand and website to life.
Featured Portfolio
Discover thoughtfully crafted work, each designed to elevate its brand to its fullest potential.
Branding + Websites
Other Logos That I’ve Designed
