[{"data":1,"prerenderedAt":167},["ShallowReactive",2],{"project-pen-marine":3},{"data":4,"extensions":162},{"postBy":5},{"title":6,"slug":7,"content":8,"featuredImage":9,"categories":12,"seo":20,"motionGraphics":35,"webUiux":43},"Pen Marine","pen-marine","\u003Cp>We were approached by a key decision-maker at Pen Marine to redesign and revamp their corporate website. The goal was to create a seamless, modern platform that appeals to international clients looking to explore and purchase luxury yachts. From user experience to responsive design, every element was crafted to reflect their premium brand and global reach.\u003C\u002Fp>\n",{"node":10},{"sourceUrl":11},"https:\u002F\u002Fwebsite.nekodrey.com\u002Fwp-content\u002Fuploads\u002F2026\u002F03\u002FFeatured-PenMarine.png",{"nodes":13},[14,17],{"name":15,"slug":16},"Projects","projects",{"name":18,"slug":19},"Web UIUX","web-uiux",{"title":21,"description":22,"canonicalUrl":23,"robots":24,"openGraph":30,"jsonLd":33},"Marine Services Website – Attract Global Clients - Nekodrey Design","Professional marine services website that strengthens brand image, improves navigation, and appeals to clients worldwide.","https:\u002F\u002Fwebsite.nekodrey.com\u002Fpen-marine\u002F",[25,26,27,28,29],"index","follow","max-snippet:-1","max-video-preview:-1","max-image-preview:large",{"title":21,"description":22,"image":31,"type":32},{"url":11},"article",{"raw":34},"\u003Cscript type=\"application\u002Fld+json\" class=\"rank-math-schema-pro\">{\"@context\":\"https:\u002F\u002Fschema.org\",\"@graph\":[{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\u002F\u002Fwebsite.nekodrey.com\u002F#person\",\"name\":\"website.nekodrey.com\"},{\"@type\":\"WebSite\",\"@id\":\"https:\u002F\u002Fwebsite.nekodrey.com\u002F#website\",\"url\":\"https:\u002F\u002Fwebsite.nekodrey.com\",\"name\":\"website.nekodrey.com\",\"publisher\":{\"@id\":\"https:\u002F\u002Fwebsite.nekodrey.com\u002F#person\"},\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\u002F\u002Fwebsite.nekodrey.com\u002Fwp-content\u002Fuploads\u002F2026\u002F03\u002FFeatured-PenMarine.png\",\"url\":\"https:\u002F\u002Fwebsite.nekodrey.com\u002Fwp-content\u002Fuploads\u002F2026\u002F03\u002FFeatured-PenMarine.png\",\"width\":\"1763\",\"height\":\"1078\",\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\u002F\u002Fwebsite.nekodrey.com\u002Fpen-marine\u002F#webpage\",\"url\":\"https:\u002F\u002Fwebsite.nekodrey.com\u002Fpen-marine\u002F\",\"name\":\"Marine Services Website \\u2013 Attract Global Clients - Nekodrey Design\",\"datePublished\":\"2026-03-01T17:17:03+00:00\",\"dateModified\":\"2026-07-11T08:18:19+00:00\",\"isPartOf\":{\"@id\":\"https:\u002F\u002Fwebsite.nekodrey.com\u002F#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\u002F\u002Fwebsite.nekodrey.com\u002Fwp-content\u002Fuploads\u002F2026\u002F03\u002FFeatured-PenMarine.png\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\u002F\u002Fwebsite.nekodrey.com\u002Fauthor\u002Fray-nekodreygmail-com\u002F\",\"name\":\"nekodrey\",\"url\":\"https:\u002F\u002Fwebsite.nekodrey.com\u002Fauthor\u002Fray-nekodreygmail-com\u002F\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\u002F\u002Fsecure.gravatar.com\u002Favatar\u002F0db6f75b62e906f57c1e74109fb453645016096e0712e1229ec707f3bfc19090?s=96&amp;d=mm&amp;r=g\",\"url\":\"https:\u002F\u002Fsecure.gravatar.com\u002Favatar\u002F0db6f75b62e906f57c1e74109fb453645016096e0712e1229ec707f3bfc19090?s=96&amp;d=mm&amp;r=g\",\"caption\":\"nekodrey\",\"inLanguage\":\"en-US\"},\"sameAs\":[\"http:\u002F\u002Fwebsite.nekodrey.com\"]},{\"@type\":\"BlogPosting\",\"headline\":\"Marine Services Website \\u2013 Attract Global Clients - Nekodrey Design\",\"datePublished\":\"2026-03-01T17:17:03+00:00\",\"dateModified\":\"2026-07-11T08:18:19+00:00\",\"articleSection\":\"Projects, Web UIUX\",\"author\":{\"@id\":\"https:\u002F\u002Fwebsite.nekodrey.com\u002Fauthor\u002Fray-nekodreygmail-com\u002F\",\"name\":\"nekodrey\"},\"publisher\":{\"@id\":\"https:\u002F\u002Fwebsite.nekodrey.com\u002F#person\"},\"description\":\"Professional marine services website that strengthens brand image, improves navigation, and appeals to clients worldwide.\",\"name\":\"Marine Services Website \\u2013 Attract Global Clients - Nekodrey Design\",\"@id\":\"https:\u002F\u002Fwebsite.nekodrey.com\u002Fpen-marine\u002F#richSnippet\",\"isPartOf\":{\"@id\":\"https:\u002F\u002Fwebsite.nekodrey.com\u002Fpen-marine\u002F#webpage\"},\"image\":{\"@id\":\"https:\u002F\u002Fwebsite.nekodrey.com\u002Fwp-content\u002Fuploads\u002F2026\u002F03\u002FFeatured-PenMarine.png\"},\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\u002F\u002Fwebsite.nekodrey.com\u002Fpen-marine\u002F#webpage\"}}]}\u003C\u002Fscript>\n",{"timeframe":36,"services":37,"video":42,"thumbnailsGallery":42},"2",[38,39,40,41],"web design","web revamp","website development","custom code",null,{"headimage":44,"clientlogo":47,"industry":50,"type":51,"clientRequest":53,"tools":54,"services":61,"projectGallery":62,"brief":82,"primaryFocus":83,"problemPoint":84,"designGoalBrief":97,"designGoalPoint":98,"userResearchBrief":114,"userExperience":115,"userSitemap":134,"userInterface":137,"corporateColour":150,"corporateFonts":156},{"node":45},{"sourceUrl":46},"https:\u002F\u002Fwebsite.nekodrey.com\u002Fwp-content\u002Fuploads\u002F2026\u002F03\u002FHI_PenMarine-scaled.webp",{"node":48},{"sourceUrl":49},"https:\u002F\u002Fwebsite.nekodrey.com\u002Fwp-content\u002Fuploads\u002F2026\u002F03\u002FpenmarineLOGO.png","Yacht Sales & Chartered Services",[52],"Web & UIUX","Pen Marine approached us to redesign and revamp their corporate website—to create a sleek, globally-appealing platform that would elevate their premium brand perception, offer seamless user experience for high-value clientele, and support international yacht-sales lead generation.",[55,56,57,58,59,60],"Figma","Wordpress","HTML","CSS","Adobe Photoshop","Adobe Premiere Pro",[38,39,40,41],{"nodes":63},[64,66,68,70,72,74,76,78,80],{"sourceUrl":65},"https:\u002F\u002Fwebsite.nekodrey.com\u002Fwp-content\u002Fuploads\u002F2026\u002F03\u002Fscreencapture-penmarine-contact-us-2025-10-17-11_56_03.png",{"sourceUrl":67},"https:\u002F\u002Fwebsite.nekodrey.com\u002Fwp-content\u002Fuploads\u002F2026\u002F03\u002Fscreencapture-penmarine-news-events-2025-10-17-11_55_52-scaled.png",{"sourceUrl":69},"https:\u002F\u002Fwebsite.nekodrey.com\u002Fwp-content\u002Fuploads\u002F2026\u002F03\u002Fscreencapture-penmarine-preowned-2017-leopard-51pc-2025-10-17-11_55_01-scaled.png",{"sourceUrl":71},"https:\u002F\u002Fwebsite.nekodrey.com\u002Fwp-content\u002Fuploads\u002F2026\u002F03\u002Fscreencapture-penmarine-new-yacht-cap-camarat-5-5-cc-2025-10-17-11_54_43-scaled.png",{"sourceUrl":73},"https:\u002F\u002Fwebsite.nekodrey.com\u002Fwp-content\u002Fuploads\u002F2026\u002F03\u002Fscreencapture-penmarine-pre-owned-yachts-2025-10-17-11_54_18-scaled.png",{"sourceUrl":75},"https:\u002F\u002Fwebsite.nekodrey.com\u002Fwp-content\u002Fuploads\u002F2026\u002F03\u002Fscreencapture-penmarine-new-yachts-jeanneau-2025-10-17-11_54_01-scaled.png",{"sourceUrl":77},"https:\u002F\u002Fwebsite.nekodrey.com\u002Fwp-content\u002Fuploads\u002F2026\u002F03\u002Fscreencapture-penmarine-langkawi-international-yacht-registry-liyr-2025-10-17-11_53_25-scaled.png",{"sourceUrl":79},"https:\u002F\u002Fwebsite.nekodrey.com\u002Fwp-content\u002Fuploads\u002F2026\u002F03\u002Fscreencapture-penmarine-charter-2025-10-17-11_53_16-scaled.png",{"sourceUrl":81},"https:\u002F\u002Fwebsite.nekodrey.com\u002Fwp-content\u002Fuploads\u002F2026\u002F03\u002Fscreencapture-penmarine-2025-10-17-11_52_30-scaled.png","Pen Marine’s existing website did not fully reflect the luxury and international scope of their business. It lacked the refined UX and UI required to engage affluent clients seeking high-end yachts and services.","Launch a premium, high-performance website that aligns with Pen Marine’s brand prestige, supports global client acquisition, and simplifies conversion across devices.",[85,88,91,94],{"problemPointTitle":86,"problemPointDescription":87},"Global audience gap","Navigation and content were not optimised for international users and luxury buyers.",{"problemPointTitle":89,"problemPointDescription":90},"Lack of content clarity","Services such as charters, brokerage, marina consultancy were insufficiently distinguished.",{"problemPointTitle":92,"problemPointDescription":93},"Brand mismatch","The digital interface felt outdated and did not reflect the premium segment.",{"problemPointTitle":95,"problemPointDescription":96},"Lead generation friction","The pathways to inquiry or contact were not clearly defined for high-value conversions.","To deliver a world-class online experience for Pen Marine that conveys luxury, global reach and trust—while enhancing user journeys for high-value yacht buyers and service clients.",[99,102,105,108,111],{"designGoalTitle":100,"designGoalDescription":101},"Simplify Journey Flow","Reduce complexity in browsing yachts, services and contact paths to encourage high-value enquiries.",{"designGoalTitle":103,"designGoalDescription":104},"Elevate Content Hierarchy","Present yacht offerings and services with the clarity luxury clients expect, enabling confident decision-making.",{"designGoalTitle":106,"designGoalDescription":107},"Target Global Users","Prioritise international audience needs: currency, language, regional trust signals, and streamlined cross-border enquiries.",{"designGoalTitle":109,"designGoalDescription":110},"Enhance Mobile Experience","Ensure performance and intuitive navigation on mobile\u002Ftablets to capture affluent users on the go.",{"designGoalTitle":112,"designGoalDescription":113},"Strengthen Lead Paths","Design clear CTAs, enquiry forms and visual trust indicators that prompt engagement from potential high-net-worth clients.","Design a refined user experience tailored to luxury yacht buyers, enabling effortless navigation, strong brand affirmation and clear conversion pathways.",[116,122,128],{"userImage":117,"userName":120,"userDescription":121},{"node":118},{"sourceUrl":119},"https:\u002F\u002Fwebsite.nekodrey.com\u002Fwp-content\u002Fuploads\u002F2026\u002F03\u002F749d0717c4.jpg","User 1","When I browse luxury yachts, photos matter more than text. If the website looks old or messy, I lose confidence immediately. I want full-screen images, clean galleries, and a modern layout before I even think about contacting the seller.",{"userImage":123,"userName":126,"userDescription":127},{"node":124},{"sourceUrl":125},"https:\u002F\u002Fwebsite.nekodrey.com\u002Fwp-content\u002Fuploads\u002F2026\u002F03\u002F5b5d2735a0.jpg","User 2","I compare specifications. Length, cabins, weight, fuel capacity — all of it. If these details are hidden or hard to scan, I leave the website. I don’t want long paragraphs; I want structured data, tables, and visuals.",{"userImage":129,"userName":132,"userDescription":133},{"node":130},{"sourceUrl":131},"https:\u002F\u002Fwebsite.nekodrey.com\u002Fwp-content\u002Fuploads\u002F2026\u002F03\u002Fa160d6ce6f.jpg","User 3","Yachts cost millions. Before I reach out, I need to feel trust. A premium, polished website tells me the distributor is professional. If the site looks outdated, I question the credibility of the business.",{"node":135},{"sourceUrl":136},"https:\u002F\u002Fwebsite.nekodrey.com\u002Fwp-content\u002Fuploads\u002F2026\u002F03\u002FUser-Flow_PENMARINE.png",[138,141,144,147],{"userInterfaceTitle":139,"userInterfaceDescription":140},"High-Impact Hero Imagery","Feature full-width, high-definition photography and video backgrounds to immediately immerse the user in the premium world of international yachting and leisure",{"userInterfaceTitle":142,"userInterfaceDescription":143},"Typography & Hierarchy","Apply sophisticated serif headings paired with clean sans-serif body text to ensure readability while maintaining an upscale, editorial-style brand aesthetic.",{"userInterfaceTitle":145,"userInterfaceDescription":146},"Consistent Component Library","Build a unified design system of buttons, icons, and cards to ensure a cohesive brand experience across the website and future digital touchpoints.",{"userInterfaceTitle":148,"userInterfaceDescription":149},"Luxury Visual Palette","Utilize a refined color scheme of deep navy and crisp whites to mirror the maritime environment and convey a sense of professional reliability.",[151,153],{"colourHex":152,"brandColour":152},"#666666",{"colourHex":154,"brandColour":155},"#D80100","#d80100",[157,160],{"fontName":158,"fontFamily":158,"fontSample":159},"Cormorant Garamond","ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz",{"fontName":161,"fontFamily":161,"fontSample":159},"Montserrat",{"debug":163},[164],{"type":165,"message":166},"DEBUG_LOGS_INACTIVE","GraphQL Debug logging is not active. To see debug logs, GRAPHQL_DEBUG must be enabled.",1786022430557]