Website Presentation — 10 Slides
Website Design
Presentation
A complete review of the Nortex Commercial Finance website — positioning, sections, navigation, typography, responsive layouts, and institutional branding.
Firm
Nortex Commercial Finance
Positioning
CRE Finance & Capital Advisory
Market
Texas & Southeast US
Slides
10 Pages
Date
May 2026
Confidential — For Review Only
Firm PositioningWho We Are
Commercial Real Estate Finance
& Capital Advisory
Nortex Commercial Finance is a boutique commercial real estate finance advisory firm focused primarily on bridge loans, asset-based lending, and transitional financing solutions. We help owners, investors, operators, and sponsors identify, structure, and close the right financing — connecting clients with the capital sources best suited to their asset and situation.
We are not a direct lender. Our value is in relationships, market knowledge, and the ability to navigate complex capital structures on behalf of our clients.
Core Differentiators
Texas Market Focus
Deep relationships with lenders and equity partners active across Texas and the Southeast.
Construction Expertise
Specialized knowledge of ground-up financing — draw schedules, cost structures, and lender requirements.
Responsive Advisory
Direct access to senior advisors. We respond within two business days and stay engaged through closing.
Aligned Incentives
Success-based compensation. We are motivated to close your deal on terms that work for your project.
Site Architecture & NavigationWebsite Structure
Single-Page with Anchor Navigation
The site is a single-page application with smooth-scroll anchor navigation. All sections are reachable from the persistent fixed header. The navigation CTA drives directly to the contact inquiry form.
Hero
Full-bleed aerial photography, headline, dual CTAs, staggered fade-in
Financing Solutions
Bento grid — 4 advisory product cards with photography
Why Nortex
4-pillar positioning grid — advisory differentiators, asset type tags
Borrower Process
4-step advisory timeline — inquiry through close
Contact Inquiry Form
Structured form — name, company, loan type, deal size, message
Footer
Multi-column — links, address, legal disclaimer
Hero SectionSection 01 — Hero
Full-Bleed Dark Hero with Aerial Photography
The hero occupies 100vh with a dark-overlaid aerial Texas skyline photograph. A gold horizontal rule separates the headline from the subheadline, anchoring the advisory brand identity.
Texas Commercial Real Estate Finance & Advisory
Commercial Real Estate
Financing Solutions
Bridge loans, asset-based lending, acquisition financing, refinance, recapitalization, and capital advisory — helping commercial real estate owners and investors move forward with confidence.
Financing SolutionsSection 02 — Financing Solutions
Advisory & Placement — Bento Product Grid
Four financing products displayed in a bento grid. Each card reflects an advisory and placement role — language emphasizes sourcing, structuring, and connecting sponsors with the right lenders, not direct lending.
Construction Loans
Advisory and placement for ground-up commercial, multifamily, and mixed-use construction financing.
$5M – $100M+
Bridge Loans
Short-term bridge capital for acquisitions, lease-up, and value-add repositioning. We source lenders who can move quickly.
$3M – $75M
Land Financing
Acquisition and pre-development financing for entitled and unentitled land. We know the Texas land market.
$2M – $50M
Capital Advisory
Strategic advisory for complex capital structures — preferred equity, mezzanine, and JV structures. We help sponsors evaluate options and negotiate on their behalf.
Custom Structures
Layout: Construction Loans and Capital Advisory span 2 columns on desktop for visual hierarchy. Cards animate on hover with a 4px upward lift (0.25s easeOut). All card copy reflects advisory/placement language — not direct lending.
Why NortexSection 03 — Advisory-First Positioning
Four Credibility Pillars — No Fabricated Metrics
This section replaces numeric statistics (capital deployed, deals closed, close rate) with four specific, verifiable differentiators grounded in advisory expertise and client alignment. No exaggerated institutional claims.
Texas Market Focus
Deep relationships with lenders and equity partners active across Texas and the Southeast.
Construction Expertise
Specialized knowledge of ground-up financing, draw schedules, and lender requirements.
Responsive Advisory
Direct access to senior advisors. We respond within two business days and stay engaged through closing.
Aligned Incentives
Success-based compensation. We are motivated to close your deal on terms that work for your project.
Asset Types We Finance
Borrower ProcessSection 04 — How It Works
4-Step Advisory Process — Inquiry to Close
Horizontal 4-column timeline on desktop, vertically stacked on mobile. Steps reflect an advisory intermediary role — not a direct lender workflow. Oversized gold numerals at 35% opacity anchor each step.
01
Submit Inquiry
Share financing needs — asset type, size, location, and timeline. We respond within two business days.
02
Advisory Review
We assess your project, identify the right capital sources, and outline a financing strategy tailored to your deal.
03
Lender Introduction
We present your deal to our network of lenders and equity partners, manage the process, and negotiate on your behalf.
04
Close & Fund
We coordinate due diligence, documentation, and closing — staying engaged until funds are disbursed.
Mobile Layout
On mobile (<768px), the 4 steps stack vertically in a single column. Gold numerals and step titles remain prominent. Responsive via Tailwind grid breakpoints.
Animation
Each step fades in sequentially (0.12s stagger delay) as the section enters the viewport, using Motion's whileInView with once: true.
Advisory Language
Step 2 is 'Advisory Review' (not 'Term Sheet'). Step 3 is 'Lender Introduction' (not 'Due Diligence'). Reflects intermediary role throughout.
Contact Inquiry FormSection 05 — Get Started
Structured Deal Inquiry Form
Two-column layout: left panel with advisory commitments and firm details, right panel with the inquiry form. Dark glass-morphism card treatment on a deep navy background.
Form Fields
Full Name · Company · Loan Type (select) · Deal Size · Location · Message
Disclaimer
"By submitting, you agree to be contacted by Nortex Commercial Finance regarding your financing inquiry."
Full Name
Company
Loan Type
Deal Size
Location
Message
By submitting, you agree to be contacted by Nortex Commercial Finance.
Mobile Responsive PreviewsResponsive Design — Mobile Breakpoints
Mobile-First Layout at Every Breakpoint
All sections are fully responsive. Key layout changes at the 768px breakpoint: navigation collapses to a hamburger menu, the bento grid becomes single-column, and the process timeline stacks vertically.
CRE Finance & Capital Advisory
Commercial
Real Estate
Financing
Bridge loans, asset-based lending, acquisition financing, refinance, recapitalization, and capital advisory.
Financing Solutions
Capital Structured for Every Stage
Construction Loans
Bridge Loans
How It Works
From Inquiry to Close
Submit Inquiry
Advisory Review
Lender Introduction
Close & Fund
Get Started
Discuss Your Deal
Full Name
Company
Loan Type
Deal Size
Breakpoint Behavior
sm < 640px
Single column throughout. Hero text scales down. CTAs stack vertically.
md 768px
Navigation collapses to hamburger. Bento grid becomes 1-col. Process timeline stacks.
lg 1024px
Full bento grid (3-col). Process timeline horizontal. Contact form 2-col.
xl 1280px
Max container width applied. Typography scales to largest sizes.
Design SystemTypography, Color & Components
Boutique Institutional Design Language
Color Palette
Navy Dark #060E1A
Hero, contact backgrounds
Navy Primary #0A1628
Page background
Card #0F1E35
Card surfaces
Gold Accent #C9A84C
Primary brand, CTAs, rules
White #F5F5F5
Headings, body text
Muted #8A9BB0
Secondary text, labels
Border #1E2E45
Card borders, dividers
Typography
Display / Headings
Cormorant Garamond
Weights: 600, 700 · Serif · Used for all H1–H3
Body / UI
DM Sans
Weights: 400, 500 · Geometric sans · Body, labels, nav
Labels / Eyebrows
UPPERCASE · TRACKED · 0.12–0.16EM
Used for section labels, nav items, stat labels
Components & Motion
Motion Spec
Scroll fade-in: 0.65s easeOut · Card hover lift: 4px, 0.25s · Hero stagger: 0.1s increments · Gold rule: scaleX from 0, 0.6s