{"id":33,"date":"2019-11-22T13:03:10","date_gmt":"2019-11-22T13:03:10","guid":{"rendered":"https:\/\/www.penkode.com\/?page_id=33"},"modified":"2023-02-13T13:59:55","modified_gmt":"2023-02-13T12:59:55","slug":"el-proceso","status":"publish","type":"page","link":"https:\/\/www.penkode.com\/es\/el-proceso\/","title":{"rendered":"El Proceso"},"content":{"rendered":"\n<p>Mi proceso de dise\u00f1o y desarrollo en un proyecto web comienza con una comprensi\u00f3n clara de los requisitos del proyecto y la investigaci\u00f3n de cualquier tecnolog\u00eda o herramienta relevante. Luego, creo una estructura b\u00e1sica y un prototipo de baja fidelidad antes de implementar la funcionalidad completa y asegurarme de que el sitio sea accesible y compatible con diferentes dispositivos.<\/p>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">1.La elecci\u00f3n de un buen servidor<\/h2>\n\n\n\n<p>La primera etapa de cualquier desarrollo web es ayudar al cliente a elegir una empresa de alojamiento. Estar atento a este detalle es muy importante. El funcionamiento de todos los m\u00f3dulos PHP (el n\u00facleo de WordPress), la velocidad de respuesta y el SEO dependen directamente de un servidor bien configurado.<\/p>\n\n\n\n<div class=\"wp-block-cover aligncenter is-light\" style=\"min-height:157px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-100 has-background-dim\" style=\"background-color:#03a9f5\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<a href=\"https:\/\/clientes.sered.net\/aff.php?aff=5045\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"http:\/\/clientes.sered.net\/images\/afiliados\/468por60.png\" border=\"0\"><\/a>\n<\/div><\/div>\n\n\n\n<div style=\"height:110px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">2.Instalaci\u00f3n y configuraci\u00f3n del WordPress<\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"235\" src=\"https:\/\/www.penkode.com\/wp-content\/uploads\/2019\/12\/wordpress-paginas-web-1024x235.jpg\" alt=\"\" class=\"wp-image-222\" srcset=\"https:\/\/www.penkode.com\/wp-content\/uploads\/2019\/12\/wordpress-paginas-web-1024x235.jpg 1024w, https:\/\/www.penkode.com\/wp-content\/uploads\/2019\/12\/wordpress-paginas-web-300x69.jpg 300w, https:\/\/www.penkode.com\/wp-content\/uploads\/2019\/12\/wordpress-paginas-web-768x176.jpg 768w, https:\/\/www.penkode.com\/wp-content\/uploads\/2019\/12\/wordpress-paginas-web.jpg 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>El&nbsp;<strong>CMS&nbsp;(WordPress)<\/strong> es la plataforma que permite que, entre otras cosas, una pagina web sea gestionada por el propio cliente. Su instalaci\u00f3n depende mucho de c\u00f3mo el servidor elegido est\u00e9 configurado y actualizado, tanto en niveles de seguridad cuanto de herramientas disponibles.<\/p>\n\n\n\n<div style=\"height:110px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">3.Wireframes, diagramas y prototipos<\/h2>\n\n\n\n<p>El &#8220;wireframe&#8221; es un borrador del dise\u00f1o de la p\u00e1gina web solicitada por el cliente, con cierto grado de precisi\u00f3n sobre el contenido y la estructura gr\u00e1fica de la misma sin llegar a la etapa final del dise\u00f1o.<\/p>\n\n\n\n<p>El desconocimiento de esta poderosa etapa de la creaci\u00f3n hace con que el wireframe sea olvidado en la gran mayor\u00eda de los proyectos de Internet. Adem\u00e1s del substancial ahorro de tiempo, cliente y dise\u00f1ador pueden hacer un an\u00e1lisis m\u00e1s profundo de lo que realmente es necesario en el producto final.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"303\" src=\"https:\/\/www.penkode.com\/wp-content\/uploads\/2019\/12\/dessarrollo-web-wordpress-1024x303.jpg\" alt=\"\" class=\"wp-image-214\" srcset=\"https:\/\/www.penkode.com\/wp-content\/uploads\/2019\/12\/dessarrollo-web-wordpress-1024x303.jpg 1024w, https:\/\/www.penkode.com\/wp-content\/uploads\/2019\/12\/dessarrollo-web-wordpress-300x89.jpg 300w, https:\/\/www.penkode.com\/wp-content\/uploads\/2019\/12\/dessarrollo-web-wordpress-768x227.jpg 768w, https:\/\/www.penkode.com\/wp-content\/uploads\/2019\/12\/dessarrollo-web-wordpress.jpg 1500w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<div style=\"height:110px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">4.Dise\u00f1o UI &amp; UX<\/h2>\n\n\n\n<p>El proyecto de la creaci\u00f3n del dise\u00f1o de una p\u00e1gina web corporativa es m\u00e1s complicado de lo que puede parecer. Esta es la fase que se llevan en cuenta muchos detalles, sean t\u00e9cnicos, est\u00e9ticos o de postura de mercado.<\/p>\n\n\n\n<p>Es la hora de elecciones importantes: tipos de letras, colores de la identidad visual del cliente, conceptos de orden de marketing, como ser\u00e1 presentada la navegabilidad y la experiencia del usuario.<\/p>\n\n\n\n<p><strong>El cliente hace parte de todas las etapas del proceso<\/strong>, hasta la aprobaci\u00f3n final de la propuesta de dise\u00f1o, permitiendo que los probables cambios y ajustes de hasta los m\u00e1s m\u00ednimos detalles sean hechos de manera menos costosa posible. El proyecto final estar\u00e1 montado en capas  en <strong>Adobe XD<\/strong>. Esta es la etapa de posibles cambios en el dise\u00f1o para que luego convirtamos el <strong>dise\u00f1o (.PSD, .XD) en una plantilla WordPress personalizada<\/strong>.<\/p>\n\n\n\n<div style=\"height:110px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">5.Codificaci\u00f3n personalizada<\/h2>\n\n\n\n<p><strong>Cada plantilla (tema\/template) de WordPress, para cada cliente, est\u00e1 hecha desde cero sobre el framework (marco de trabajo) Penkode<\/strong>. Este framework propietario posee todas las especificaciones modernas de HTML 5 y CSS3.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"345\" src=\"https:\/\/www.penkode.com\/wp-content\/uploads\/2019\/12\/code-1024x345.jpg\" alt=\"\" class=\"wp-image-252\" srcset=\"https:\/\/www.penkode.com\/wp-content\/uploads\/2019\/12\/code-1024x345.jpg 1024w, https:\/\/www.penkode.com\/wp-content\/uploads\/2019\/12\/code-300x101.jpg 300w, https:\/\/www.penkode.com\/wp-content\/uploads\/2019\/12\/code-768x259.jpg 768w, https:\/\/www.penkode.com\/wp-content\/uploads\/2019\/12\/code-1536x518.jpg 1536w, https:\/\/www.penkode.com\/wp-content\/uploads\/2019\/12\/code-2048x690.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Tambi\u00e9n proporciona el uso de Font Awesome Icons, AOS CSS Animations, Bootstrap 2.0 y otras funcionalidades. Trabajamos con SAAS para compilar una hoja de estilo CSS final limpia y actual.<\/p>\n\n\n\n<div style=\"height:110px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">6.Apoyo y entrenamiento al cliente<\/h2>\n\n\n\n<p>Aunque las plataformas de CMS sean bastante intuitivas, lo que permite que los usuarios tengan mucha facilidad en usar y gestionar esta tecnolog\u00eda, el apoyo inicial es fundamental para que los clientes puedan apoderarse de las herramientas.<\/p>\n\n\n\n<p>Superar la constante dependencia externa para el mantenimiento de su p\u00e1gina web es tambi\u00e9n una etapa muy importante del proceso. Es fundamental que el cliente entienda y sepa adaptarse de manera aut\u00f3noma y c\u00f3moda al uso de cualquier herramienta y disfrute de la tecnolog\u00edas de la informaci\u00f3n que est\u00e9 comprando.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mi proceso de dise\u00f1o y desarrollo en un proyecto web comienza con una comprensi\u00f3n clara de los requisitos del proyecto y la investigaci\u00f3n de cualquier tecnolog\u00eda o herramienta relevante. Luego, creo una estructura b\u00e1sica y un prototipo de baja fidelidad antes de implementar la funcionalidad completa y asegurarme de que el sitio sea accesible y [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-33","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>El Proceso | A tu lado construyendo aplicaciones web<\/title>\n<meta name=\"description\" content=\"Cada plantilla (tema\/template) de WordPress est\u00e1 hecha desde cero sobre el framework (marco de trabajo) Penkode. El dise\u00f1o convertido en WordPress.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.penkode.com\/es\/el-proceso\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"El Proceso | A tu lado construyendo aplicaciones web\" \/>\n<meta property=\"og:description\" content=\"Cada plantilla (tema\/template) de WordPress est\u00e1 hecha desde cero sobre el framework (marco de trabajo) Penkode. El dise\u00f1o convertido en WordPress.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.penkode.com\/es\/el-proceso\/\" \/>\n<meta property=\"og:site_name\" content=\"A tu lado construyendo aplicaciones web\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-13T12:59:55+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/clientes.sered.net\/images\/afiliados\/468por60.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.penkode.com\\\/es\\\/el-proceso\\\/\",\"url\":\"https:\\\/\\\/www.penkode.com\\\/es\\\/el-proceso\\\/\",\"name\":\"El Proceso | A tu lado construyendo aplicaciones web\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.penkode.com\\\/pt-br\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.penkode.com\\\/es\\\/el-proceso\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.penkode.com\\\/es\\\/el-proceso\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/clientes.sered.net\\\/images\\\/afiliados\\\/468por60.png\",\"datePublished\":\"2019-11-22T13:03:10+00:00\",\"dateModified\":\"2023-02-13T12:59:55+00:00\",\"description\":\"Cada plantilla (tema\\\/template) de WordPress est\u00e1 hecha desde cero sobre el framework (marco de trabajo) Penkode. El dise\u00f1o convertido en WordPress.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.penkode.com\\\/es\\\/el-proceso\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.penkode.com\\\/es\\\/el-proceso\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.penkode.com\\\/es\\\/el-proceso\\\/#primaryimage\",\"url\":\"http:\\\/\\\/clientes.sered.net\\\/images\\\/afiliados\\\/468por60.png\",\"contentUrl\":\"http:\\\/\\\/clientes.sered.net\\\/images\\\/afiliados\\\/468por60.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.penkode.com\\\/es\\\/el-proceso\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/www.penkode.com\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"El Proceso\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.penkode.com\\\/pt-br\\\/#website\",\"url\":\"https:\\\/\\\/www.penkode.com\\\/pt-br\\\/\",\"name\":\"A tu lado construyendo aplicaciones web\",\"description\":\"Dise\u00f1o &amp; Desarrollo de aplicaciones web desacopladas\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.penkode.com\\\/pt-br\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.penkode.com\\\/pt-br\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.penkode.com\\\/pt-br\\\/#organization\",\"name\":\"Penkode\",\"url\":\"https:\\\/\\\/www.penkode.com\\\/pt-br\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.penkode.com\\\/pt-br\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.penkode.com\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/penkode_logo.png\",\"contentUrl\":\"https:\\\/\\\/www.penkode.com\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/penkode_logo.png\",\"width\":391,\"height\":192,\"caption\":\"Penkode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.penkode.com\\\/pt-br\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/company\\\/penkode\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"El Proceso | A tu lado construyendo aplicaciones web","description":"Cada plantilla (tema\/template) de WordPress est\u00e1 hecha desde cero sobre el framework (marco de trabajo) Penkode. El dise\u00f1o convertido en WordPress.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.penkode.com\/es\/el-proceso\/","og_locale":"es_ES","og_type":"article","og_title":"El Proceso | A tu lado construyendo aplicaciones web","og_description":"Cada plantilla (tema\/template) de WordPress est\u00e1 hecha desde cero sobre el framework (marco de trabajo) Penkode. El dise\u00f1o convertido en WordPress.","og_url":"https:\/\/www.penkode.com\/es\/el-proceso\/","og_site_name":"A tu lado construyendo aplicaciones web","article_modified_time":"2023-02-13T12:59:55+00:00","og_image":[{"url":"http:\/\/clientes.sered.net\/images\/afiliados\/468por60.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.penkode.com\/es\/el-proceso\/","url":"https:\/\/www.penkode.com\/es\/el-proceso\/","name":"El Proceso | A tu lado construyendo aplicaciones web","isPartOf":{"@id":"https:\/\/www.penkode.com\/pt-br\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.penkode.com\/es\/el-proceso\/#primaryimage"},"image":{"@id":"https:\/\/www.penkode.com\/es\/el-proceso\/#primaryimage"},"thumbnailUrl":"http:\/\/clientes.sered.net\/images\/afiliados\/468por60.png","datePublished":"2019-11-22T13:03:10+00:00","dateModified":"2023-02-13T12:59:55+00:00","description":"Cada plantilla (tema\/template) de WordPress est\u00e1 hecha desde cero sobre el framework (marco de trabajo) Penkode. El dise\u00f1o convertido en WordPress.","breadcrumb":{"@id":"https:\/\/www.penkode.com\/es\/el-proceso\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.penkode.com\/es\/el-proceso\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.penkode.com\/es\/el-proceso\/#primaryimage","url":"http:\/\/clientes.sered.net\/images\/afiliados\/468por60.png","contentUrl":"http:\/\/clientes.sered.net\/images\/afiliados\/468por60.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.penkode.com\/es\/el-proceso\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.penkode.com\/es\/"},{"@type":"ListItem","position":2,"name":"El Proceso"}]},{"@type":"WebSite","@id":"https:\/\/www.penkode.com\/pt-br\/#website","url":"https:\/\/www.penkode.com\/pt-br\/","name":"A tu lado construyendo aplicaciones web","description":"Dise\u00f1o &amp; Desarrollo de aplicaciones web desacopladas","publisher":{"@id":"https:\/\/www.penkode.com\/pt-br\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.penkode.com\/pt-br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.penkode.com\/pt-br\/#organization","name":"Penkode","url":"https:\/\/www.penkode.com\/pt-br\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.penkode.com\/pt-br\/#\/schema\/logo\/image\/","url":"https:\/\/www.penkode.com\/wp-content\/uploads\/2020\/05\/penkode_logo.png","contentUrl":"https:\/\/www.penkode.com\/wp-content\/uploads\/2020\/05\/penkode_logo.png","width":391,"height":192,"caption":"Penkode"},"image":{"@id":"https:\/\/www.penkode.com\/pt-br\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/penkode"]}]}},"_links":{"self":[{"href":"https:\/\/www.penkode.com\/es\/wp-json\/wp\/v2\/pages\/33","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.penkode.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.penkode.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.penkode.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.penkode.com\/es\/wp-json\/wp\/v2\/comments?post=33"}],"version-history":[{"count":23,"href":"https:\/\/www.penkode.com\/es\/wp-json\/wp\/v2\/pages\/33\/revisions"}],"predecessor-version":[{"id":873,"href":"https:\/\/www.penkode.com\/es\/wp-json\/wp\/v2\/pages\/33\/revisions\/873"}],"wp:attachment":[{"href":"https:\/\/www.penkode.com\/es\/wp-json\/wp\/v2\/media?parent=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}