Corporate site · WordPress · 2025

Hussel Media — a real estate photography and videography studio from Victoria, BC

Корпоративний 5-сторінковий сайт real-estate photo/video студії з Victoria, BC: cinematic-video hero, 4-сервісна grid (photo/video/drone/branding), 3 прозорі пакети ($750/$1500/custom), portfolio з 12 luxury-обʼєктами і agency-credits, structured contact-form. WordPress + кастомна тема hussel + Bootstrap 5 + Slick/Owl + WPForms.

WordPress

I want a project like this Open the site

Hussel Media is a real estate photography and videography studio from Victoria, British Columbia, shooting listings, development projects and hospitality properties for realtors across BC, Kelowna, Whistler and occasionally Florida and the Turks & Caicos. The site husselmedia.com is not a default photographer-portfolio site built on WordPress galleries. It’s a 5-page corporate site with a “cinematic-first” script: every touch point (the hero, the services grid, the packages, the portfolio, the contact page) drives toward one action — a request through the “Start Your Project” form. Stack — WordPress with a custom theme, hussel, Bootstrap 5, jQuery, Slick + Owl carousels, WPForms, a Tidio chat widget, Lazy Loading Responsive Images. No Elementor / Divi / WPBakery — every section is hand-built.

Hero: a full-screen video background with a marquee animation instead of a static banner

The first screen is a full-screen background with cinematic video (a lake, mountains and a treeline silhouette in Victoria, BC) and a marquee-animated headline, “WE INNOVATE HUSSEL CREATE”, repeating in a horizontal ribbon. Above it — a fixed dark header with the HUSSELmedia logo on the left, a 4-item nav (Home / About / Pricing / Portfolio), and a white “Start Your Project” CTA button on the right. There’s no hero slider with 6 talking points, and no form on the first screen — the focus is on visual quality (“we shoot real estate, look at this frame”), and the studio captures leads separately through the nav’s CTA button. This is a deliberate high-trust move: for luxury real estate (an average package of $1,500), a client needs to see the quality first, not fill in a form.

A cinematic video background instead of a static photo is a deliberate choice for the luxury real-estate niche. Competitors on Vancouver Island shoot in a similar style (drone plus interior photo), but most stick with a static grid of 12 top photos on the homepage. Here it’s video, which immediately demonstrates on-camera competence — stabilisation, colour grading, composition with vertical movement — rather than static stills. The marquee text, repeating the words “INNOVATE / HUSSEL / CREATE” three times, builds a sense of brand rhythm without overloading the viewer — it’s not a tagline to memorise, but an ambient accompaniment to the video.

“WE STRIVE TO BE NOTICED” — positioning plus a nod to 10+ years of experience

The second section is a full-width about block with a decorative dotted pattern on the right and a centred quote-style heading, “WE STRIVE TO BE NOTICED.”, in slanted quote marks. Below it — 2 paragraphs covering: (1) who this is — “Victoria, BC–based real estate photography and videography studio creating refined, cinematic visuals for listings, development projects, and hospitality properties”, (2) 10+ years of experience across photography / videography / media production. The block closes with a tagline, “We HUSSEL. You conquer.”, and an outline CTA, “Read more”, leading to the About page. This isn’t “we’re the best” marketing copy — it’s positioning through action (“We strive to be noticed” = we don’t just document the property, we make sure people talk about it).

An About section on the homepage with the quote heading 'WE STRIVE TO BE NOTICED.', 2 paragraphs about Hussel Media as a Victoria, BC-based real estate studio, the tagline 'We HUSSEL. You conquer.' and an outline CTA 'Read more' — A quote in slanted quote marks instead of a standard “About Us” is a deliberate tone shift. Most photography studios open their about section with “We are a team of professional photographers based in…”, which reads as a template. Here, the first line is a quote-like tagline, as if pulled from an interview with the founder, followed by the fuller copy. This builds the brand voice before the reader even gets to the actual services. The decorative dotted pattern on the right is a brand prop that reappears in other sections (reels, footer), tying the whole site into a single visual system.

A 4-service grid: Photography / Videography / Drone / Branding as an equal-tile pattern

The “Our Services” section is 4 equal full-bleed tile cards with real shots from actual jobs: Listing Photography (a kitchen interior with white light fixtures), Listing Videography (a laptop screen showing a video editor), Drone Footage (a top-down shot of an estate), Branding Content (a behind-the-scenes photo of a realtor next to a yellow house). Every tile is a real photograph (not stock, not an icon) demonstrating the studio’s style in that specific category. The service name is overlaid at the bottom of each tile. Below the grid — an outline CTA, “More projects”, leading to /portfolio/.

The Our Services section — 4 full-bleed tile cards with real shots: Listing Photography (a kitchen with white light fixtures), Listing Videography (a laptop screen with a video editor), Drone Footage (a top-down estate shot), Branding Content (a realtor next to a yellow house) — Instead of icons (a camera / video camera / drone / folder) there are real frames from the studio’s own shoots. This is a second layer of social proof inside the services block: users don’t just read “we shoot interiors” — they *see* exactly what such a shot looks like from Hussel Media (bright, symmetrical composition, soft shadows). The frame with a video editor in the “Listing Videography” tile is a deliberate process reveal: not the finished result, but a working edit stage. It signals to the client that the team doesn’t just film — it edits in-house, rather than outsourcing post-production.

A Reels CTA with an iPhone mock-up — conversion into a separate service

A dedicated section, “Contact us for high quality Reels to boost your social media engagement”, with an outline CTA, “Watch more reels”, scrolling to the anchor /portfolio#reels. On the right — a 3D iPhone mock-up showing an Instagram Reels frame on screen (a cinematic interior shot), decorative dotted patterns above and below, and gold heart icons simulating “engagement”. This isn’t just a decorative visual — it’s a separate conversion path for clients looking specifically for short-form social content (rather than a full listing package with photo+video+drone).

A Reels CTA section headed 'Contact us for high quality Reels', a 3D iPhone mock-up showing an Instagram Reels frame on screen, decorative dotted patterns and an outline CTA 'Watch more reels' — Treating Reels as a separate service is a deliberate product-segmentation choice. Most real-estate photography studios sell Reels as part of a premium package (“we’ll throw in a Reel as a bonus to the listing video”). Here Reels gets its own conversion point — a signal that the studio understands the difference between *listing video* (for MLS / Zillow / Realtor.ca) and *social-first content* (for Instagram / TikTok / Facebook Reels). The first is horizontal 16:9 with a slower pace, the second is vertical 9:16 with a hook in the first 2 seconds. Technically these are different editing approaches, and the client sees that distinction right on the homepage.

A client marquee via a Slick carousel — 5+ logos of real real-estate brands

The “Meet Our Clients” section carries a subheading about “efficiency, authenticity and creativity” and a marquee carousel with 5+ client logos: Khataw Development, John Cooper Group, Herrick Real Estate Group, Aaron Elliott Real Estate, SIMS Real Estate Group. It’s a Slick carousel with native navigation (‹ › arrows) — no autoplay, the user clicks through it themselves. This is a “longstanding client relationships” signal: not “we’ve worked with 200+ clients”, but 5 specific real-estate groups with recognisable logos in the BC niche.

The Meet Our Clients section — a Slick carousel with 5 client logos (Khataw Development, John Cooper Group, Herrick Real Estate Group, Aaron Elliott Real Estate, SIMS Real Estate Group) with native navigation arrows — 5 logos instead of 30 is a deliberate *quality-over-quantity* choice. The studio doesn’t want to visually dilute its client list — BC’s real estate market has a few large groups (Sotheby’s, RE/MAX, Royal LePage), and being a repeat vendor for 5 local boutique groups is itself a premium-positioning signal. A Slick carousel with no autoplay (rather than an autoplaying Owl carousel) is meant to make the user *stop* on each logo, rather than passively watch them scroll by. It’s a small UX detail, but it shifts the perception from “we’re padding a short list with a carousel” to “here are our 5 key partners”.

The About page: Real Estate Media plus mentions of MLS / Zillow / Realtor.ca

The separate /about/ page unpacks what the homepage only hints at. The first section, “Real Estate Media”, carries a heading, a paragraph about visuals “designed to perform in a competitive real estate market”, and a specific mention of the platforms MLS, Zillow, Realtor.ca — the main real-estate listing aggregators in North America. On the right — a real photo of a luxury estate (a white brutalist-modern home with a pool and cantilevered balconies). This isn’t a stock photo or an AI generation — it’s the studio’s own shot, demonstrating the calibre of property it works with.

The Real Estate Media section on the About page — a heading, a paragraph about visuals for a competitive real estate market mentioning MLS, Zillow, Realtor.ca, and on the right a real photo of a luxury estate (a white brutalist-modern home with a pool and cantilevered balconies) — Naming three platforms — **MLS / Zillow / Realtor.ca** — right in the paragraph is an SEO play aimed at specific search queries: “real estate photographer for MLS”, “video for Zillow listing”, “Realtor.ca photographer Victoria”. These are long-tail searches realtors type before choosing a photographer for a specific listing. The studio knows its clients at this stage already have a listed property on a specific platform — so the copy reads as confirmation: “yes, we produce content specifically for these platforms, matched to their aggregator requirements” (MLS requires a minimum DPI, Zillow specific aspect ratios, Realtor.ca an optimised size for its own CDN).

Performance data — 4 KPI cards with real industry figures

The “Benefits of Professional Visuals” section is 4 KPI cards in one row: 32% (Homes sell 32% faster on average), $11k (Increase Sale Prices by up to $11,000), 403% (Receive 403% more inquiries with video), 85% (Consider photos the most critical factor). Each sits on a light grey card with a thin border. These aren’t “our own clients'” stats — they’re industry benchmarks from research sources (Redfin, NAR, Property Cluster, VHT Studios — standard real-estate research publications). This is a classic industry-data-as-trust-signal pattern: the studio isn’t proving its own clients sell faster, it’s proving that professional visuals as a category have a measurable ROI.

The Performance Data section — 4 KPI cards in a row: 32% (Homes sell faster), $11k (Increase Sale Prices), 403% (More inquiries with video), 85% (Photos as most critical factor) — Why these 4 numbers and not others — it’s a carefully picked mix of categories: **speed** (32% faster), **price** ($11k uplift), **volume** (403% inquiries), **preference** (85% critical). Each number addresses a different mental objection: “why pay for photos if it sells anyway?” (32% faster), “this is an extra cost with no payoff” ($11k uplift), “video is just a gimmick” (403% real engagement), “this is for luxury, I have an ordinary condo” (85% photos are critical everywhere). These aren’t just numbers — they’re four different answers to four different objections a prospective client might raise.

Competitive Edge — 4 differentiator points instead of a slogan

The “The Competitive Edge” section is a 2×2 grid of 4 numbered points, 01 / 02 / 03 / 04: (01) Victoria-Based with Regional Reach (Victoria, Saanich, Sidney, Langford plus Kelowna / Whistler), (02) High-Quality, Professional Visuals (camera plus lighting), (03) Fast Turnaround (fast file delivery), (04) Custom Packages (condo / family home / luxury / commercial). There are no emoji bullets and no icons here — it’s a purely typographic grid with a slim sans-serif for the numbering and a short heading plus a 12-15-word paragraph. Minimal decoration, maximum content — a typical corporate-edit style for the luxury segment.

The Competitive Edge section — a 2×2 grid of 4 differentiator points: 01 Victoria-Based with Regional Reach, 02 High-Quality Professional Visuals, 03 Fast Turnaround, 04 Custom Packages. A purely typographic grid with italic numbers and short headings — The first point, “Victoria-Based with Regional Reach”, leading the list is a deliberate local-SEO plus trust-signal combo. The studio lists specific municipalities (Victoria, Saanich, Sidney, Langford) instead of “Greater Victoria area”, because a prospective client in Saanich searches for “real estate photographer Saanich”, not “photographer Greater Victoria”. It’s a small but meaningful geographic precision. The mention of Kelowna and Whistler is a *secondary-market* signal: the studio is willing to travel 4-5 hours from its home base for luxury properties. That sets Hussel Media apart from competitors who only work within a 30 km radius.

Pricing — 3 packages ($750 / $1,500 / custom) with a transparent entry point

The /packages/ page is 3 package cards in a row: Basic Package ($750+, a standard listing video plus listing photos plus aerial footage), Luxury Package ($1,500+, a premium video plus a Reel plus photos plus aerial plus twilight photography), Signature Package (custom-priced, fully tailored). Each card has a gold header and footer over a light grey body with green checkmark bullets. The “CONTACT US” button in each package’s footer is identical — no price-anchoring tricks like a “Most Popular” badge on the middle card. Instead of aggressive up-sell — an honest structure: entry / premium / custom.

The Pricing page — 3 package cards in a row: Basic Package ($750+), Luxury Package ($1,500+), Signature Package (custom). Gold header/footer, a light grey body, green checkmark bullets, a CONTACT US button in each package's footer — A visible entry point of **$750** is a *pricing-transparency* signal in a niche where most studios keep every price “on request”. This is deliberate lead filtering: a client with a $300 budget immediately understands this studio isn’t for them, and neither side wastes time on a request that goes nowhere. It’s a classic lead-quality optimisation — fewer requests, but each one of higher quality. Skipping a “Most Popular” badge on the Luxury package is an unconventional move (usually the middle tier gets marked for price-anchoring purposes), showing that the studio isn’t trying to nudge everyone toward the middle option. A custom Signature package with no public price is, conversely, the right call — for portfolio-scale properties the price is set individually, ranging from roughly $3,000 to $15,000 depending on scope.

Portfolio — 12 luxury properties with partner agencies named in the titles

The /portfolio/ page is a 4-column grid of 12 project cards. Each card is a full-bleed property photo with an overlay title in the format “<Agency> – <Property Name>”: Angell & Hasman – Sunridge, The Ratcliff Group – Sunset, Angell & Hasman – Toni Sailer, The Leblanc Piercy Group – Customs House PH701, Dan Juricic – West Saanich, Brent Snelling – Fir Tree Glen and others. The names serve as credit attribution: the studio doesn’t hide the fact that it works as a subcontractor for larger real-estate agencies (Angell & Hasman is one of BC’s largest luxury agencies). This is B2B positioning: “we don’t compete with the agency for the direct owner — we serve the agency itself”.

The Portfolio page — a grid of 12 luxury properties: Angell & Hasman - Sunridge (a two-storey estate on a hill), The Ratcliff Group - Sunset (a modern home with a pool), Angell & Hasman - Toni Sailer (an evening shot of an estate with interior lighting). Each card is a full-bleed photo with an overlay title <Agency></picture> – <Property>“><figcaption>The naming format <em>“<Agency> – <Property>”</em>, rather than just an address or a house name, is deliberate B2B signalling. An agency client searching for a photographer looks at the portfolio and asks first: “who have they worked with?”. If the answer includes Angell & Hasman (a premier agency in West Vancouver) and the Ratcliff Group, that instantly legitimises the studio in a new agency’s eyes. It’s a positive network effect: studios with an agency-heavy portfolio pick up new agency contracts faster. Direct owners may look like a wider audience, but the agency channel provides more stable contracts (one contract equals 20-50 properties a year).</figcaption></figure>
<h2>Start Your Project — a structured request form with a specific list prompt</h2>
<p>The <strong>/start-your-project/</strong> page is two columns: on the left, a <strong>structured prompt</strong> with 4 bullet points (<em>“What is your timeframe? Tell us about the property (location, sq ft, etc). Preferred package (see Packages page). Anything else we should know?”</em>) plus phone/email contact details; on the right, a white card form with 4 fields (Name, Email, Company Name, Tell Us About Your Project) and a GDPR checkbox. This isn’t a default WPForms “Contact Form 7” template with a free-text “Message” field — it’s a structured brief-prompt template that immediately gathers the 4 key data points needed to generate a quote: <em>timeframe / property / package / extras</em>.</p>
<figure><picture><source type= — This “Tell us about your project” prompt with 4 bullets on the left is a deliberate UX choice to cut down email ping-pong. Without structure, a typical lead writes “Hi, I have a house, how much?”, and the studio then has to spend 3-4 emails clarifying location / sq ft / timeline / budget. Here the first 4 bullets tell the client upfront: “give us these 4 details in your first message and we’ll send a quote right away”. The studio makes the promise explicit: *“The more details you provide, the faster we can generate your quote”*. This shortens the time from lead to quote from 3-5 days down to 24 hours.

The Start Your Project page — two columns: on the left a structured prompt with 4 bullets (timeframe, property details, preferred package, extras) and phone/email, on the right a white card form with fields Name, Email, Company Name, Tell Us About Your Project and a GDPR checkbox — This “Tell us about your project” prompt with 4 bullets on the left is a deliberate UX choice to cut down email ping-pong. Without structure, a typical lead writes “Hi, I have a house, how much?”, and the studio then has to spend 3-4 emails clarifying location / sq ft / timeline / budget. Here the first 4 bullets tell the client upfront: “give us these 4 details in your first message and we’ll send a quote right away”. The studio makes the promise explicit: *“The more details you provide, the faster we can generate your quote”*. This shortens the time from lead to quote from 3-5 days down to 24 hours.

Stack and technical decisions

WordPress 6.2.9 with a custom theme, hussel (not Elementor / Divi / WPBakery). Template structure — a separate PHP file for each page (front-page, about, packages, portfolio, start-your-project).
Bootstrap 5 (bundle.min.js, with Popper included) for the grid system and responsive utility classes; on mobile (<768px) every section collapses to a single column.
jQuery 3.6.0 (loaded from the theme, not WP core) plus the standard jquery-migrate from WP — for compatibility with the Slick / Owl carousels.
Slick Carousel 1.8.1 (via the jsdelivr CDN) — for the client marquee on the homepage and the testimonials section; Owl Carousel 2 (loaded locally) — for the portfolio grid and additional sliders.
WPForms 1.7.7.1 — handling the form on /start-your-project/ and the homepage footer form, with a GDPR checkbox and built-in validation (jquery.validate, mailcheck, punycode).
Lazy Loading Responsive Images plugin (lazysizes plus unveilhooks plus a native-loading polyfill) — optimising image-grid loading in the portfolio and services sections.
Rate My Post plugin — review-rating infrastructure for post pages (installed, but unused on the front page).
Animate.css — CSS animations for the marquee text in the hero and appear-on-scroll effects.
Tidio Chat widget — a third-party live chat (loaded asynchronously from code.tidio.co) for real-time inquiries outside business hours.
Google reCAPTCHA on both forms (the footer and /start-your-project/) — anti-spam protection.
WebP support — a <body class="webp"> marker showing the theme serves WebP versions of images to browsers that support it (via .htaccess or a WebP Converter–type plugin).
Self-hosted hero video background — not a YouTube / Vimeo embed, but a native MP4 through a native <video autoplay muted loop playsinline> element.

The Hussel Media corporate site follows a classic luxury-positioning pattern: a cinematic-first hero (show the quality) → about plus industry data (build legitimacy) → 4 differentiator points (stand apart) → transparent packages (filter out the wrong audience) → portfolio with agency credits (confirm a B2B track record) → a structured contact form (lower the friction to a quote). No section tries to sell in a single click. Each one is a step in a trust funnel, where the client decides for themselves when to hit “Start Your Project”. For luxury real estate ($1,500+ per package), that’s the right approach — short “Get Free Quote”-style CTA forms on the homepage work for $50 products, not for a $1,500 service.