{"id":2341,"date":"2025-10-31T12:35:09","date_gmt":"2025-10-31T12:35:09","guid":{"rendered":"https:\/\/www.centum-d.com\/?post_type=case&#038;p=2341"},"modified":"2025-11-08T10:31:20","modified_gmt":"2025-11-08T10:31:20","slug":"park-n-play-design","status":"publish","type":"case","link":"https:\/\/www.centum-d.com\/en\/park-n-play-design\/","title":{"rendered":"Park N Play Design"},"content":{"rendered":"<section class=\"one-case-top\">\n\t<div class=\"one-case-top-bg-wrapper\">\n\t\t        <div style=\"background-image:inherit; background-repeat: no-repeat; background-size:cover; width: 100%; height: 100%; background-position: center; \" data-bg-image=\"url(&#039;https:\/\/www.centum-d.com\/wp-content\/uploads\/2025\/10\/Park-N-Play-Design.png&#039;)\" class=\"lazyload\">\n\n        <\/div>\n        \t<\/div>\n\t<div class=\"container\">\n\t\t<div class=\"one-case-top-inner\">\n\t\t\t                <ul class=\"breadcrumbs\">\n\t\t\t\t\t<li><a href=\"#\">Centum-D<\/a><\/li>                <\/ul>\n\t\t\t\t\t\t<h1 class=\"section-title\">\n\t\t\t\tPark N Play Design\t\t\t<\/h1>\n            <div class=\"one-case-top-text\">\n\t\t\t\tPark N Play Design delivers equipment and services for building and upgrading modern amusement parks.\r\nTo overcome Webflow\u2019s limitations, the company needed a rebuilt website with custom layouts, smoother UX, and a stronger digital presence that reflects its market leadership            <\/div>\n\t\t\t                <div class=\"link-wrapper\">\n                    <a href=\"http:\/\/parknplaydesign.com\" class=\"link\" target=\"_blank\" rel=\"noopener\">\n\t                    parknplaydesign.com                    <\/a>\n                <\/div>\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/section>\n\n\n<section class=\"problem\">\n\t<div class=\"top-decor\"><\/div>\n\t<div class=\"center-decor\"><\/div>\n\t<div class=\"bottom-decor\"><\/div>\n\t<div class=\"container\">\n\t\t<div class=\"problem-inner\">\n\t\t\t                <h3 class=\"section-subtitle\">problem<\/h3>\n\t\t\t\n\t\t\t                <h2 class=\"section-title\">main problem<\/h2>\n\t\t\t\n\t\t\t                <div class=\"problem-text\">\n\t                <p><span data-sheets-root=\"1\">The client needed a rapid and precise Webflow rebuild to refresh pages and add new navigation features.<br \/>\nThe main challenge was to meet tight deadlines while ensuring pixel-perfect accuracy across all Apple devices.<br \/>\n<\/span><\/p>\n<ul>\n<li><span data-sheets-root=\"1\">No full access to test the platform across different Apple devices, OS versions, and real-world conditions<\/span><\/li>\n<li><span data-sheets-root=\"1\">Required deep modifications within the existing Webflow infrastructure to meet new technical needs<\/span><\/li>\n<li><span data-sheets-root=\"1\">Outdated, inconsistent templates that demanded redesign, alignment fixes, and restructuring of repeated sections<\/span><\/li>\n<li><span data-sheets-root=\"1\">Need to add new navigation elements without breaking the current architecture and UX logic<\/span><\/li>\n<li><span data-sheets-root=\"1\">Absence of adaptive layouts optimized for desktop and iOS devices<\/span><\/li>\n<\/ul>\n                <\/div>\n\t\t\t\n\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n\n<section class=\"cases\">\n    <div class=\"container\">\n        <div class=\"cases-inner\">\n\n            <div class=\"cases-info\">\n\t\t\t\t                    <h3 class=\"section-subtitle\">Overview<\/h3>\n\t\t\t\t\n\t\t\t\t                    <h2 class=\"section-title\">Summary<\/h2>\n\t\t\t\t\n\t\t\t\t                    <div class=\"slider-navigation\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t                                <div class=\"slider-navigation-item\">Integrated new, fully functional menu elements<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                <div class=\"slider-navigation-item\">Delivered fully responsive pages across all devices<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                <div class=\"slider-navigation-item\">Achieved flawless compatibility with iOS devices<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                <div class=\"slider-navigation-item\">Ensured pixel-perfect visual alignment on every screen<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                <div class=\"slider-navigation-item\">Met all project milestones on schedule<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t                    <\/div>\n\t\t\t\t            <\/div>\n\n            <div class=\"cases-slider-wrapper\">\n\t\t\t\t                    <div class=\"cases-slider swiper\">\n                        <div class=\"swiper-wrapper\">\n\t\t\t\t\t\t\t                                <div class=\"swiper-slide\">\n\t\t\t\t\t\t\t\t\t                                        <div class=\"img-wrapper\">\n                                            <img decoding=\"async\" data-src=\"https:\/\/www.centum-d.com\/wp-content\/uploads\/2025\/10\/Img-10.png\"\n                                                 alt=\"\"\n                                                 src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 625px; --smush-placeholder-aspect-ratio: 625\/648;\">\n                                        <\/div>\n\t\t\t\t\t\t\t\t\t                                <\/div>\n\t\t\t\t\t\t\t                                <div class=\"swiper-slide\">\n\t\t\t\t\t\t\t\t\t                                        <div class=\"img-wrapper\">\n                                            <img decoding=\"async\" data-src=\"https:\/\/www.centum-d.com\/wp-content\/uploads\/2025\/10\/Img-11.png\"\n                                                 alt=\"\"\n                                                 src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 625px; --smush-placeholder-aspect-ratio: 625\/648;\">\n                                        <\/div>\n\t\t\t\t\t\t\t\t\t                                <\/div>\n\t\t\t\t\t\t\t                                <div class=\"swiper-slide\">\n\t\t\t\t\t\t\t\t\t                                        <div class=\"img-wrapper\">\n                                            <img decoding=\"async\" data-src=\"https:\/\/www.centum-d.com\/wp-content\/uploads\/2025\/10\/Img-12.png\"\n                                                 alt=\"\"\n                                                 src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 625px; --smush-placeholder-aspect-ratio: 625\/648;\">\n                                        <\/div>\n\t\t\t\t\t\t\t\t\t                                <\/div>\n\t\t\t\t\t\t\t                                <div class=\"swiper-slide\">\n\t\t\t\t\t\t\t\t\t                                        <div class=\"img-wrapper\">\n                                            <img decoding=\"async\" data-src=\"https:\/\/www.centum-d.com\/wp-content\/uploads\/2025\/10\/Img-13.png\"\n                                                 alt=\"\"\n                                                 src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 625px; --smush-placeholder-aspect-ratio: 625\/648;\">\n                                        <\/div>\n\t\t\t\t\t\t\t\t\t                                <\/div>\n\t\t\t\t\t\t\t                                <div class=\"swiper-slide\">\n\t\t\t\t\t\t\t\t\t                                        <div class=\"img-wrapper\">\n                                            <img decoding=\"async\" data-src=\"https:\/\/www.centum-d.com\/wp-content\/uploads\/2025\/10\/Img-14.png\"\n                                                 alt=\"\"\n                                                 src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 625px; --smush-placeholder-aspect-ratio: 625\/648;\">\n                                        <\/div>\n\t\t\t\t\t\t\t\t\t                                <\/div>\n\t\t\t\t\t\t\t                        <\/div>\n                    <\/div>\n\t\t\t\t            <\/div>\n\n            <div class=\"progress-bar\">\n                <div class=\"progress-line\"><\/div>\n            <\/div>\n            <div class=\"control-wrapper\">\n                <div class=\"slide-prev\"><\/div>\n                <div class=\"slide-next\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n\n<section class=\"case-solution\">\n    <div class=\"container\">\n        <div class=\"case-solution-inner\">\n\t\t\t                <h3 class=\"section-subtitle\">Solution<\/h3>\n\t\t\t\n\t\t\t                <h2 class=\"section-title\">Solution<\/h2>\n\t\t\t\n\t\t\t                <div class=\"case-solution-text\">\n\t\t\t\t\t<p>Thanks to a well-organized workflow, the Centum-D team delivered high-quality desktop and mobile layouts on schedule.<br \/>\nTo accelerate design updates, we divided the project into two parallel tracks.<br \/>\nOne team updated existing pages by correcting block alignment and creating new pages using available templates. The other team optimized layouts for flawless performance on iOS devices.<br \/>\nTo overcome testing limitations, we used BrowserStack, ensuring full coverage across all Apple devices.<\/p>\n                <\/div>\n\t\t\t\t\t\t\n\t\t\t\n\t\t\t                <h2 class=\"section-title\">\n                    Workflow\n                <\/h2>\n                <div class=\"workflow-slider-wrapper\">\n                    <div class=\"workflow-slider swiper\">\n                        <div class=\"swiper-wrapper\">\n\t\t\t\t\t\t\t                                <div class=\"swiper-slide\">\n                                    <div class=\"item\">\n                                        <div class=\"item-number\">01<\/div>\n                                        <div class=\"item-text\">Reviewed and updated all required web pages, ensuring consistent layouts, proper block spacing, and seamless interaction between elements<\/div>\n                                    <\/div>\n                                <\/div>\n\t\t\t\t\t\t\t                                <div class=\"swiper-slide\">\n                                    <div class=\"item\">\n                                        <div class=\"item-number\">02<\/div>\n                                        <div class=\"item-text\">Integrated new menu and navigation components, with front-end development specifically optimized for iPhone and iPad user experience<\/div>\n                                    <\/div>\n                                <\/div>\n\t\t\t\t\t\t\t                                <div class=\"swiper-slide\">\n                                    <div class=\"item\">\n                                        <div class=\"item-number\">03<\/div>\n                                        <div class=\"item-text\">Conducted cross-device and cross-browser testing via BrowserStack and internal QA, resolved all issues, finalized documentation, and prepared the project for deployment<\/div>\n                                    <\/div>\n                                <\/div>\n\t\t\t\t\t\t\t                        <\/div>\n                    <\/div>\n                    <div class=\"controls-wrapper\">\n                        <div class=\"slide-prev\"><\/div>\n                        <div class=\"slide-next\"><\/div>\n                    <\/div>\n                <\/div>\n\t\t\t        <\/div>\n    <\/div>\n<\/section>","protected":false},"featured_media":2345,"template":"","meta":{"_acf_changed":false},"case_category":[99],"case_tag":[102],"class_list":["post-2341","case","type-case","status-publish","has-post-thumbnail","hentry","case_category-online-catalog","case_tag-web-development"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.centum-d.com\/en\/wp-json\/wp\/v2\/case\/2341","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.centum-d.com\/en\/wp-json\/wp\/v2\/case"}],"about":[{"href":"https:\/\/www.centum-d.com\/en\/wp-json\/wp\/v2\/types\/case"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.centum-d.com\/en\/wp-json\/wp\/v2\/media\/2345"}],"wp:attachment":[{"href":"https:\/\/www.centum-d.com\/en\/wp-json\/wp\/v2\/media?parent=2341"}],"wp:term":[{"taxonomy":"case_category","embeddable":true,"href":"https:\/\/www.centum-d.com\/en\/wp-json\/wp\/v2\/case_category?post=2341"},{"taxonomy":"case_tag","embeddable":true,"href":"https:\/\/www.centum-d.com\/en\/wp-json\/wp\/v2\/case_tag?post=2341"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}