Website
Website
Website
Community Saas
Community Saas
Community Saas
HERcelerate
HERcelerate
HERcelerate
Creating a digital home for ambitious women building what's next.
Creating a digital home for ambitious women building what's next.
Creating a digital home for ambitious women building what's next.
HERcelerate is a community initiative created to connect ambitious women with opportunities,
resources and a network designed to support their growth.
A responsive production company website designed and built in Framer to showcase work, communicate
services and create a credible destination for potential clients.
HERcelerate is a community initiative created to connect ambitious women with opportunities, resources and a network designed to support their growth.
Role
Role
Role
Web Designer · Framer Developer
Web Designer · Framer Developer
Web Designer · Framer
Developer
Tools
Tools
Tools
Framer, ChatGPT
Framer, ChatGPT
Framer, ChatGPT
Status
Status
Status
Live
Live
Live
Platform
Platform
Platform
Responsive Website
Responsive Website
Responsive Website
Timeline
Timeline
Timeline
March - July 2026
March - July 2026
March - July 2026
Overview
Overview
Overview
Why this Product
exists
Why this Product
exists
Why this Product
exists
Ambitious women often don't need another motivational platform.
They need access.
Access to people.
Resources.
Opportunities.
Knowledge.
Communities that understand where they are trying to go.
HERcelerate was created around that idea: building a community where ambitious women can connect, grow and access opportunities.
When I came into the project, the core identity already existed through the logo, but the digital experience had not yet been fully defined.
Brown House Productions had the work and expertise.
What they needed was a professional digital home that could communicate that value to potential clients.
The website needed to do more than look good.
It needed to answer:
What does Brown House do?
What have they worked on?
Why should I trust them?
How can I contact them?
The goal was to turn the website into a practical sales and credibility tool.
Brown House Productions had the work and expertise.
What they needed was a professional digital home that could communicate that value to potential clients.
The website needed to do more than look good.
It needed to answer:
What does Brown House do?
What have they worked on?
Why should I trust them?
How can I contact them?
The goal was to turn the website into a practical sales and credibility tool.
My Role
My Role
My Role
I independently handled the design and setup of this project
I independently handled the design and setup of this project
I independently handled the design and setup of this project
My responsibilities included:
My responsibilities included:
My responsibilities included:
UX structure
Content hierarchy
Visual direction
Colour system
UI design
Framer development
Form integration
Social links
Responsive design
Feature research
Implementation
UX research
Sitemap / page structure
User flow
UI design
Responsive design
Framer development
CMS/content setup
Domain setup
Analytics setup
Client feedback
Iteration
Final deployment
With only the logo available, I also developed a lightweight visual system that could support the website without competing with the existing brand.
With only the logo available, I also developed a lightweight visual system that could support the website without competing with the existing brand.
With only the logo available, I also developed a lightweight visual system that could support the website without competing with the existing brand.
Problem & Solution
Problem & Solution
Problem & Solution
What we were
solving
What we were
solving
What we were
solving
The Problem
The Problem
The Problem
The existing digital presence didn't provide the level of presentation and structure needed for a professional production company.
Potential clients needed a simple way to:
Understand the company
Explore previous work
Understand services
Build trust
Find social channels
Make contact
The challenge was creating a polished experience while keeping the website easy to maintain and responsive across devices.
The challenge was to turn an existing idea and visual identity into a clear digital experience.
There was limited design direction beyond the logo.
I needed to determine:
What information mattered most?
How should the story be structured?
What should visitors understand immediately?
How should users join?
How could the page communicate community without overwhelming visitors?
The existing digital presence didn't provide the level of presentation and structure needed for a professional production company.
Potential client needed a simple way to:
Understand the company
Explore previous work
Understand services
Build trust
Find social channels
Make contact
The challenge was creating a polished experience while keeping the website easy to maintain and responsive across devices.
Defining The Product
Defining The Product
Defining The Product
I focused on building a landing page around the journey from curiosity to participation.
Understand → Connect → Join
The page was structured to communicate the mission, explain the value of the community and give visitors a clear path to take action.
I focused on building a landing page around the journey from curiosity to participation.
Understand → Connect → Join
The page was structured to communicate the mission, explain the value of the community and give visitors a clear path to take action.
I focused on building a landing page around the journey from curiosity to participation.
Understand → Connect → Join
The page was structured to communicate the mission, explain the value of the community and give visitors a clear path to take action.
Design Process
Design Process
Design Process
Key product
decisons
Key product
decisons
Key product
decisons
Keep the experience focused
The work needed a lead
The work needed a lead
A community landing page can easily become a wall of information.
I prioritized the sections that answered the most important questions:
Who is HERcelerate? Who is it for? Why should I care? What do I get?
How do I join?
A community landing page can easily become a wall of information.
I prioritized the sections that answered the most important questions:
Who is HERcelerate? Who is it for? Why should I care? What do I get? How do I join?
A community landing page can easily become a wall of information.
I prioritized the sections that answered the most important questions:
Who is HERcelerate? Who is it for? Why should I care? What do I get?
How do I join?
Credibility needed to be built into the experience.
Let the brand breathe.
Credibility needed to be built into the experience.
Beyond showcasing projects, I recommended features and content structures that would help potential clients understand the company's capabilities and take the next step.
Because the logo was the primary existing brand asset, I created a supporting colour system and visual hierarchy around it rather than introducing an entirely new identity.
Beyond showcasing projects, I recommended features and content structures that would help potential clients understand the company's capabilities and take the next step.
Responsive wasn't an afterthought.
Make joining frictionless
Responsive wasn't an afterthought.
The website was designed and tested across different screen sizes, with multiple iterations made specifically to improve mobile and tablet experiences.
The goal wasn't simply to tell people about HERcelerate.
The website needed to convert interest into participation.
That led to a clear form submission flow and accessible social/community links.
The website was designed and tested across different screen sizes, with multiple iterations made specifically to improve mobile and tablet experiences.
Impact
Impact
Impact
What the
work achieved
What the
work achieved
What the
work achieved
The landing page was successfully designed and built in Framer.
The landing page was successfully designed and built in Framer.
The landing page was successfully designed and built in Framer.
The founder was happy with the result, and the website now provides
The founder was happy with the result, and the website now provides
The founder was happy with the result, and the website now provides
HERcelerate with a professional digital home for communicating the initiative and collecting interested members.
HERcelerate with a professional digital home for communicating the initiative and collecting interested members.
HERcelerate with a professional digital home for communicating the initiative and collecting interested members.
The project also gave me another opportunity to explore how much product and visual direction can be created from a very limited starting point.
The project also gave me another opportunity to explore how much product and visual direction can be created from a very limited starting point.
The project also gave me another opportunity to explore how much product and visual direction can be created from a very limited starting point.
Reflection
Reflection
Reflection
Key learnings
Key learnings
Key learnings
HERcelerate reinforced one of my favourite parts of product design: turning ambiguity into structure.
I wasn't handed a complete design system, content architecture or detailed specification.
I had to make those decisions.
It strengthened my ability to identify what matters most, create a coherent visual direction and use Framer to turn that thinking into a functioning experience.
Next Project
Next Project
