{"id":10275,"date":"2026-07-03T15:36:36","date_gmt":"2026-07-03T15:36:36","guid":{"rendered":"https:\/\/datdesignlab.com\/?page_id=10275"},"modified":"2026-10-19T14:32:44","modified_gmt":"2026-10-19T14:32:44","slug":"rediseno-sitio-web-bus24","status":"publish","type":"page","link":"https:\/\/datdesignlab.com\/es\/portfolio\/bus24-website-redesign\/","title":{"rendered":"Caso de estudio: redise\u00f1o web y SEO de Bus24 | Dat Design Lab"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10275\" class=\"elementor elementor-10275\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-03ae35f e-flex e-con-boxed e-con e-parent\" data-id=\"03ae35f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-324126f elementor-widget elementor-widget-html\" data-id=\"324126f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .cs-hero{position:relative;overflow:hidden;background:#0a0a0a;color:#fff;border-radius:var(--radius-lg);margin:12px var(--panel-inset) 0;\r\n    padding:clamp(70px,10vw,110px) var(--pad) clamp(96px,13vw,150px);text-align:center}\r\n  \/* featured image behind the hero, darkened so text stays readable *\/\r\n  .cs-hero::before{content:\"\";position:absolute;inset:-30px;z-index:0;\r\n    background:url('\/wp-content\/uploads\/2026\/10\/featured-bus24-scaled.webp') center\/cover;filter:blur(14px) brightness(.32)}\r\n  .cs-hero>*{position:relative;z-index:1}\r\n  .cs-hero h1{color:#fff;font-size:clamp(30px,5vw,52px);max-width:20ch;margin:0 auto;line-height:1.08}\r\n  .cs-hero__sub{color:rgba(255,255,255,.72);font-size:clamp(15px,1.8vw,18px);max-width:54ch;margin:18px auto 0}\r\n  .cs-hero__meta{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:780px;margin:40px auto 0;\r\n    padding-top:26px;border-top:1px solid rgba(255,255,255,.15)}\r\n  .cs-hero__meta span{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:7px}\r\n  .cs-hero__meta b{color:#fff;font-family:var(--font-head);font-weight:500;font-size:15px}\r\n  .cs-heroimg{max-width:1000px;margin:-72px auto 0;padding:0 var(--pad);position:relative;z-index:2}\r\n  .cs-heroimg img,.cs-heroimg video{width:100%;border-radius:var(--radius);box-shadow:0 40px 80px -30px rgba(0,0,0,.5);background:#0a0a0a;display:block}\r\n  .cs-heroimg video{aspect-ratio:16\/9;object-fit:cover}\r\n  .cs-crumb{text-align:center;color:var(--muted-2);font-size:13px;margin:24px 0 0}\r\n  .cs-crumb b{color:var(--ink)}\r\n  .cs-crumb a:hover{color:var(--ink)}\r\n \r\n  .cs-body{max-width:820px;margin:0 auto;padding:clamp(36px,5vw,60px) var(--pad) 0}\r\n  .cs-sec{padding:34px 0;border-bottom:1px solid var(--line)}\r\n  .cs-sec h2{font-size:clamp(22px,3vw,30px);color:var(--ink);margin:0 0 18px}\r\n  .cs-sec h3{font-family:var(--font-head);font-size:17px;color:var(--ink);margin:24px 0 8px;font-weight:600}\r\n  .cs-sec p{margin:0 0 16px;color:var(--muted);font-size:17px}\r\n  .cs-sec ul{margin:0 0 6px;padding-left:20px;color:var(--muted)}\r\n  .cs-sec li{margin-bottom:7px;font-size:16px}\r\n  .cs-sec li b{color:var(--ink)}\r\n \r\n  .cs-quote{max-width:820px;margin:40px auto 0;background:var(--card);border-radius:var(--radius);padding:34px;\r\n    display:flex;gap:22px;align-items:flex-start}\r\n  .cs-quote__main{flex:1}\r\n  .cs-quote .stars{color:var(--accent);letter-spacing:3px;font-size:15px;margin-bottom:14px}\r\n  .cs-quote p{font-size:18px;color:var(--ink-2);margin:0 0 18px;line-height:1.6}\r\n  .cs-quote .who{font-weight:600;color:var(--ink)}\r\n  .cs-quote .who span{color:var(--muted-2);font-weight:400}\r\n  .cs-quote__logo{width:46px;height:46px;border-radius:50%;background:#f0f0f0;flex:none;object-fit:contain;padding:8px}\r\n \r\n  .cs-nav{max-width:1100px;margin:52px auto 0;padding:24px var(--pad) 0;border-top:1px solid var(--line);\r\n    display:flex;justify-content:space-between;gap:16px;font-family:var(--font-head);flex-wrap:wrap;font-size:16px}\r\n  .cs-nav a{color:var(--ink)}.cs-nav a:hover{color:var(--accent-ink)}\r\n  .cs-nav a.disabled{color:var(--muted-2);pointer-events:none}\r\n \r\n  .cs-cta{text-align:center;padding:clamp(60px,9vw,110px) var(--pad) clamp(50px,7vw,80px)}\r\n  .cs-cta h2{font-size:clamp(28px,4.5vw,50px);color:var(--ink);max-width:22ch;margin:0 auto;line-height:1.1}\r\n  .cs-cta h2 span{color:var(--muted-2)}\r\n  .cs-cta__card{display:inline-flex;align-items:center;gap:14px;background:var(--card);border-radius:999px;\r\n    padding:10px 24px 10px 10px;margin-top:34px;box-shadow:0 24px 44px -26px rgba(0,0,0,.45);text-align:left}\r\n  .cs-cta__card img{width:46px;height:46px;border-radius:50%;object-fit:cover}\r\n  .cs-cta__card b{font-family:var(--font-head);color:var(--ink);font-size:15px;display:block}\r\n  .cs-cta__card small{color:var(--muted-2);font-size:13px}\r\n  .cs-cta__card:hover{transform:translateY(-2px);transition:transform .2s}\r\n \r\n  @media(max-width:760px){\r\n    .cs-hero__meta{grid-template-columns:1fr 1fr;gap:20px}\r\n    .cs-heroimg{margin-top:-46px}\r\n    .cs-heroimg video{aspect-ratio:4\/5}\r\n    .cs-quote{flex-direction:column;gap:16px}\r\n  }\r\n<\/style>\r\n \r\n<!-- HERO -->\r\n<section class=\"cs-hero\">\r\n  <h1>Revitalizing a Transport Brand Online<\/h1>\r\n  <p class=\"cs-hero__sub\">This wasn\u2019t just a redesign. It was about building a modern digital presence that drives visibility and trust.<\/p>\r\n  <div class=\"cs-hero__meta\">\r\n    <div><span>Services<\/span><b>Website Design, WordPress Development &amp; On-Page SEO<\/b><\/div>\r\n    <div><span>Client<\/span><b>Bus24<\/b><\/div>\r\n    <div><span>Industry<\/span><b>Passenger Transportation<\/b><\/div>\r\n    <div><span>Location<\/span><b>Poland<\/b><\/div>\r\n  <\/div>\r\n<\/section>\r\n<div class=\"cs-heroimg\">\r\n  <!-- Case study video: 16:9 on desktop\/tablet, 4:5 on phones. Only one file is downloaded. -->\r\n  <video class=\"cs-video\" muted loop playsinline preload=\"none\"\r\n    data-src-desktop=\"\/wp-content\/uploads\/2026\/10\/bus24-case-study-16x9-1.mp4\"\r\n    data-src-mobile=\"\/wp-content\/uploads\/2026\/10\/bus24-case-study-4x5-1.mp4\"\r\n    data-poster-desktop=\"\/wp-content\/uploads\/2026\/10\/bus24-case-study-poster-16x9-1.webp\"\r\n    data-poster-mobile=\"\/wp-content\/uploads\/2026\/10\/bus24-case-study-poster-4x5-1.webp\"\r\n    aria-label=\"Bus24 website redesign: the old site, the new site, and the results\"><\/video>\r\n<\/div>\r\n<script>\r\n(function(){\r\n  var v=document.querySelector('.cs-video'); if(!v) return;\r\n  var m=window.matchMedia('(max-width:760px)').matches;\r\n  v.poster=v.dataset[m?'posterMobile':'posterDesktop'];\r\n  v.src=v.dataset[m?'srcMobile':'srcDesktop'];\r\n  if(!window.matchMedia('(prefers-reduced-motion: reduce)').matches){ v.autoplay=true; v.play().catch(function(){}); }\r\n})();\r\n<\/script>\r\n<p class=\"cs-crumb\"><a href=\"\/\">Home<\/a> \/ <a href=\"\/portfolio\/\">Portfolio<\/a> \/ <b>Bus24<\/b><\/p>\r\n \r\n<div class=\"cs-body\">\r\n  <!-- CHALLENGE -->\r\n  <section class=\"cs-sec\">\r\n    <h2>The Challenge<\/h2>\r\n    <p><b>Bus24<\/b>, a passenger transportation company, had an outdated website that struggled to attract traffic. The design was visually outdated, not user-friendly, and lacked SEO optimization, making it difficult for potential customers to find and engage with the service.<\/p>\r\n    <p>The goal was to revamp Bus24\u2019s website while maintaining the brand identity, creating a modern, visually appealing, and easy-to-navigate platform that would improve user experience and search visibility.<\/p>\r\n  <\/section>\r\n \r\n  <!-- APPROACH -->\r\n  <section class=\"cs-sec\">\r\n    <h2>Strategic Design Approach<\/h2>\r\n    <h3>Research &amp; Competitor Analysis<\/h3>\r\n    <ul>\r\n      <li>Evaluated industry-leading transportation websites to identify best practices in UX, SEO, and design trends.<\/li>\r\n      <li>Audited the existing site\u2019s weak points, including navigation issues and underperforming content.<\/li>\r\n    <\/ul>\r\n    <h3>Wireframing &amp; UX Improvements<\/h3>\r\n    <ul>\r\n      <li>Designed user-friendly wireframes in Figma, prioritizing simple navigation and accessibility.<\/li>\r\n      <li>Collected user feedback to refine layouts, ensuring an intuitive experience.<\/li>\r\n    <\/ul>\r\n    <h3>Website Development &amp; SEO Integration<\/h3>\r\n    <ul>\r\n      <li>Built the site in WordPress with Elementor, focusing on responsive design for desktop and mobile users.<\/li>\r\n      <li>Implemented SEO best practices: optimized meta tags, keywords, and image alt text to improve search rankings.<\/li>\r\n    <\/ul>\r\n    <h3>Testing &amp; Launch<\/h3>\r\n    <ul>\r\n      <li>Conducted cross-browser and device testing to ensure full functionality before launch.<\/li>\r\n      <li>Made final adjustments based on feedback and launched the site with ongoing performance monitoring.<\/li>\r\n    <\/ul>\r\n  <\/section>\r\n \r\n  <!-- RESULTS -->\r\n  <section class=\"cs-sec\">\r\n    <h2>Results &amp; Impact<\/h2>\r\n    <p>After launch, Bus24 saw:<\/p>\r\n    <ul>\r\n      <li><b>3,200%<\/b> more impressions<\/li>\r\n      <li><b>300%<\/b> growth in organic traffic<\/li>\r\n      <li><b>125%<\/b> more organic keywords ranked<\/li>\r\n      <li>Enhanced online visibility<\/li>\r\n      <li>Improved search engine rankings<\/li>\r\n      <li>Increased customer engagement<\/li>\r\n      <li>Brand consistency<\/li>\r\n    <\/ul>\r\n  <\/section>\r\n \r\n  <!-- DELIVERED -->\r\n  <section class=\"cs-sec\">\r\n    <h2>What I Delivered<\/h2>\r\n    <ul>\r\n      <li>Full website redesign<\/li>\r\n      <li>UX audit &amp; strategic improvements<\/li>\r\n      <li>Figma wireframes<\/li>\r\n      <li>WordPress + Elementor development<\/li>\r\n      <li>On-page SEO implementation<\/li>\r\n      <li>Technical SEO &amp; performance setup<\/li>\r\n      <li>Cross-browser &amp; device testing<\/li>\r\n      <li>Hosting migration support<\/li>\r\n      <li>Post-launch optimization &amp; maintenance<\/li>\r\n    <\/ul>\r\n  <\/section>\r\n \r\n  <!-- FINAL THOUGHTS -->\r\n  <section class=\"cs-sec\" style=\"border-bottom:0\">\r\n    <h2>Final Thoughts<\/h2>\r\n    <p>The Bus24 website redesign successfully revitalized their online presence, making the platform more engaging, discoverable, and effective. This project highlights how strong UX and SEO strategies can transform a business\u2019s digital footprint.<\/p>\r\n  <\/section>\r\n<\/div>\r\n \r\n<!-- TESTIMONIAL -->\r\n<div class=\"cs-quote\">\r\n  <div class=\"cs-quote__main\">\r\n    <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n    <p>\u201cHiring Dat was the best move I ever made for my business! My old website was outdated and received no traffic. Dat created a beautiful new design in no time, and traffic started right away. I also transferred from my old hosting firm to Dat, and now I wouldn\u2019t trust my website to anyone else!\u201d<\/p>\r\n    <div class=\"who\">Leszek R. <span>\/ Founder, Bus24<\/span><\/div>\r\n  <\/div>\r\n<\/div>\r\n \r\n<!-- PREV \/ NEXT -->\r\n<div class=\"cs-nav\">\r\n  <a class=\"disabled\">\u2190<\/a>\r\n  <a href=\"\/portfolio\/replik-arsivi-app-design\/\">Designing a Cultural Soundboard App \u2192<\/a>\r\n<\/div>\r\n \r\n<!-- CTA BAND -->\r\n<section class=\"cs-cta\">\r\n  <h2>Build better, faster, and more clearly <span>with direct, expert collaboration from start to finish.<\/span><\/h2>\r\n  <a class=\"cs-cta__card\" href=\"\/contact\/\">\r\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/Dat-strategy-image-941x1024-1.webp\" alt=\"Dat Truong\">\r\n    <span><b>Get in touch<\/b><small>Let\u2019s talk about your project<\/small><\/span>\r\n  <\/a>\r\n<\/section>\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","protected":false},"excerpt":{"rendered":"<p>Revitalizing a Transport Brand Online This wasn\u2019t just a redesign. It was about building a modern digital presence that drives visibility and trust. ServicesWebsite Design, WordPress Development &amp; On-Page SEO ClientBus24 IndustryPassenger Transportation LocationPoland Home \/ Portfolio \/ Bus24 The Challenge Bus24, a passenger transportation company, had an outdated website that struggled to attract traffic. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":10857,"parent":5535,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10275","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/pages\/10275","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/comments?post=10275"}],"version-history":[{"count":21,"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/pages\/10275\/revisions"}],"predecessor-version":[{"id":10888,"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/pages\/10275\/revisions\/10888"}],"up":[{"embeddable":true,"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/pages\/5535"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/media\/10857"}],"wp:attachment":[{"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/media?parent=10275"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}