[{"data":1,"prerenderedAt":400},["ShallowReactive",2],{"content:menu:header-main-menu":3,"content:site-constants":80,"content:menu:header-additional-menu":118,"content:menu:footer-menu":124,"content:menu:legal-compliance-menu":133,"content:service:web-design":144,"strapi:case-study-list":262},{"items":4},[5,31,36,40,44,60,64],{"label":6,"url":7,"target":8,"icon":9,"items":10},"Services","\u002Fservices","_self","compass-tool",[11,13,16,19,22,25,28],{"label":12,"url":7,"target":8},"Services Overview",{"label":14,"url":15,"target":8},"Discovery & Strategy","\u002Fservices\u002Fwebsite-strategy",{"label":17,"url":18,"target":8},"Custom Design","\u002Fservices\u002Fweb-design",{"label":20,"url":21,"target":8},"Web Development","\u002Fservices\u002Fweb-development",{"label":23,"url":24,"target":8},"Migration & Deployment","\u002Fservices\u002Fwebsite-migration",{"label":26,"url":27,"target":8},"Maintenance & Support","\u002Fservices\u002Fweb-maintenance",{"label":29,"url":30,"target":8},"Growth & Optimisation","\u002Fservices\u002Fwebsite-optimisation",{"label":32,"url":33,"target":8,"icon":34,"hidden":35},"Solutions","\u002Fsolutions","lightbulb-filament",true,{"label":37,"url":38,"target":8,"icon":39,"hidden":35},"Industries","\u002Findustries","gear-fine-line",{"label":41,"url":42,"target":8,"icon":43,"hidden":35},"Toolbox","\u002Ftoolbox","toolbox",{"label":45,"url":46,"target":8,"icon":47,"items":48},"Portfolio","\u002Fportfolio","books",[49,51,54,57],{"label":50,"url":46,"target":8},"Portfolio Overview",{"label":52,"url":53,"target":8},"Case Studies","\u002Fportfolio#case-studies",{"label":55,"url":56,"target":8},"Website Gallery","\u002Fportfolio#website-gallery",{"label":58,"url":59,"target":8},"Full Clientele","\u002Fportfolio#full-clientele",{"label":61,"url":62,"target":8,"icon":63},"Insights","\u002Fblog","list-magnifying-glass-line",{"label":65,"url":66,"target":8,"icon":67,"items":68},"About","\u002Fabout-us","info",[69,71,74,77],{"label":70,"url":66,"target":8},"About Us",{"label":72,"url":73,"target":8},"Our Approach","\u002Fabout-us#our-approach",{"label":75,"url":76,"target":8},"Meet the Team","\u002Fabout-us#meet-the-team",{"label":78,"url":79,"target":8},"Careers with Us","\u002Fcareer",{"address":81,"companyName":82,"companyRegistrationNumber":83,"description":84,"email":85,"fax":86,"latitude":87,"logo":84,"longitude":88,"opening_hours":89,"phone":102,"social_media_links":103,"whatsapp":84},"\u003Cp>SS-19-10, Stellar Office Suites, Jalan Puteri 4\u002F7, Bandar Puteri Puchong, 47100 Puchong, Selangor\u003C\u002Fp>","Orangesoft Sdn Bhd","200701012044 (770049-P)",null,"sales@os.my","","3.017778","101.613917",[90,94,96,98,100],{"dayOfWeek":91,"opens":92,"closes":93},"Monday","09:00","18:00",{"dayOfWeek":95,"opens":92,"closes":93},"Tuesday",{"dayOfWeek":97,"opens":92,"closes":93},"Wednesday",{"dayOfWeek":99,"opens":92,"closes":93},"Thursday",{"dayOfWeek":101,"opens":92,"closes":93},"Friday","03-7890 3113",[104,108,111,114],{"label":105,"url":106,"iconClass":107},"Facebook","https:\u002F\u002Fwww.facebook.com\u002Forangesoft","pi pi-facebook",{"label":109,"url":86,"iconClass":110},"Twitter","pi pi-twitter",{"label":112,"url":86,"iconClass":113},"Instagram","pi pi-instagram",{"label":115,"url":116,"iconClass":117},"LinkedIn","https:\u002F\u002Fwww.linkedin.com\u002Fcompany\u002Forangesoft-interactive\u002F","pi pi-linkedin",{"items":119},[120],{"label":121,"url":122,"target":8,"icon":123},"Give Us a Call","\u002Fcontact-us","phone",{"items":125},[126,127,128,129,130,131,132],{"label":6,"url":7},{"label":32,"url":33,"hidden":35},{"label":37,"url":38,"hidden":35},{"label":41,"url":42,"hidden":35},{"label":45,"url":46},{"label":61,"url":62},{"label":65,"url":66},{"items":134},[135,138,141],{"label":136,"url":137},"Privacy Policy","\u002Fprivacy-policy",{"label":139,"url":140},"Terms & Conditions","\u002Fterms-conditions",{"label":142,"url":143},"Refund Policy","\u002Frefund-policy",{"title":145,"description":146,"eyebrow":147,"headline":17,"highlights":148,"icon":84,"image":152,"order":155,"path":156,"publishedAt":84,"sections":157,"seo_settings":257,"summary":260,"tags":261,"slug":156},"Design","\u003Cp>We craft custom UI\u002FUX layouts tailored to your brand, keeping mobile responsiveness high, visuals sharp, and user journeys effortless.\u003C\u002Fp>","Design that works as hard as you do",[149,150,151],"UX Research","Wireframes","Prototyping",{"url":153,"alternativeText":154},"\u002Fimages\u002Fservices\u002Fcustom-design.jpg","Designer sketching wireframes beside a laptop and UI cards",2,"web-design",[158,168,191,208,225,231,237],{"type":159,"align":160,"eyebrow":17,"title":161,"description":162,"image":163,"video":166},"hero-page","center","Design with Purpose","\u003Cp>Beautiful designs start with people, not pixels. We map what visitors need to understand or complete and build it out in wireframes or visual designs. A clickable prototype will be presented before development begins.\u003C\u002Fp>",{"url":164,"alternativeText":165},"\u002Fimages\u002Fhero\u002Fhero-poster.jpg","Orange glass marbles rolling through a white sculpted maze",{"url":167},"\u002Fvideos\u002Fhero-abstract-geometric.mp4",{"type":169,"title":170,"description":171,"items":172},"offer-accordion","Where Creativity \u003Cstrong>Meets Strategy\u003C\u002Fstrong>","\u003Cp>We cover every step of design, from mapped user journeys and functional wireframes to stunning visual interfaces and interactive prototypes, so you get a complete picture, whilst developers receive a seamless handoff with zero guesswork.\u003C\u002Fp>",[173,179,185],{"title":174,"description":175,"image":176},"Page Layouts","\u003Cp>We define the structure, layout, and content priority for all key pages, ensuring user journeys for essential tasks are validated long before colours, fonts or styling are applied.\u003C\u002Fp>",{"url":177,"alternativeText":178},"\u002Fimages\u002Fservices\u002Fdesign-page-layouts.png","Line drawing of a designer laying out screens on a drawing board",{"title":180,"description":181,"image":182},"Clickable Prototypes","\u003Cp>Get an interactive, clickable run-through of core pages and user journeys, allowing you to test flows, validate UX decisions and catch issues before development begins.\u003C\u002Fp>",{"url":183,"alternativeText":184},"\u002Fimages\u002Fservices\u002Fdesign-clickable-prototypes.png","Line drawing of a laptop showing interlocking gears",{"title":186,"description":187,"image":188},"Visual Design","\u003Cp>We bring together typography, colours, imagery and interactions to create cohesive visuals, giving you polished interfaces that fits flawlessly with your brand guidelines.\u003C\u002Fp>",{"url":189,"alternativeText":190},"\u002Fimages\u002Fservices\u002Fdesign-visual-design.png","Line drawing of a paint palette and brush",{"type":192,"title":193,"description":194,"items":195},"approach-cards","Our Design \u003Cstrong>Approach\u003C\u002Fstrong>","\u003Cp>Effective digital design harmonises discoverable content, a consistent brand identity across all touchpoints and clear scope from the get-go. Here’s how we ensure all three are always enforced.\u003C\u002Fp>",[196,200,204],{"icon":197,"title":198,"description":199},"article-ny-times","Content-Centric Designs","\u003Cp>Layout shapes how clearly your message is read and how easily search engines index it. We design around your content so the page moulds to fit the message. For pages that already drive organic traffic, we preserve URL structures and search intent to protect rankings.\u003C\u002Fp>",{"icon":201,"title":202,"description":203},"pencil-circle","Working with Your Brand","\u003Cp>We translate your established brand assets, logo, colour palette and typography into practical interface states and reusable components. For guidelines without web-specific rules, we co-create new digital standards to future-proof your brand identity.\u003C\u002Fp>",{"icon":205,"title":206,"description":207},"crosshair","Design Scopes","\u003Cp>Our full-service proposals integrate UI\u002FUX design from the start, tailored to your template counts, user journey complexity and custom interface needs. For design-only engagements, we scope explicitly around the component library, interactive prototype and technical handover to your engineering team.\u003C\u002Fp>",{"type":209,"title":210,"description":211,"items":212,"image":222},"audience-steps","Who Is \u003Cstrong>This For\u003C\u002Fstrong>","\u003Cp>Whether you are building a new platform from scratch, modernising a legacy site or supplying an internal engineering team with design assets, our UI\u002FUX process fits seamlessly with them all. Here are some scenarios we come across often that might resonate with you.\u003C\u002Fp>",[213,216,219],{"title":214,"description":215},"Need a New Website Design","\u003Cp>Starting from scratch or outgrown your current platform? We meet you at a blank canvas and give you a full fledge prototype, mapped user journeys, wireframes and visual designs as blueprint for your team to build from.\u003C\u002Fp>",{"title":217,"description":218},"Redesigning an Existing Site","\u003Cp>If your website works well but feels visually obsolete, we can redesign with your building blocks. Retaining all existing content, URL structures and search performance, we deliver modern interfaces while protecting the organic traffic you’ve already earned.\u003C\u002Fp>",{"title":220,"description":221},"Looking for Design Support","\u003Cp>Have your development team ready, but lack a production-ready design system? We close the gap with structural wireframes, high-fidelity UI and interactive prototypes, scoped precisely to align with your team’s development cycle.\u003C\u002Fp>",{"url":223,"alternativeText":224},"\u002Fimages\u002Fservices\u002Fdesign-audiences.jpg","Two designers reviewing printed wireframes at a desk",{"type":226,"items":227},"marquee",[228,229,230],"Vast Clientele","Specialised Experts","Prominent and Versatile",{"type":232,"headerLayout":233,"title":234,"link":235},"portfolio-carousel","inline","See It In Practice",{"label":236,"url":46,"target":8},"View Portfolio",{"type":238,"title":239,"description":240,"items":241},"faq","FAQs","\u003Cp>Still curious? Unravel the answers, one slice at a time.\u003C\u002Fp>",[242,245,248,251,254],{"question":243,"answer":244},"What is the difference between Web Design and UI\u002FUX?","\u003Cp>Web design covers how the website looks and works. UI focuses on the screens and controls people use. UX focuses on whether people can find information and complete their tasks. We consider all three when planning your page layouts and journeys.\u003C\u002Fp>",{"question":246,"answer":247},"Can we see the design before development starts?","\u003Cp>Yes. You review the important pages and journeys in a clickable prototype before development begins. This lets you discuss the layout, content and visual direction before they become a working website.\u003C\u002Fp>",{"question":249,"answer":250},"Can you design a website for our own developers to build?","\u003Cp>Yes. We accept design-only projects. We agree the prototype, design files, reusable page elements and handover guidance with your development team before quoting, so both teams know what is needed.\u003C\u002Fp>",{"question":252,"answer":253},"Can you work with our existing brand?","\u003Cp>Yes. Your logo, colours and brand guidelines provide the starting point. We develop the website layouts and any additional styles or page elements needed to keep the experience consistent.\u003C\u002Fp>",{"question":255,"answer":256},"How do you make the design work on phones?","\u003Cp>We review mobile layouts alongside desktop layouts. The aim is to keep the content readable, navigation clear and important actions easy to use on smaller screens, rather than simply shrinking the desktop design.\u003C\u002Fp>",{"metaTitle":258,"metaDescription":259},"Website Design & UI\u002FUX Services | Orangesoft","Help visitors find what they need and take the next step. Explore website layouts, mobile design and clickable prototypes built around your brand.","From sketch to design system, we map the user journey and components your website will be built from.",[149,150,151],[263,285,303,317,332,344,357,372,387],{"documentId":264,"title":265,"slug":266,"year":267,"accentColor":268,"order":84,"publishedAt":269,"image":270,"logo":84,"industries":277,"technologies":280},"fhd75tfkgfy4d44t7pruf2mt","Cagamas Berhad","cagamas","2025","#003698","2026-09-30T03:38:23.524Z",{"id":271,"documentId":272,"url":273,"alternativeText":274,"width":275,"height":276},14,"hxwhqg0bpbzfe0wy0q0qpjvw","https:\u002F\u002Fos2026.assetz.my\u002Fshot_cagamas_163a6b1d47.jpg","Cagamas Berhad website",480,2659,[278,279],"Banking & Finance","Government & Public Sector",[281,282,283,284],"NuxtJS","Laravel","Static HTML","Strapi",{"documentId":286,"title":287,"slug":288,"year":84,"accentColor":289,"order":84,"publishedAt":290,"image":291,"logo":84,"industries":297,"technologies":301},"q8frpd4h3fuaeswo8uonv3h8","IOI Group","ioi-group","#1F3C92","2026-09-30T03:38:43.457Z",{"id":292,"documentId":293,"url":294,"alternativeText":84,"width":295,"height":296},204,"w0q9h8llyhactybpr0tjyulf","https:\u002F\u002Fos2026.assetz.my\u002Fscreencapture_ioigroup_2026_09_30_10_09_15_d83188075d.png",2880,11184,[298,299,300],"Agriculture & Plantation","Property","Manufacturing & Industrial",[281,284,302,282],"Drupal",{"documentId":304,"title":305,"slug":306,"year":267,"accentColor":307,"order":84,"publishedAt":308,"image":309,"logo":84,"industries":314,"technologies":316},"vone3f6kssjeu1q91v2k6o7u","AI Malaysia Berhad","ai-malaysia-berhad","#68D0FF","2026-09-30T03:39:15.779Z",{"id":310,"documentId":311,"url":312,"alternativeText":84,"width":295,"height":313},203,"kp9k3wvva2kb7x9p504ja3j7","https:\u002F\u002Fos2026.assetz.my\u002Fscreencapture_ai_gov_my_2026_09_30_10_07_13_768877c86d.png",15370,[279,315],"Technology & Media",[281,284],{"documentId":318,"title":319,"slug":320,"year":84,"accentColor":84,"order":84,"publishedAt":321,"image":322,"logo":84,"industries":327,"technologies":329},"h0jc03xhxz93yejfwq82anum","Avillion Group","avillion-group","2026-09-30T06:57:08.309Z",{"id":323,"documentId":324,"url":325,"alternativeText":84,"width":295,"height":326},245,"bn7xf75p3ryz4uufz6dv9s9q","https:\u002F\u002Fos2026.assetz.my\u002Fscreencapture_avillionberhad_2026_09_30_14_54_03_8a4ae2d6da.png",3458,[328],"Hotels & Tourism",[330,331],"Kentico","WordPress",{"documentId":333,"title":334,"slug":335,"year":84,"accentColor":84,"order":84,"publishedAt":336,"image":337,"logo":84,"industries":342,"technologies":343},"izwdfiejl5l1l4j2ssuv2ecx","Care Luxury Hotels & Resorts","care-luxury-hotels-and-resorts","2026-09-30T06:59:15.986Z",{"id":338,"documentId":339,"url":340,"alternativeText":84,"width":295,"height":341},247,"w82ew5qc9uuigvoegkxjgqhy","https:\u002F\u002Fos2026.assetz.my\u002Fscreencapture_careluxuryhotels_2026_09_30_14_57_55_84ab32cb60.png",4536,[328],[330],{"documentId":345,"title":346,"slug":347,"year":84,"accentColor":84,"order":84,"publishedAt":348,"image":349,"logo":84,"industries":354,"technologies":356},"kamydaan290g75ouww6s2xqa","Gabungan AQRS Berhad","gabungan-aqrs-berhad","2026-09-30T07:27:02.203Z",{"id":350,"documentId":351,"url":352,"alternativeText":84,"width":295,"height":353},252,"p986qdjoifg41j4okripiqs7","https:\u002F\u002Fos2026.assetz.my\u002Fscreencapture_gbg_my_2026_09_30_15_11_42_d637f12914.png",5622,[355,299],"Construction & Engineering",[302,283],{"documentId":358,"title":359,"slug":360,"year":361,"accentColor":362,"order":84,"publishedAt":363,"image":364,"logo":84,"industries":369,"technologies":371},"jhzmcdgfgm2xys73nvcwc4fc","Education Malaysia Global Service (EMGS)","emgs","2026","#A92340","2026-09-30T10:28:24.061Z",{"id":365,"documentId":366,"url":367,"alternativeText":84,"width":295,"height":368},119,"mc832j5rh82exuefgqkq0cpc","https:\u002F\u002Fos2026.assetz.my\u002Fscreencapture_educationmalaysia_gov_my_2026_09_29_17_33_11_53a7172438.png",18164,[370],"Education",[302],{"documentId":373,"title":374,"slug":375,"year":267,"accentColor":376,"order":84,"publishedAt":377,"image":378,"logo":84,"industries":384,"technologies":386},"xaclh55wrqm8dff7fidg191m","Golden Screen Cinemas","golden-screen-cinemas","#FFF200","2026-09-30T11:21:44.300Z",{"id":379,"documentId":380,"url":381,"alternativeText":382,"width":275,"height":383},15,"pheatv4el2cas04hdxl1q9r9","https:\u002F\u002Fos2026.assetz.my\u002Fshot_gsc_295bea2f5f.jpg","Golden Screen Cinemas website",1466,[385],"Entertainment",[281],{"documentId":388,"title":389,"slug":390,"year":267,"accentColor":84,"order":391,"publishedAt":392,"image":393,"logo":84,"industries":398,"technologies":399},"xs1pa36ul6vgkb84mmjf7yti","UDA Holdings Berhad","uda-holdings-berhad",0,"2026-09-30T10:21:21.081Z",{"id":394,"documentId":395,"url":396,"alternativeText":84,"width":295,"height":397},226,"nri1d6rr0kwv6o2x0lhclvbk","https:\u002F\u002Fos2026.assetz.my\u002Fscreencapture_uda_my_2026_09_30_12_03_30_6a943f702a.png",10828,[328,299],[302],1790840311155]