A-G Marin
The marina, across two screen sizes.
Website interface design for A-G Marin. Desktop and mobile layouts combine maritime imagery with white navigation, dark lettering and grouped service information.
- Our focus
- Website interface design
A-G Marin - desktop and mobile website design mockups
01 / THE CONTEXT
A large image, a clear page structure.
An aerial marina photograph leads the page, followed by service blocks with icons. The desktop layout spreads these elements across a wider canvas; the mobile design arranges them vertically. The presentation shows both interface designs together on a teal background.
02 / OUR CONTRIBUTION
The interface in detail.
- 01
Desktop page composition
A wide image area sits beneath the navigation, with service information grouped into separate blocks below.
- 02
Mobile page composition
The narrow-screen design stacks the imagery and service content while retaining the page’s typography and colours.
YOUR NEXT PROJECT
What would you like to create?
Tell us about your brand, website or next idea. We can explore the scope together.
Discuss your project