{"id":10285,"date":"2026-07-03T15:46:06","date_gmt":"2026-07-03T15:46:06","guid":{"rendered":"https:\/\/datdesignlab.com\/?page_id=10285"},"modified":"2026-10-19T14:35:17","modified_gmt":"2026-10-19T14:35:17","slug":"rediseno-pagina-de-inicio-skipthedrive","status":"publish","type":"page","link":"https:\/\/datdesignlab.com\/es\/portfolio\/skipthedrive-homepage-redesign\/","title":{"rendered":"Caso de estudio: redise\u00f1o de la p\u00e1gina de inicio de SkipTheDrive | Dat Design Lab"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"10285\" class=\"elementor elementor-10285\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e068c2 e-flex e-con-boxed e-con e-parent\" data-id=\"6e068c2\" 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-8273acc elementor-widget elementor-widget-html\" data-id=\"8273acc\" 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-skipthedrive-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{width:100%;height:auto;border-radius:var(--radius);box-shadow:0 40px 80px -30px rgba(0,0,0,.5);background:#e6e6e6;display:block}\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  .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  .cs-quote{max-width:820px;margin:40px auto 0;background:var(--card);border-radius:var(--radius);padding:34px}\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-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  .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  @media(max-width:760px){.cs-hero__meta{grid-template-columns:1fr 1fr;gap:20px}.cs-heroimg{margin-top:-46px}}\r\n<\/style>\r\n \r\n<section class=\"cs-hero\">\r\n  <h1>Redise\u00f1o de la p\u00e1gina de inicio de una bolsa de trabajo remoto<\/h1>\r\n  <p class=\"cs-hero__sub\">Un redise\u00f1o moderno de la p\u00e1gina de inicio, centrado en el usuario, que mejor\u00f3 la navegaci\u00f3n, la confianza y la interacci\u00f3n en una de las principales bolsas de trabajo remoto.<\/p>\r\n  <div class=\"cs-hero__meta\">\r\n    <div><span>Servicios<\/span><b>Redise\u00f1o UX y actualizaci\u00f3n de UI<\/b><\/div>\r\n    <div><span>Cliente<\/span><b>SkipTheDrive<\/b><\/div>\r\n    <div><span>Industria<\/span><b>Reclutamiento y selecci\u00f3n de personal<\/b><\/div>\r\n    <div><span>Ubicaci\u00f3n<\/span><b>EE. UU.<\/b><\/div>\r\n  <\/div>\r\n<\/section>\r\n<div class=\"cs-heroimg\">\r\n  <img fetchpriority=\"high\" src=\"\/wp-content\/uploads\/2026\/10\/featured-skipthedrive-scaled.webp\" alt=\"Caso de estudio del redise\u00f1o de la p\u00e1gina de inicio de SkipTheDrive\" width=\"2560\" height=\"1600\" decoding=\"async\">\r\n<\/div>\r\n<p class=\"cs-crumb\"><a href=\"\/es\/\">Inicio<\/a> \/ <a href=\"\/es\/portafolio\/\">Portafolio<\/a> \/ <b>SkipTheDrive<\/b><\/p>\r\n \r\n<div class=\"cs-body\">\r\n  <section class=\"cs-sec\">\r\n    <h2>El reto<\/h2>\r\n    <p><b>SkipTheDrive<\/b>, una bolsa de trabajo remoto fundada en 2013, ten\u00eda una p\u00e1gina de inicio anticuada que ya no respond\u00eda a lo que buscan los candidatos de hoy. La plataforma ten\u00eda poca interacci\u00f3n, una navegaci\u00f3n complicada y un dise\u00f1o visual desactualizado. A los usuarios les costaba revisar las vacantes de forma eficiente, y la falta de optimizaci\u00f3n para m\u00f3vil y de prueba social hac\u00eda la experiencia menos atractiva.<\/p>\r\n    <p>El objetivo era convertir la p\u00e1gina de inicio en una landing page m\u00e1s atractiva, accesible y pensada para convertir, que:<\/p>\r\n    <ul>\r\n      <li>Simplificara la navegaci\u00f3n para los candidatos<\/li>\r\n      <li>Destacara mejor la gran cantidad de vacantes<\/li>\r\n      <li>Aumentara la interacci\u00f3n y el tiempo en el sitio<\/li>\r\n      <li>Reforzara la confianza en la marca con prueba social<\/li>\r\n    <\/ul>\r\n  <\/section>\r\n \r\n  <section class=\"cs-sec\">\r\n    <h2>Enfoque de dise\u00f1o estrat\u00e9gico<\/h2>\r\n    <h3>Una mejor experiencia de b\u00fasqueda de empleo<\/h3>\r\n    <ul>\r\n      <li>Simplifiqu\u00e9 la secci\u00f3n \u201cBuscar por categor\u00eda\u201d con un men\u00fa desplegable para reducir el desorden.<\/li>\r\n      <li>Facilit\u00e9 encontrar vacantes con una mejor organizaci\u00f3n del contenido.<\/li>\r\n    <\/ul>\r\n    <h3>Renovaci\u00f3n visual y de contenido<\/h3>\r\n    <ul>\r\n      <li>Modernic\u00e9 la paleta de colores y los gr\u00e1ficos con un dise\u00f1o limpio y minimalista en tonos azules.<\/li>\r\n      <li>Apliqu\u00e9 estrategias de jerarqu\u00eda visual para guiar la atenci\u00f3n y la interacci\u00f3n del usuario.<\/li>\r\n    <\/ul>\r\n    <h3>Confianza y prueba social<\/h3>\r\n    <ul>\r\n      <li>Agregu\u00e9 una secci\u00f3n de testimonios con historias reales de usuarios que encontraron trabajo.<\/li>\r\n      <li>Reforc\u00e9 la credibilidad de la marca integrando contenido generado por los usuarios.<\/li>\r\n    <\/ul>\r\n    <h3>Layout responsive y centrado en el usuario<\/h3>\r\n    <ul>\r\n      <li>Cre\u00e9 una p\u00e1gina de inicio totalmente responsive, optimizada para m\u00f3vil y escritorio.<\/li>\r\n      <li>Dise\u00f1\u00e9 una navegaci\u00f3n intuitiva para buscar empleo r\u00e1pido.<\/li>\r\n    <\/ul>\r\n  <\/section>\r\n \r\n  <section class=\"cs-sec\">\r\n    <h2>Resultados y impacto<\/h2>\r\n    <p>Despu\u00e9s del lanzamiento, SkipTheDrive logr\u00f3:<\/p>\r\n    <ul>\r\n      <li><b>47%<\/b> m\u00e1s tr\u00e1fico org\u00e1nico<\/li>\r\n      <li><b>30%<\/b> m\u00e1s duraci\u00f3n de sesi\u00f3n<\/li>\r\n      <li><b>90%<\/b> de satisfacci\u00f3n de usuarios<\/li>\r\n      <li>M\u00e1s interacci\u00f3n<\/li>\r\n      <li>Mejor usabilidad<\/li>\r\n      <li>Una marca m\u00e1s presente<\/li>\r\n    <\/ul>\r\n  <\/section>\r\n \r\n  <section class=\"cs-sec\">\r\n    <h2>Lo que entregu\u00e9<\/h2>\r\n    <ul>\r\n      <li>Recomendaciones de UX y estrategia de layout<\/li>\r\n      <li>Wireframes (varias versiones de la p\u00e1gina de inicio)<\/li>\r\n      <li>Redise\u00f1o de alta fidelidad de la p\u00e1gina de inicio<\/li>\r\n      <li>Jerarqu\u00eda visual y reestructuraci\u00f3n del contenido<\/li>\r\n      <li>Dise\u00f1o responsive para escritorio y m\u00f3vil<\/li>\r\n      <li>Integraci\u00f3n de prueba social y testimonios<\/li>\r\n    <\/ul>\r\n  <\/section>\r\n \r\n  <section class=\"cs-sec\" style=\"border-bottom:0\">\r\n    <h2>Conclusiones finales<\/h2>\r\n    <p>El redise\u00f1o de la p\u00e1gina de inicio de SkipTheDrive mejor\u00f3 la experiencia de b\u00fasqueda de empleo, aument\u00f3 el tr\u00e1fico y reforz\u00f3 la confianza en la marca. Este proyecto demuestra el valor del dise\u00f1o centrado en el usuario para lograr resultados de negocio reales.<\/p>\r\n  <\/section>\r\n<\/div>\r\n \r\n<div class=\"cs-quote\">\r\n  <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n  <p>\u201c\u00a1Dat hizo un trabajo incre\u00edble con el redise\u00f1o de mi p\u00e1gina de inicio! Responde r\u00e1pido a mis preguntas y sabe much\u00edsimo de UI\/UX. Espero volver a trabajar con \u00e9l m\u00e1s adelante. \u00a1Recomiendo mucho sus servicios!\u201d<\/p>\r\n  <div class=\"who\">Peter M. <span>CEO, SkipTheDrive<\/span><\/div>\r\n<\/div>\r\n \r\n<div class=\"cs-nav\">\r\n  <a href=\"\/es\/portafolio\/diseno-app-replik-arsivi\/\">\u2190 Dise\u00f1o de una app de soundboard cultural<\/a>\r\n  <a href=\"\/es\/portafolio\/auditoria-ux-tuningbox\/\">Auditor\u00eda UX para una experiencia de e-commerce m\u00e1s fluida \u2192<\/a>\r\n<\/div>\r\n \r\n<section class=\"cs-cta\">\r\n  <h2>Construye mejor, m\u00e1s r\u00e1pido y con m\u00e1s claridad <span>con colaboraci\u00f3n directa y experta de principio a fin.<\/span><\/h2>\r\n  <a class=\"cs-cta__card\" href=\"\/es\/contacto\/\">\r\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/Dat-strategy-image-941x1024-1.webp\" alt=\"Dat Truong\">\r\n    <span><b>Ponte en contacto<\/b><small>Hablemos de tu proyecto<\/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>","protected":false},"excerpt":{"rendered":"<p>Redesigning a Remote Job Board Homepage A modern, user-focused homepage redesign that improved navigation, trust, and engagement for a leading remote job board. ServicesUX Redesign &amp; UI Refresh ClientSkipTheDrive IndustryStaffing &amp; Recruiting LocationUSA Home \/ Portfolio \/ SkipTheDrive The Challenge SkipTheDrive, a remote job board established in 2013, had an outdated homepage that no longer [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":10858,"parent":5535,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10285","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/pages\/10285","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=10285"}],"version-history":[{"count":13,"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/pages\/10285\/revisions"}],"predecessor-version":[{"id":10894,"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/pages\/10285\/revisions\/10894"}],"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\/10858"}],"wp:attachment":[{"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/media?parent=10285"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}