El proyecto var\u00eda considerablemente en funci\u00f3n del resultado que necesites y del tipo de proveedor con el que trabajes. A grandes rasgos, puedes subcontratar el dise\u00f1o de la identidad corporativa<\/a>, el desarrollo del sitio web o ambas cosas. Tambi\u00e9n puedes elegir un\/a desarrollador\/a web freelance<\/a> o una agencia web.<\/p>\n El proyecto que incluya el la constituci\u00f3n de la identificad gr\u00e1fica ser\u00e1 ante todo una fuente de inspiraci\u00f3n. Debe describir la impresi\u00f3n general y las sensaciones que deseas trasmitir cuando los usuarios naveguen por tu sitio web. Bas\u00e1ndose en eso, el proveedor elegir\u00e1 los colores, formas, tipograf\u00edas, etc. que mejor se ajustan. Crea tu p\u00e1gina web gratis con Wix, uno de los mejores programas del mercado<\/p>\r\n Descubre Wix<\/a><\/p>\r\n Por el contrario, el proyecto que se limita al dise\u00f1o de una web a partir de una identidad gr\u00e1fica ya creada ser\u00e1 m\u00e1s concreto. Se tratar\u00e1 de una planificaci\u00f3n del trabajo que precise tus objetivos, el contenido y el funcionamiento del sitio web.<\/p>\n Para ayudarte a redactar tu proyecto de p\u00e1gina web, vamos a compartir una lista de los principales elementos que se suelen incluir en \u00e9l.<\/p>\n Esta secci\u00f3n es crucial si buscas externalizar la gesti\u00f3n del dise\u00f1o de tu identidad corporativa: logo<\/a>, colores, estilo, etc.<\/p>\n Ejemplo de p\u00e1gina principal del sitio web de Carrefour<\/em><\/p>\n Para cada \u00abmodelo\u00bb de p\u00e1gina web, puede resultar \u00fatil facilitar un esquema funcional o wireframe, que presenta la estructura y las vistas de la p\u00e1gina web con la ubicaci\u00f3n de los diferentes tipos de contenido. Facilitan considerablemente las pruebas de visualizaci\u00f3n.<\/p>\n <\/p>\n <\/i>Descubre los mejores software para crear maquetas en un sitio web (Wireframes)<\/a><\/p>\n Para cada \u00abm\u00f3dulo\u00bb o funcionalidad espec\u00edfica, debes tratar de describir el funcionamiento general, poni\u00e9ndote siempre en la piel del usuario. De esta forma, orientar\u00e1s el trabajo del desarrollador para que se adapte a lo que buscas.<\/p>\n <\/i>Crear una p\u00e1gina web: estimaci\u00f3n de precio personalizada<\/span> En el \u00e1mbito de la planificaci\u00f3n de p\u00e1ginas web, a menudo se usan los dos t\u00e9rminos de forma intercambiable para referirse al mismo tipo de documento. Aunque es cierto que guardan bastantes similitudes, hay alguna diferencia entre ellos. El t\u00e9rmino \u00abproyecto\u00bb o \u00abbriefing\u00bb se asocia frecuentemente con documentos creativos en el \u00e1mbito de la comunicaci\u00f3n, mientras que un pliego de especificaciones o condiciones<\/a> es m\u00e1s espec\u00edfico y se suele emplear en proyectos inform\u00e1ticos como la creaci\u00f3n de un sitio web. En \u00e9l, se detallan las herramientas, indicaciones para el Project Manager<\/em>\u00a0y tareas necesarias para la ejecuci\u00f3n.<\/p>\n Plantilla de pliego de especificaciones de un sitio web descargable de Webolto<\/em><\/p>\n En general, el t\u00e9rmino \u00abpliego de condiciones\u00bb se usa m\u00e1s a menudo en un proyecto digital de envergadura donde el cliente planifica con detalle las funcionalidades que debe tener su sitio web (sobre todo cuando salen a concurso p\u00fablico, aunque no solo en esos casos). Cuando se trata de un sitio web sencillo<\/a>, lo m\u00e1s frecuente es hablar de un proyecto o de un \u00abbriefing\u00bb.<\/p>\n Por lo tanto, si debemos sacar alguna conclusi\u00f3n, es que la diferencia entre un pliego de condiciones y un proyecto de p\u00e1gina web no sigue una regla estricta. El proyecto o \u00abbriefing\u00bb es el documento m\u00e1s adaptable que se ajusta a cada momento del desarrollo y transmite el mensaje clave a los proveedores, incluyendo las vistas previas, las pruebas necesarias y los entregables esperados.<\/p>\n No existe un formato o tama\u00f1o est\u00e1ndar para el proyecto web; todo var\u00eda seg\u00fan el contexto del negocio y los objetivos espec\u00edficos. Generalmente, el proyecto de un sitio web tipo vitrina abarca entre 3-5 p\u00e1ginas, mientras que un sitio web de comercio electr\u00f3nico<\/a> puede requerir de 8-10 p\u00e1ginas. Un sitio web m\u00e1s complejo, quiz\u00e1s en su versi\u00f3n final antes del lanzamiento, y que incluya \u00e1reas espec\u00edficas para clientes y opciones de administraci\u00f3n, podr\u00eda extenderse a varias decenas de p\u00e1ginas. En cuanto al formato, el proyecto suele redactarse en Word y entregarse en formato PDF para facilitar su revisi\u00f3n en cada momento y en diferentes etapas.<\/p>\n
\n![\"Wix\"\/](\"https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2021\/03\/logo_wix.png\"){kind=logo}
<\/div>\r\nIntroducci\u00f3n<\/h3>\n
\n
I. Presentaci\u00f3n general del proyecto<\/h3>\n
A. Empresa<\/h4>\n
\n
B. Sitio web<\/h4>\n
\n
II. Mercado objetivo<\/h3>\n
A. P\u00fablico objetivo<\/h4>\n
\n
B. Competencia<\/h4>\n
\n
III. Identidad visual<\/h3>\n
A. Identidad actual<\/h4>\n
\n
B. Impresi\u00f3n general<\/h4>\n
\n
![\"Ejemplo](\"\/es\/wp-content\/uploads\/sites\/2\/2021\/07\/Carrefour-homepage-1024x547.jpg\")
<\/p>\nC. Inspiraciones<\/h4>\n
\n
IV. Descripci\u00f3n del sitio web<\/h3>\n
A. \u00c1rbol web<\/h4>\n
![\"Proyecto](\"\/es\/wp-content\/uploads\/sites\/2\/2020\/04\/arbol-web-imagen-destacada.gif\")
Para ofrecer una visi\u00f3n global del proyecto, resulta muy \u00fatil incluir un \u00e1rbol web<\/a> con las secciones principales, secciones secundarias y funcionalidades, o al menos un boceto. Puedes utilizar varios colores para diferenciar, por ejemplo, las p\u00e1ginas simples de los \u00abm\u00f3dulos\u00bb, que son grupos de p\u00e1ginas web que hay que planificar por separado (por ejemplo, en una tienda online, los productos de una determinada categor\u00eda).<\/p>\n<\/h4>\n
B. Esquema de las principales p\u00e1ginas web<\/h4>\n
![\"Ejemplo](\"\/es\/wp-content\/uploads\/sites\/2\/2020\/10\/brief-exemple-wireframe.jpg\")
<\/p>\nC. Principales funcionalidades<\/h4>\n
\nWebolto ha desarrollado una plantilla que te permite obtener de forma gratuita una estimaci\u00f3n de precio detallada y una selecci\u00f3n de programas adaptados a tus necesidades para la creaci\u00f3n de tu p\u00e1gina web. Puedes consultar m\u00e1s informaci\u00f3n en nuestro art\u00edculo \u00bfCu\u00e1nto cuesta crear una p\u00e1gina web?<\/strong><\/a>.<\/p>\nV. \u00c1mbito general del proyecto<\/h3>\n
A. Servicios incluidos en el proyecto<\/h4>\n
\n
B. Organizaci\u00f3n<\/h4>\n
\n
<\/a>Otras claves para redactar un buen proyecto web<\/h2>\n
Pliego de especificaciones y proyecto web<\/h3>\n
![\"Pliego](\"\/es\/wp-content\/uploads\/sites\/2\/2021\/02\/Pliego-de-condiciones-Webolto-1024x625.jpg\")
<\/p>\nFormato y tama\u00f1o del proyecto web<\/h3>\n