{"id":192,"date":"2025-07-29T13:04:10","date_gmt":"2025-07-29T13:04:10","guid":{"rendered":"https:\/\/juntrax.com\/case-studies\/?p=192"},"modified":"2025-07-29T13:46:59","modified_gmt":"2025-07-29T13:46:59","slug":"crossworks-case-study","status":"publish","type":"post","link":"https:\/\/juntrax.com\/case-studies\/crossworks-case-study\/","title":{"rendered":"Crossworks Case Study"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n

Crossworks needed a unified system to manage project leads, employee time, and client follow-ups. Before Juntrax, they faced:<\/p>\n\n\n\n

    \n
  • Disjointed Lead & Project Tracking<\/strong><\/li>\n\n\n\n
  • Manual Timesheet & Attendance Recording<\/strong><\/li>\n\n\n\n
  • Tool Overload<\/strong><\/li>\n\n\n\n
  • Leave Management Challenges<\/strong><\/li>\n\n\n\n
  • Limited Team Oversight<\/strong><\/li>\n\n\n\n
  • Inefficient Task Board Navigation<\/strong><\/li>\n\n\n\n
  • Lack of Process Standardization<\/strong><\/li>\n<\/ul>\n\n\n\n

    To read the entire case study, please enter the below information and download the case study.<\/p>\n\n\n\n

    <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

    \n\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\n\n \n \n \n Juntrax | Contact<\/title>\n <style>\n \/* Form Container *\/\n .formContainer {\n padding: 2rem;\n background-color: #f9fafb;\n border-radius: 12px;\n\n font-family: \"Segoe UI\", sans-serif;\n border: 1px solid rgba(0, 0, 0, 0.1);\n }\n\n \/* Each Form Field Wrapper *\/\n .formInput {\n display: flex;\n flex-direction: column;\n margin-bottom: 16px;\n }\n\n \/* Label for Input *\/\n .formInput label {\n margin-bottom: 6px;\n font-weight: 500;\n font-size: 14px;\n color: #333;\n }\n\n \/* Text Input \/ Email \/ Phone \/ Textarea *\/\n .formInput input,\n .formInput textarea,\n .formInput select {\n padding: 12px 20px;\n border: 1px solid #ccc;\n border-radius: 6px;\n font-size: 14px;\n transition: border 0.2s ease;\n height: fit-content;\n }\n\n .formInput input:focus,\n .formInput textarea:focus,\n .formInput select:focus {\n outline: none;\n border-color: #3b82f6;\n box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);\n }\n\n \/* Checkbox (Privacy Policy) *\/\n .formChecklist {\n display: flex;\n align-items: center;\n margin: 12px 0;\n font-size: 14px;\n color: #333;\n }\n\n .formChecklist input[type=\"checkbox\"] {\n margin-right: 8px;\n accent-color: #3b82f6;\n width: 4%;\n }\n\n .formChecklist label {\n display: block;\n margin-bottom: 0;\n }\n\n \/* Button *\/\n .formButton {\n background-color: #3b82f6;\n border: none;\n border-radius: 6px;\n color: white;\n cursor: pointer;\n font-size: 16px;\n font-weight: 500;\n margin-top: 1rem;\n padding: 12px;\n transition: all 0.3s;\n width: 100%;\n }\n\n .formButton:hover {\n background-color: #3b82f6;\n color: white;\n transform: translateY(-0.2rem);\n }\n\n .infoContainer {\n display: flex;\n gap: 6rem;\n max-width: 700px;\n padding: 20px;\n flex-direction: column;\n justify-content: space-between;\n align-content: center;\n }\n\n .infoContainerParent {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n gap: 0.5rem; \/* gap-2 \u2248 8px (adjust if needed) *\/\n }\n\n \/* Each feature row *\/\n .featureItem {\n display: flex;\n align-items: center;\n gap: 16px;\n }\n\n \/* Icon circle *\/\n .icon {\n width: 80px;\n height: 80px;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .icon img {\n width: 100%;\n height: 100%;\n }\n\n \/* Headline for each feature *\/\n .featureHeading {\n font-size: 16px;\n font-weight: 600;\n color: #111827;\n margin-bottom: 4px;\n }\n\n \/* Supporting text *\/\n .featureText {\n font-size: 14px;\n color: #6b7280;\n line-height: 1.5;\n }\n\n .formSection h2 {\n margin-bottom: 1rem;\n }\n\n .formControlGrid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 3rem;\n margin: 5rem 0 3rem 0;\n }\n\n .formControl label {\n color: #344054;\n display: block;\n margin-bottom: 1rem;\n }\n\n .formControl input,\n .formControl textarea {\n border: 1px solid #d0d5dd;\n border-radius: 0.5rem;\n font-size: 1.6rem;\n padding: 1.5rem 2rem;\n width: 100%;\n }\n\n .formControl input::placeholder {\n color: #66708580;\n }\n\n .messageTextarea {\n -webkit-user-drag: none;\n user-select: text;\n resize: none; \/* optional *\/\n }\n\n \/* Phone Number Input *\/\n\n .phoneNumber {\n border: 1px solid #d0d5dd;\n border-radius: 0.5rem;\n display: flex;\n width: 100%;\n }\n\n .phoneNumber select {\n height: 40px;\n width: 120px;\n }\n\n .phoneNumber input {\n border: none;\n border-left: 1px solid #d0d5dd;\n box-shadow: none !important;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n width: 100%;\n outline: none;\n }\n\n .phoneNumber input:active,\n .phoneNumber input:focus {\n border-left: 1px solid #d0d5dd;\n }\n\n \/*Media Queries*\/\n\n @media (max-width: 767px) {\n .formContainer {\n padding: 1rem;\n }\n\n .formSection {\n margin-top: 1rem;\n }\n\n .formControlGrid {\n grid-template-columns: repeat(1, 1fr);\n }\n\n .talkToUsImage {\n justify-self: center;\n width: 100%;\n margin-bottom: 8rem;\n }\n\n .talkToUsImage img {\n width: 100%;\n height: auto;\n object-fit: contain;\n }\n\n .infoContainerParent {\n flex-direction: column;\n gap: 0.25rem; \/* optional: reduce gap *\/\n }\n\n .infoContainer {\n gap: 2rem; \/* reduce spacing for small screens *\/\n padding: 16px; \/* smaller padding *\/\n max-width: 100%; \/* full width on phone *\/\n margin-bottom: 6rem;\n }\n\n .icon {\n width: 60px;\n height: 60px;\n }\n\n .featureHeading {\n font-size: 14px;\n }\n\n .featureText {\n font-size: 13px;\n line-height: 1.4;\n }\n }\n <\/style>\n <script>\n document.addEventListener(\"DOMContentLoaded\", function () {\n const form = document.getElementById(\"contactForm\");\n\n form.addEventListener(\"submit\", async function (event) {\n event.preventDefault();\n\n const fields = new FormData(form);\n\n const firstName = fields.get(\"firstName\");\n const email = fields.get(\"email\");\n const company = fields.get(\"company\");\n const message = fields.get(\"message\");\n const country = document.getElementById(\"country\").value;\n const selectedCode = document.getElementById(\"countryCode\").value;\n const phoneNumber = document.getElementById(\"phoneNumber\").value;\n\n const formData = [\n { name: \"firstName\", value: firstName },\n { name: \"email\", value: email },\n { name: \"company\", value: company },\n { name: \"country\", value: country },\n {\n name: \"mobilephone\",\n value: `${selectedCode} ${phoneNumber}`,\n },\n { name: \"website\", value: \"\/case-studies\" },\n { name: \"source_page\", value: \"Case Studies - Crossworks\" },\n { name: \"source_button\", value: \"Case Studies - Crossworks\" },\n ];\n\n try {\n const response = await fetch(\n \"https:\/\/api.hsforms.com\/submissions\/v3\/integration\/submit\/5152708\/e0be703b-9db8-437d-8fec-40a862c4ff91\",\n {\n method: \"POST\",\n headers: { \"Content-Type\": \"application\/json\" },\n body: JSON.stringify({ fields: formData }),\n }\n );\n\n if (response.ok) {\n document.getElementById(\"formSuccess\").style.display = \"block\";\n form.style.display = \"none\";\n\n const a = document.createElement(\"a\");\n a.href = \"https:\/\/juntrax.com\/crossworks-case-study.pdf\";\n a.download = \"Juntrax-Crossworks-CS.pdf\";\n document.body.appendChild(a);\n a.click();\n a.remove();\n } else {\n alert(\"Submission failed. Please try again.\");\n }\n } catch (error) {\n console.log(error);\n alert(\"Something went wrong.\");\n }\n });\n });\n <\/script>\n \n\n \n <section class=\"formSection\">\n <h2>Download the Case Study!<\/h2>\n <p>Please fill the below information to download this case study.<\/p>\n\n <form id=\"contactForm\" class=\"formContainer\">\n <div class=\"formInput\">\n <label for=\"firstName\">Name*<\/label>\n <input type=\"text\" id=\"firstName\" name=\"firstName\" required>\n <\/div>\n\n <div class=\"formInput\">\n <label for=\"email\">Work Email*<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" required>\n <\/div>\n\n <div class=\"formInput\">\n <label for=\"company\">Company Name*<\/label>\n <input type=\"text\" id=\"company\" name=\"company\" required>\n <\/div>\n\n <div class=\"formInput\">\n <label for=\"country\">Country*<\/label>\n <input type=\"text\" id=\"country\" name=\"country\" required>\n <\/div>\n\n <div class=\"formInput\">\n <label for=\"phone\">Phone Number*<\/label>\n <div class=\"phoneNumber\">\n <select id=\"countryCode\" name=\"countryCode\" required style=\"\n border: none;\n border-right: 1px solid #d0d5dd;\n border-radius: 0.5rem 0 0 0.5rem;\n padding: 0 10px;\n \">\n <option value=\"+91\">\ud83c\uddee\ud83c\uddf3 +91<\/option>\n <option value=\"+1\">\ud83c\uddfa\ud83c\uddf8 +1<\/option>\n <option value=\"+44\">\ud83c\uddec\ud83c\udde7 +44<\/option>\n <\/select>\n <input type=\"tel\" id=\"phoneNumber\" name=\"phoneNumber\" placeholder=\"1234567890\" pattern=\"[0-9]{6,15}\" required>\n <\/div>\n <\/div>\n\n <div class=\"formChecklist\">\n <input type=\"checkbox\" id=\"privacy\" name=\"privacy\" required>\n <label for=\"privacy\">I accept the privacy policy terms.<\/label>\n <\/div>\n\n <div>\n <button type=\"submit\" class=\"formButton\">\n Download the Case Study\n <\/button>\n <\/div>\n <\/form>\n\n <div id=\"formSuccess\" style=\"display: none; text-align: center; margin-top: 2rem\">\n <div style=\"background: #e6f9ee; color: #2e7d32; padding: 1rem 1.5rem; border-radius: 8px; text-align: center; font-size: 1.2rem; font-weight: 500; max-width: 400px; margin: 1rem auto;\">\n Thanks! Your Case Study is being Downloaded.\n<\/div>\n <\/div>\n <\/section>\n \n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/body>","protected":false},"excerpt":{"rendered":"<p>Crossworks needed a unified system to manage project leads, employee time, and client follow-ups. Before Juntrax, they faced: To read the entire case study, please enter the below information and download the case study. Juntrax | Contact Download the Case Study! Please fill the below information to download this case study. Name* Work Email* Company […]<\/p>\n","protected":false},"author":1,"featured_media":200,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","content-type":"","footnotes":""},"categories":[17,18,19,20,21],"tags":[],"class_list":["post-192","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-business","category-consultancy","category-finance","category-management","category-strategy"],"jetpack_featured_media_url":"https:\/\/juntrax.com\/case-studies\/wp-content\/uploads\/2025\/07\/Rectangle-7.jpg","_links":{"self":[{"href":"https:\/\/juntrax.com\/case-studies\/wp-json\/wp\/v2\/posts\/192","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/juntrax.com\/case-studies\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/juntrax.com\/case-studies\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/juntrax.com\/case-studies\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/juntrax.com\/case-studies\/wp-json\/wp\/v2\/comments?post=192"}],"version-history":[{"count":9,"href":"https:\/\/juntrax.com\/case-studies\/wp-json\/wp\/v2\/posts\/192\/revisions"}],"predecessor-version":[{"id":204,"href":"https:\/\/juntrax.com\/case-studies\/wp-json\/wp\/v2\/posts\/192\/revisions\/204"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/juntrax.com\/case-studies\/wp-json\/wp\/v2\/media\/200"}],"wp:attachment":[{"href":"https:\/\/juntrax.com\/case-studies\/wp-json\/wp\/v2\/media?parent=192"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/juntrax.com\/case-studies\/wp-json\/wp\/v2\/categories?post=192"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/juntrax.com\/case-studies\/wp-json\/wp\/v2\/tags?post=192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}