<flashback>Hola gente, algunos recordarán uno de mis últimos post en donde conté como comenzamos, junto con un colega, nuestro proyecto de agencia de diseño y desarrollo digital, para quienes no sepan de que estoy hablando he aquí el post:
Hoy después de mucho tiempo, idas y vueltas, proyectos concretados, altas y bajas, les quiero mostrar nuestro sitio web diseñado y desarrollado enteramente por nosotros... </flashback>
Hace unos días subí un post en donde les compartí el sitio, pero tras analizar las críticas y evaluar varios aspectos del mismo decidimos efectuar varios cambios en la estructura y la información y nos dimos cuenta de que carecía de varios elementos fundamentales.
Hoy quiero volver a compartirles los avances de nuestro proyecto que involucran también el rediseño de nuestra marca (isologotypo) y contarles con más detalles algunos aspectos fundamentales con el fin de compartir opiniones.
para quienes quieran ver la página directamente, el link está al final del post
En primer lugar, como ya mencioné, quiero mostrarles de manera breve el rediseño de nuestro isologotipo:
El cambio se pensó en función a mejorar la dinámica de las formas, así como también la solidez y adaptabilidad. La mejora estética puede no ser muy significativa, pero en cuanto a parámetros de calidad el cambio resultó muy favorable.
El cambio de la marca nos sirvió como motivación para concretar de una vez por todas nuestra pagina web, cuyo contenido venimos trabajando desde hace más de un año.
En primer lugar les quiero comentar un poco acerca de la estructura general, su adaptabilidad y estilo visual.
Nuestra web debía ser un reflejo fiel de nuestra capacidad de diseño y maquetado (más allá de que no aplicamos demasiada complejidad en el desarrollo) así que intentamos darle algunos detalles que la hagan singular.
Lo más importante era pensar el sitio de manera tal que fuera responsive (que se adapte a todos los dispositivos de forma automática), pero que no se tratara solo de un re-escalamiento del contenido, por lo tanto pensamos la versión mobile en función de un diseño diferente, no solo adaptado, sino pensado para teléfonos.
Para el diseño del contenido visual utilizamos muchos softwares de diseño como Photoshop, Illustrator, Animate, etc... en cuanto a lenguajes de maquetado y programación, utilizamos HTML, CSS, JAVA SCRIPT y algo de PHP.
Empecemos con el HOME
Versión de escritorio
Versión para teléfonos
Como puede ver, el primer vistazo de nuestro sitio no revela demasiado acerca de nuestra actividad o servicios, muchos podrán criticar esta decisión, pero para nosotros fue una buena idea. Lo primero que vemos y que más llama nuestra atención es un botón de acción que nos invita a oprimirlo, una vez hecho eso el sitio hará un scroll suave hasta la sección siguiente ''quienes somos'' revelando un efecto de Parallax que hace que el paisaje adquiera profundidad.
En la versión para teléfonos u otros dispositivos similares reemplazamos el menú horizontal por un ''menú hamburgueza''.
La estructura de la página continúa de la siguiente manera:
Versión para escritorio
Versión para teléfonos
Sin más preámbulos aquí está el
Hoy después de mucho tiempo, idas y vueltas, proyectos concretados, altas y bajas, les quiero mostrar nuestro sitio web diseñado y desarrollado enteramente por nosotros... </flashback>
Hace unos días subí un post en donde les compartí el sitio, pero tras analizar las críticas y evaluar varios aspectos del mismo decidimos efectuar varios cambios en la estructura y la información y nos dimos cuenta de que carecía de varios elementos fundamentales.
Hoy quiero volver a compartirles los avances de nuestro proyecto que involucran también el rediseño de nuestra marca (isologotypo) y contarles con más detalles algunos aspectos fundamentales con el fin de compartir opiniones.
para quienes quieran ver la página directamente, el link está al final del post
En primer lugar, como ya mencioné, quiero mostrarles de manera breve el rediseño de nuestro isologotipo:
El cambio se pensó en función a mejorar la dinámica de las formas, así como también la solidez y adaptabilidad. La mejora estética puede no ser muy significativa, pero en cuanto a parámetros de calidad el cambio resultó muy favorable.
El cambio de la marca nos sirvió como motivación para concretar de una vez por todas nuestra pagina web, cuyo contenido venimos trabajando desde hace más de un año.
En primer lugar les quiero comentar un poco acerca de la estructura general, su adaptabilidad y estilo visual.
Nuestra web debía ser un reflejo fiel de nuestra capacidad de diseño y maquetado (más allá de que no aplicamos demasiada complejidad en el desarrollo) así que intentamos darle algunos detalles que la hagan singular.
Lo más importante era pensar el sitio de manera tal que fuera responsive (que se adapte a todos los dispositivos de forma automática), pero que no se tratara solo de un re-escalamiento del contenido, por lo tanto pensamos la versión mobile en función de un diseño diferente, no solo adaptado, sino pensado para teléfonos.
Para el diseño del contenido visual utilizamos muchos softwares de diseño como Photoshop, Illustrator, Animate, etc... en cuanto a lenguajes de maquetado y programación, utilizamos HTML, CSS, JAVA SCRIPT y algo de PHP.
Empecemos con el HOME
Versión de escritorio
Versión para teléfonos
Como puede ver, el primer vistazo de nuestro sitio no revela demasiado acerca de nuestra actividad o servicios, muchos podrán criticar esta decisión, pero para nosotros fue una buena idea. Lo primero que vemos y que más llama nuestra atención es un botón de acción que nos invita a oprimirlo, una vez hecho eso el sitio hará un scroll suave hasta la sección siguiente ''quienes somos'' revelando un efecto de Parallax que hace que el paisaje adquiera profundidad.
En la versión para teléfonos u otros dispositivos similares reemplazamos el menú horizontal por un ''menú hamburgueza''.
La estructura de la página continúa de la siguiente manera:
- IDENTIDAD (quienes somos)
- SERVICIOS Y PRODUCTOS
- OBJETIVOS (valores, metodologías, etc)
- PORTFOLIO
- CONTACTO
Versión para escritorio
Versión para teléfonos
- MEDIOS DE PAGO
- FOOTER
Sin más preámbulos aquí está el