Diseño, desarrollo y optimización de una página web interactiva para una empresa de servicios tecnológicos

Abstract

El crecimiento y democratización de Internet ha aumentado la demanda de sitios web por parte de empresas o particulares. Por ello, el presente proyecto recorre el proceso de programación, maquetación y optimización de una página web completa para la empresa Capybara Studio. Es intención, por tanto, el rediseño del aspecto del sitio web actual, modernizando su estética y proporcionando una web atractiva y animada que potencie la imagen de cara al público de la empresa, cobrando especial valor la creación de una nueva identidad e imagen propia soportada en gráficos vectoriales. Es un factor fundamental en la evolución del proyecto el análisis de usabilidad y experiencia de usuario previo a la realización de prototipos en base a los que se construye el producto final, que es alojado en un repositorio de GitHub para un control de versiones y sobre el que se trabaja en local y es desplegado, desde la línea de comandos, por Node JS. Para llevar a cabo la maquetación responsive y creación de una estructura sólida del proyecto se ha hecho uso del framework front-end Bulma.io, favoreciendo a una correcta visualización independientemente del dispositivo usado por el usuario, y el uso de SCSS como preprocesador CSS para los estilos propios.

El creixement i democratització d'Internet ha augmentat la demanda de llocs web per part d'empreses o particulars. Per això, el present projecte recorre el procés de programació, maquetació i optimització d'una pàgina web completa per a l'empresa Capybara Studio. És intenció, per tant, el redissenyo de l'aspecte del lloc web actual, modernitzant la seva estètica i proporcionant una web atractiva i animada que potenciï la imatge de cara al públic de l'empresa, cobrant especial valor la creació d'una nova identitat i imatge pròpia suportada en gràfics vectorials. És un factor fonamental en l'evolució del projecte l'anàlisi d'usabilitat i experiència d'usuari previ a la realització de prototips sobre la base dels quals es construeix el producte final, que és allotjat en un repositori de GitHub per a un control de versions i sobre el que es treballa en local i és desplegat, des de la línia de comandos, per Node JS. Per a dur a terme la maquetació responsive i creació d'una estructura sòlida del projecte s'ha fet ús del framework front-end Bulma.io, afavorint a una correcta visualització independentment del dispositiu usat per l'usuari, i l'ús de SCSS com preprocesador CSS per als estils propis.

The growth and democratization of the Internet has brought an increase of the demand for websites from companies and individuals. For that reason, this project outlines the process of programming, layout and optimization of one full website for the company Capybara Studio. The aim is then to redesign the visual aspect of the current site, modernizing its aesthetics and providing an atractive and animated website that favours the public image of the company, focusing on the generation of a new and unique corporate image based on vector graphics The usability analysis and customer experience previous to the realization of prototypes used for the construction of the final product is considered a fundamental factor in the evolution of this project, which has been stored in a GitHub repository for version control; and for which work has been carried out in a local server environment, supported by Node JS technology. The achievement of a corrective responsive layout has been founded on a solid, optimal and robust structure of the markup code due to the use of Bulma.io framework. This has led to correct visualization of the product irrespective of the deviced used by the customer. This correct personalised visualization has been enhanced and supplemented by the use of CSS preprocessors, in this particular case, SCSS.