Case 055Landing page design
Straight Up Marine Group
A landing page design under the Straight Up Marine Group name, for marine services and Dometic gyro stabilizers from Jupiter to Key West, shown in two layouts.
- Contribution
- Landing page design
- Project status
- Landing page · Figma archive
01
My contribution
The design carries the Straight Up Marine Group name and a gold triangular logo. Its headline offers “Professional Marine Services & Dometic Gyro Stabilizers”, with upfront pricing and expert service from Jupiter to Key West, and two ways out of the hero: Get Your Quote and Learn About Gyro Stabilizers.
02
The same hero, set two ways
The first layout splits the hero: text and buttons on solid navy at left, the aerial photo of a boat and its wake at right, which keeps the headline on a calm surface. The second centers the logo and headline over the same photo at full width, with the boat running behind the words. It gains drama and loses some legibility, and seeing the two side by side shows that trade.
03
Down the page toward a quote
Below the hero, the page moves through four core service cards, a Dometic product section, four other solutions, three case-study cards and a row of manufacturer logos. It ends on a quote form that asks for name, phone number, boat make, model and year, and the current gyro situation. The second layout adds three short testimonials.
Case studies, testimonials and product figures are page copy, not results of this project.
