Blog

Conoce las últimas novedades sobre todo lo relacionado con el mundo online.

Información útil sobre todo lo que te interesa, desde las mejores herramientas de desarrollo a las últimas tendencias en redes sociales. Si no te enteras es porque no quieres.

La tipografía y el color en la marca gráfica

marca gráfica

En el anterior artículo hablábamos sobre la importancia que tenía la marca y puntos a tener en cuenta a la hora de su creación. Si ya tienes un nombre, es hora de crear la identidad visual corporativa o marca gráfica. Identifica los elementos de una marca gráfica Lo primero que debemos saber es a identificar los elementos que la componen: Isotipo: es la parte simbólica de la marca y puede funcionar por separado, como el check de Nike. Logotipo: el nombre o las siglas, se utilizan como texto utilizando una tipografía personalizada o característica para que sea reconocible, como Coca-Cola o Sony. Imagotipo: es la combinación de la imagen y el texto, estos pueden funcionar también por separado, como la marca del supermercado Carrefour o Adidas. Isologo: El texto y la imagen van juntos y no funcionan por separado, como Burger King. Estos son los elementos que pueden conformar una marca, pero dependiendo del producto o servicio que ofrece la empresa puede necesitar un logotipo o un imagotipo. Por ejemplo, hay una tendencia en las marcas de ropa a tener logotipo, como Zara, Women’s Secret o Mango. Sin embargo, para una empresa de restauración, por ejemplo, sería mejor emplear un imagotipo que pueda adaptar el isotipo a la vajilla del restaurante, uniforme de empleados, etc. Ya hemos decidido que forma elementos deben conformar la marca, entonces ¿cuál es el siguiente paso a seguir? Tenemos que tener en cuenta dos de los elementos más importantes a la hora de crear la marca, la tipografía y el color. Una mala elección de estos factores hará que nuestra marca no conecte con el público deseado o que demos una imagen que no queramos. Empecemos con una parte fundamental del diseño de marca, la tipografía. Debemos tener en cuenta el mensaje y la función que queremos transmitir, ya que los tipos tienen su propia personalidad y el tipo de letra que usemos puede transmitir estilo y calidad o todo lo contrario. ¿Qué tipografía debo elegir para una marca gráfica? Las tipografías se dividen en dos grandes familias, las sans serif o palo seco y las serif o romanas. Pasamos a definirlas un poco. Sans serif o palo seco: se considera la más moderna, estas tipografías se desprenden de lo accesorio y se queda con lo funcional. Son tipografías actuales de bordes simples, minimalistas, con aire juvenil y una lectura más clara y legible. Estas fuentes suelen utilizarse para transmitir innovación, juventud y minimalismo. Las familias más conocidas son la Helvética, Futura, Arial o Verdana. Hay diferentes variantes de esta familia y se suelen utilizar con diferentes fines. Las rounded, son tipografías redondeadas y de formas suaves, por lo que se suelen utilizar en proyectos que tengan que ver con la infancia o empresas que requieran cercanía con sus clientes y amigables. Algunos ejemplos son las Comfortaa o la Quicksand. Las geométricas son tipografías muy versátiles y se pueden lograr grandes combinaciones, pueden ser serias, elegantes o dinámicas y divertidas. Se suelen utilizar en áreas como la tecnología, la innovación o que tengan que ver con la ciencia. Ejemplos de esta familia son la Futura o la Century Gothic. Las condensed son tipografías más estrechas de lo normal para obtener un aspecto rígido y duro. Se suelen utilizar con bastante interletrado para darle un aspecto sofisticado, moderno y elegante. En la familia de las condensed tenemos las PT Sans o la Roboto Condensed. Por último, las tipografías modernas son bastante neutras y se pueden aplicar a cualquier proyecto, sobre todo están pensadas para textos web, por lo que si necesitas destacar no son las más aconsejables. Ejemplos de tipografías modernas son la Univers, Frutiger o Raleway. Serif o romanas: son las tipografías más antiguas pero a la vez también pueden ser modernas, son características de la prensa escrita y la literaria ya que sus remates nos ayuda a no perder el hilo del texto. Son tipografías elegantes y con estilo. Suelen utilizarse para instituciones, empresas que quieren transmitir prestigio y formalidad, en moda, belleza y artículos de lujo. Dentro de las Serif encontramos la Times New Roman, Baskerville, Garamond o Bodoni. Dentro de las Serif encontramos las Slab, tipografías como las serif pero con remates cuadrados, son más modernas y sólidas, pero a la vez divertidas. Al ser unas tipografías sin contrastes y de líneas rectas, transmiten la seriedad y solidez de las sans serif con la delicadeza de las serif. Ejemplos encontramos en la Rockwell, Museo o Clarendon. También podemos encontrar otras tipografías que pueden venir bien para ciertas marcas, hablamos de las script o caligráficas y las decorativas. Las script son tipografías que imitan la escritura manual realizada con plumas, pinceles, pinceles o cualquier intrumento de escriura. Son letras elegantes de trazo modulado y fino que originan una gran fluidez, se relacionan con el lujo, la elegancia y la sofisticación. Suelen utilizarse en proyectos históricos y tradicionales, también en productos de gama premium. En este grupo entrarian las tipografías góticas, y se suelen utilizar para firmas o títulos. En cuanto a las decorativas, son tipografías originales, características y con personalidad que se crean para un fin específico, por lo que para incorporarlas a una marca hay que estar muy seguro. Muchas pierden la legibilidad al poseer texturas o deformaciones y son de mala calidad, por lo que pueden transmitir sensaciones negativas. Las decorativas suelen utilizarse para proyectos artísticos y expresivos. A la hora de seleccionar nuestra tipografía debemos tener en cuenta diversos factores, pero no hay ninguna regla establecida al respecto por lo que tenemos un amplio abanico de posibilidades. Las sans serif tienen un carácter flexible que las hace perfectas para combinar con otras tipografías, combinan muy bien con las serif y estas combinaciones son perfectas para obtener el carácter que estamos buscando. Dependiendo del proyecto al que nos enfrentemos tendremos que decidir la que mejor encaja, y siempre de forma objetiva, no nos dejemos llevar por las modas. Además de la familia tipográfica debemos tener en cuenta otros factores, como

Más info

¿Qué contenido debe tener la página quiénes somos en una web?

quienes somos

El quiénes somos o sobre nosotros de una web, es muy importante para que los visitantes te puedan conocer y sobre todo porque aporta confianza y fiabilidad. En muchas ocasiones es difícil crear esta página porque no sabemos bien qué escribir o cómo queremos conectar con los usuarios. En este artículo podrás conocer algunos trucos para redactar un quiénes somos completo y claro ¡Allá vamos! Qué debe tener una página quiénes somos para enganchar Estructura ¿No sabes cómo mostrarte a tus clientes? ¿Quieres diferenciarte del resto y no sabes cómo? Esta es la estructura que debe tener una página – Quién eres Debes mostrarlo sin muchos rodeos, las usuarios no se paran demasiado a leer, por lo que te aconsejo que lo hagas de la forma más escueta posible. – Contacto En todas las páginas web existe la página de contacto pero no está mal que el formulario aparezca en otras páginas y si lo introduces en la página quiénes somos, será un acierto. – Información extra Una idea muy chula es añadir a los miembros del equipo, no hay nada como ponerle cara a las personas de las que vas a contratar un servicio o a comprar un producto. Si es posible, también está muy bien añadir algunos clientes con los que has trabajado. Contenido El contenido de tu página quiénes somos, también es muy importante. Tiene que ser un texto claro que explique muy bien a qué os dedicáis y si incluyes las personas que forman el equipo, dará más fiabilidad y confianza. En el encabezamiento está muy bien que expliques tus años de experiencia en el sector y por supuesto el nombre de la empresa, pero no introduzcas demasiados datos aburridos que se remonten a mucho tiempo atrás. En el siguiente párrafo explica a tus posibles clientes en qué puedes ayudarles y puedes contar también los servicios que ofreces si no tienes página de servicios y si la tienes, está bien hacer un breve resumen sobre ellos. Explica claramente a qué te dedicas y qué van a ganar tus clientes eligiéndote a ti en vez de a alguno de tus competidores. Añade una llamada a la acción como: visita nuestro blog o suscríbete a la newsletter… con este tipo de llamadas a la acción podrás conseguir información sobre tus clientes y mediante un buen trabajo, convertirlos en seguidores de tus productos o servicios. También se pueden añadir llamadas a la acción como: pídenos presupuesto, conoce nuestros productos o visita la tienda online. De esa manera le estarás haciendo a tu cliente el camino más corto para llegar a los servicios que ofreces o los productos que vendes. También es interesante que que haya un formulario de contacto ya que si tu cliente tiene dudas y no le ha sido suficiente con lo explicado en la página, podrá ponerse en contacto con tu empresa de forma fácil. Cómo no, para finalizar, estaría genial una propuesta para que te sigan en redes sociales y crear una comunidad a través de la cuál también puedas informar sobre tus productos o servicios. El elemento audiovisual cada vez es más importante en las páginas web, por lo que uno de nuestros consejos, es que adjuntes un video de tu empresa o productos ya que le dará un aspecto muy profesional a la página. Estos son algunos consejos para que tu página «quiénes somos» quede estupenda, pero si hay algo que nunca falla es aportar el sello de identidad de tu empresa o tienda online.  

Más info

Cómo estar en todos los dispositivos de tus clientes

aplicaciones-web-avanza

Cuando hablamos de en qué canales queremos estar disponibles para nuestros clientes, la respuesta suele ser: EN TODOS. Evidentemente, si podemos conseguir llegar a nuestros clientes a través de todos los canales posibles, es muy probable que también podamos obtener ventas mayores. Aunque no siempre debemos pensar que por estar en todos los canales va a ser mejor para nuestro negocio, ya que tenemos que trabajar cada uno de ellos de la mejor forma posible y esto puede requerir recursos que actualmente no tenemos disponibles. Las aplicaciones web Aquí es donde entran las protagonistas de nuestro artículo: las aplicaciones web o web apps. Por si todavía nos las conocías, las aplicaciones web son programas que se ejecutan directamente en el navegador, por lo que no necesitamos instalar nada adicional. Esto permite que cualquier dispositivo con un navegador pueda ejecutarlas (con matices). El uso de las aplicaciones web está cada vez más extendido, en parte porque desde hace unos años y gracias a los smartphones, todos tenemos un navegador web en nuestras manos en algún momento del día. A estos también se suman los ordenadores (portátiles y de sobremesa), las tablets, videoconsolas e incluso algunos smartwatches. Las ventajas de estas aplicaciones son numerosas, aquí te dejamos las más interesantes: Compatibilidad multiplataforma: como ya hemos comentado anteriormente, cualquier dispositivo con un navegador web es susceptible de poder ejecutarla. Además no importa si el sistema operativo es Linux, Apple o Windows entre otros. Actualizaciones constantes: las actualizaciones se pueden realizar sin necesidad de solicitar al usuario que realice ninguna acción. Lo que hará que siempre se utilice la última versión disponible. Uso inmediato: al no necesitar instalación, los usuarios acceden a todas las funciones de forma instantánea. Esto mejora mucho la utilidad en aplicaciones recurrentes que necesitan rapidez de uso. Coste de desarrollo: al estar basadas en estándares tan extendidos como PHP o Javascript, el coste de desarrollo es muy inferior en comparación al desarrollo de una app nativa. Además no necesitas un desarrollo específico para cada plataforma, por lo que el tiempo requerido para lanzarla al mercado es mucho menor. Como ves, no es casualidad que existan cada vez más aplicaciones de este tipo para distintos sectores. Google es una de las que más fuerte apostó por este concepto y no le ha ido nada mal. Facebook por ejemplo, permite que utilices (casi) todas las funciones que tienes en su aplicación nativa directamente en tu navegador móvil o de cualquier otro dispositivo. ¿Cómo pueden ayudarme en mi negocio las aplicaciones web? Como decía alguna que otra vez Pau Donés en su canción, todo depende. Y es que tenemos que tener claro nuestro objetivo y saber qué necesidades tienen nuestros usuarios a la hora de desarrollar una aplicación web. Puede que sencillamente necesitemos facilitar información a nuestros usuarios a través de nuestra web app o que debamos proporcionar servicios y funcionalidades más complejas. Por ejemplo tenemos aplicaciones web que permiten conocer el estado meteorológico de una región concreta para gestionar cultivos y gracias al GPS integrado en la mayoría de los dispositivos, podemos utilizarlo en nuestra aplicación web para facilitar al usuario esta tarea. También puede ser útil para proporcionar soporte mediante un chat en directo o interconectando a usuarios con la mismas dudas. Gracias a que la mayor parte de los procesos se ejecutan en el servidor, podemos ofrecer funciones avanzadas a usuarios que tienen dispositivos con especificaciones limitadas, que si fueran aplicaciones nativas, no podrían aprovechar. Las posibilidades que nos brindan este tipo de aplicaciones son casi ilimitadas, así que tienes a tu alcance la oportunidad de ofrecer a tus usuarios la solución a sus necesidades sin gastar mucho dinero. En Avanza hemos desarrollado aplicaciones web para nuestros clientes y han supuesto una gran mejora en el servicio que ofrecen a nuestros clientes. Si quieres ver algún ejemplo de lo que somos capaces de hacer, puedes echarle un vistazo a Bornay, donde desarrollamos BPlanner, una calculadora para conocer qué instalación solar necesitas. Nuestro proyecto para AVIS con el que gestionar su flota de vehículos o GestiRep, que permite obtener la mejor valoración para tu vehículo de una forma fácil y rápida. Esperamos que hayas sacado alguna idea para tu proyecto y si quieres que charlemos para ayudar a llevarla a cabo, contacta con nosotros.

Más info

Symfony 4 y Sonata Admin: seguridad mediante voters

Symfony Sonata Voters

Si estamos desarrollando nuestra aplicación web en Symfony 4 y hemos optado por usar como «bundle» de administración Sonata, llegará un momento si la aplicación es medianamente compleja que tendremos que definir la gestión de privilegios a aplicar a los usuarios que pueden acceder al entorno de administración o «backend». La documentación de Sonata nos da básicamente 2 alternativas para gestionar la seguridad: Gestión mediante ROLES (sonata.admin.security.handler.role) La gestión mediante ROLES consiste en definir roles a los que asociar a los usuarios y en función de dichos roles dar acceso a modificar, eliminar, etc las diferentes entidades de la aplicación. Esta opción es poco flexible ya que si le das permiso a un rol para modificar un tipo de objeto podrá modificar todos los objetos de ese tipo sin restricción. Gestión mediante Listas de control de acceso ACL (sonata.admin.security.handler.acl) La gestión mediante ACL es bastante compleja y en Symfony 4 se ha eliminado del desarrollo principal y se necesita instalar un «bundle» adicional para disponer de ella:  ACL Bundle. Como alternativa a ACL en la documentación de Symfony se recomienda usar voters, combinándolos con los roles de usuario podemos abordar la gestión de privilegios en Sonata sin necesidad de implementar ACL. Puedes ver y descargar todo el código que comentaré a continuación desde los enlaces de interés. Combinando roles y voters en Symfony 4 y Sonata Vamos a plantear un ejemplo en el que ver el uso de voters de forma sencilla. Estamos desarrollando una aplicación web para la gestión de concesionarios de una marca de automóviles, los usuarios con el rol de «concesionario» tendrán acceso de edición a los vehículos vendidos o por vender. Los propietarios de los vehículos podrán ver aquellos vehículos que posean y los administradores de la plataforma tendrán todos esos privilegios y también la opción de eliminar los vehículos. Existirán por tanto estos roles en la aplicación: ROLE_ADMIN (Administradores) ROLE_CONCESIONARIO (trabajadores del concesionario) ROLE_PROPIETARIO (Propietario de vehículos) Por comodidad en la administración, usaremos los grupos de usuarios que proporciona Sonata User Bundle y crearemos 3 grupos de usuarios. Con el propio panel de administración de Sonata aparte de asignar los usuarios a grupos también podremos darle roles específicos si fuese necesario, los 3 grupos de usuarios serían:   La estructura de la base de datos quedaría de la siguiente forma:   La configuración de roles en config/packages/security.yaml para implementar la política de seguridad deseada quedaría de la siguiente forma: [crayon-6621aa0cc5334621911768/] Con esta configuración de roles delimitamos los accesos por objetos, los administradores pueden listar, editar, crear, ver y eliminar vehículos, los concesionarios listar, editar y ver y los propietarios solo listar y ver. Sin el uso de voters estos privilegios son generales y da igual si los vehículos pertenecen o no a un concesionario que los usuarios con ese rol los podrán editar todos al igual que un propietario podrá ver cualquier vehículo sin necesidad de que le pertenezca. Mantengo el rol de superusuario (ROLE_SUPER_ADMIN) que tendrá acceso a todo por encima de nuestra política de seguridad. Para añadir el uso de voters debemos realizar los siguientes cambios en los archivos de configuración: config/packages/security.yaml [crayon-6621aa0cc533c780926507/]   Añadimos la estrategia «unanimous» al determinar el acceso o no, ya que nosotros vamos a definir unas políticas mediante voters pero aparte tenemos los Roles, al obligar a que la decisión sea unánime, todas las políticas deben permitir el acceso para que éste se conceda. Se pueden ver las diferentes estrategias disponibles en la documentación de Symfony. config/packages/sonata_admin.yaml [crayon-6621aa0cc533e825122231/]   Definimos nuestro propio gestor de seguridad en la configuración de Sonata Admin, y vamos a implementarlo, creamos el archivo src/Security/Handler/VoterSecurityHandler.php con el siguiente contenido: [crayon-6621aa0cc5340269268861/] Esta clase con ligeras variaciones la obtuve de este gran artículo (Usando Voters con Sonata) de Sergio Gómez, que explica e implementa el sistema de voters con Sonata en versiones de Symfony anteriores a la 4. Te recomiendo que consultes en artículo de Sergio para obtener más información del funcionamiento de la clase.   Damos de alta el servicio en config/services.yaml: [crayon-6621aa0cc5343369565318/]   Ahora vamos a crear nuestro voter para el objeto vehículo que determinará quien puede hacer qué con él según los criterios que hemos establecido. Creamos el archivo src/Voter/VehiculoVoter.php con el siguiente contenido: [crayon-6621aa0cc5345805274502/] Con el método «supports» nos aseguramos que el objeto se del tipo deseado (Vehículo) y que las acciones a comprobar sean las que tiene definidas dicho objeto. Luego con el método «votoOnAttribute» implementamos la lógica que queremos, en la línea 30 damos acceso completo a los usuarios que tienen los roles SUPER_ADMIN y/o ADMIN, de la 34 a la 39 comprobamos para aquellos usuarios con rol CONCESIONARIO que el vehículo en cuestión esté dado de alta en al menos uno de los concesionarios en los que están dados de alta los usuarios, y por último de la línea 41 a la 44 comprobamos que los usuarios con el rol PROPIETARIO además sean propietarios del vehículo. Un tema importante a tener en cuenta es que es recomendable ir de roles con más privilegios a menos, así aquellos usuarios que tengan varios roles por ejemplo un usuario que esté a la vez en el grupo de administradores y concesionarios, con la primera comprobación ya se le concede el acceso si lo hacemos al revés habría que pasar por varias comprobaciones. Ahora ya tenemos implementada la política de seguridad deseada, salvo un detalle, Sonata en los listados no aplica los voters y muestra todos los resultados, por ejemplo si accedemos con el usuario «propietario1» al listado de vehículos vemos los siguiente:   El usuario «propietario1» solo puede entrar en la ficha del vehículo del que es propietario tal y como hemos definido en el voter, pero sí puede ver el resto de vehículos aunque no sean suyos, para solventarlo debemos modificar la consulta encargada de generar el listado, modificamos la clase Admin de vehículo para Sonata: [crayon-6621aa0cc5348277266340/]   Si volvemos a acceder al listado de vehículos con el usuario «propietario1», tenemos el listado que buscamos:   Este sería el listado

Más info

Contáctanos
966 27 81 05 info@avanzaeninternet.com
O si lo prefieres
Visítanos
C/ Gabriel Miró 45, 3º I 03420 Castalla (Alicante)
de lunes a jueves de 9:00 a 14:00 h. de 15:00 a 18:00 h.
viernes de 9:00 a 14:00 h.
Nuestras Redes Sociales