{"id":2098,"date":"2020-04-25T16:42:30","date_gmt":"2020-04-25T16:42:30","guid":{"rendered":"https:\/\/ninetheme.com\/themes\/wavo\/?post_type=projects&p=2098"},"modified":"2025-02-11T22:23:41","modified_gmt":"2025-02-11T22:23:41","slug":"calligraphy","status":"publish","type":"projects","link":"https:\/\/grdigital.tech\/index.php\/projects\/calligraphy\/","title":{"rendered":"Corporate website IGY Marinas"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n
\n
\n <\/span>\n Our creative works \u2014 case study<\/span>\n <\/div>\n

IGY Marinas.<\/span><\/h1>\n
\n

The world's largest network of luxury marinas \u2014 24 locations across 14 countries, serving superyachts. The site had to feel global in scale and precise in navigation, in the same restrained register as the yachts it serves.<\/p>\n

\n Visit live website<\/a>\n See the work<\/a>\n <\/div>\n <\/div>\n
\n \"Corporate\n <\/div>\n
\n
\n
Client<\/div>\n
Island Global Yachting<\/div>\n <\/div>\n
\n
Services<\/div>\n
Web development, UX<\/div>\n <\/div>\n
\n
Team<\/div>\n
5 specialists<\/div>\n <\/div>\n
\n
Timeline<\/div>\n
12 weeks<\/div>\n <\/div>\n
\n
Scale<\/div>\n
24 marinas \u00b7 14 countries<\/div>\n <\/div>\n <\/div>\n <\/section>\n
\n
\n
\n <\/span>\n The challenge<\/span>\n <\/div>\n
\n

A network, not a single marina.<\/span><\/h2>\n
\n

A captain planning a season needs to find one specific berth among two dozen properties on five coastlines. The usual answer \u2014 a mega-menu \u2014 fights the calm, editorial tone luxury nautical branding needs.<\/p>\n

So navigation moved into the page itself: an interactive globe with a region filter sits where a features grid would normally go, letting scale and geography do the explaining instead of a paragraph of copy.<\/p>\n <\/div>\n <\/div>\n

\n
\n
01<\/div>\n
The globe as the sitemap<\/div>\n

A rendered globe with region pins replaces a marina directory page. Filtering by United States, Caribbean or Europe reframes \"24 marinas\" as a map you explore rather than a list you scroll.<\/p>\n <\/div>\n

\n
02<\/div>\n
Serif numerals as section markers<\/div>\n

Oversized \"01 \/ 02 \/ 03\" ghost numerals stand beside each headline instead of a rule or icon \u2014 the type carries the wayfinding, staying in the same quiet register as the yacht photography.<\/p>\n <\/div>\n

\n
03<\/div>\n
Aerials, never a brochure crop<\/div>\n

Every photograph is shot from above the water \u2014 rows of superyachts read as pattern and scale, the same visual argument a spec sheet would make, without the spec sheet.<\/p>\n <\/div>\n <\/div>\n <\/section>\n

\n
\n
\n <\/span>\n Colour & type<\/span>\n <\/div>\n

Marina blue on paper white, a serif at rest.<\/span><\/h2>\n
\n
\n
Palette<\/div>\n
\n
\n
<\/div>\n
Page<\/div>\n <\/div>\n
\n
<\/div>\n
Wash<\/div>\n <\/div>\n
\n
<\/div>\n
Marina blue<\/div>\n <\/div>\n
\n
<\/div>\n
Footer<\/div>\n <\/div>\n <\/div>\n
\n
<\/div>\n
<\/div>\n
<\/div>\n
<\/div>\n
<\/div>\n
<\/div>\n
<\/div>\n
<\/div>\n
<\/div>\n <\/div>\n

Blue carries the statistics, links and the globe's water \u2014 everywhere else stays white or a pale wash, so the aerial photography supplies the only saturated colour on the page.<\/p>\n <\/div>\n

\n
Type<\/div>\n
Aa<\/div>\n
Classic serif \u2014 section titles, ghost numerals<\/div>\n
<\/div>\n
Aa<\/div>\n
Tracked-out sans \u2014 nav, buttons, stat labels<\/div>\n
\n
Section<\/span>34 \/ 1.15 \/ 0<\/span><\/div>\n
Stat figure<\/span>48 \/ 1.10 \/ 0<\/span><\/div>\n
Body<\/span>14 \/ 1.70 \/ 0.01em<\/span><\/div>\n
Label<\/span>11 \/ 1.30 \/ 0.16em<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n
\n
\n
\n <\/span>\n Screens<\/span>\n <\/div>\n
\n

The home page, full scroll.<\/span><\/h2>\n
Desktop 1920 \u00b7 mobile 390 \u00b7 shipped build, igymarinas.com<\/div>\n <\/div>\n
\n
\n
\n <\/span>\n <\/span>\n <\/span>\n igymarinas.com \u2014 full page<\/span>\n <\/div>\n \"igymarinas.com\n <\/div>\n
\n
\n \"igymarinas.com\n <\/div>\n
Mobile \u2014 full page<\/div>\n <\/div>\n <\/div>\n <\/section>\n
\n
\n
\n

Let's talk about your project.<\/span><\/h2>\n
\n Get in touch<\/a>\n All case studies<\/a>\n <\/div>\n <\/div>\n <\/section>\n<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

Calligraphy Home introduction We are a Creative Agency & Startup Studio that provides Digital Products and Services turns to focus on client success. We specialize in user interface design, including front-end development which we consider to be an integral part. Client testkvd2021@gmail.com Date April 25, 2020 Categories Work Tags work   Next Projects Sky Fall…<\/p>\n","protected":false},"featured_media":4490,"parent":0,"template":"","projects_cat":[20],"projects_tag":[19],"class_list":{"0":"post-2098","1":"projects","2":"type-projects","3":"status-publish","4":"has-post-thumbnail","5":"hentry","6":"projects_cat-work","7":"projects_tag-work","8":"nt-post-class","9":"","12":"excerpt-none"},"acf":[],"_links":{"self":[{"href":"https:\/\/grdigital.tech\/index.php\/wp-json\/wp\/v2\/projects\/2098","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/grdigital.tech\/index.php\/wp-json\/wp\/v2\/projects"}],"about":[{"href":"https:\/\/grdigital.tech\/index.php\/wp-json\/wp\/v2\/types\/projects"}],"version-history":[{"count":6,"href":"https:\/\/grdigital.tech\/index.php\/wp-json\/wp\/v2\/projects\/2098\/revisions"}],"predecessor-version":[{"id":4458,"href":"https:\/\/grdigital.tech\/index.php\/wp-json\/wp\/v2\/projects\/2098\/revisions\/4458"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/grdigital.tech\/index.php\/wp-json\/wp\/v2\/media\/4490"}],"wp:attachment":[{"href":"https:\/\/grdigital.tech\/index.php\/wp-json\/wp\/v2\/media?parent=2098"}],"wp:term":[{"taxonomy":"projects_cat","embeddable":true,"href":"https:\/\/grdigital.tech\/index.php\/wp-json\/wp\/v2\/projects_cat?post=2098"},{"taxonomy":"projects_tag","embeddable":true,"href":"https:\/\/grdigital.tech\/index.php\/wp-json\/wp\/v2\/projects_tag?post=2098"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}