Orams Marine, a central Auckland hub, provides award-winning superyacht refit and repair services, offering multiple haul-out options and comprehensive services. The custom-designed website features page parallax, transitions, and custom animations to showcase the Orams brand’s excellence.

Orams Marine

We start the design process by creating a sitemap. A sitemap outlines all the pages your site will have and is the framework on which we plan the site. If you already have a website with a sitemap you are happy with, we can just replicate that.

Sitemap

Moodboards give you a feel of what the site will look like, from the colour scheme and fonts to layouts and animations. This step is where we outline the design direction for the rest of the design phase.

Mood Board

Wireframes are the bones of the website. We lay out the elements that give you a glimpse of what your site will look like. We try to outline the user flow and structure here, this means we are all on the same page with what is being created.

Wireframes

Interface and user experience are at the heart of the design process. They dictate how the elements of the site will flow, and how comfortable it is for your customers to navigate.

UI Design

The last step in the design process is incorporating responsiveness, an outcome of its UI/UX design. Because we live and breathe website design, we always consider how a site will scale during the desktop phase, and the functionality of each section, header, image, text block, and so on. The mobile designs will stack desktop content, if a custom design is required to help assist the user on such a small screen then we will adapt and create a custom solution.

About

Projects

View All

Autex Acoustics

TAB

1st Call Recruitment

Meez

Orams Marine

True South Flights

Euroclass

Naumi Hotel

EZGO

Forme Reclad

Contact

Inspo

Project

Next Project

Orams Marine

My Process

Sitemap

Keeping it simple

Next Project

Portfolio

Maté Stancich