Coder Social home page Coder Social logo

press-kit's Introduction

press-kit

Archivos relacionados con la identidad visual

press-kit's People

Contributors

ixgd avatar

Stargazers

 avatar Alexander Salas Bastidas avatar

Watchers

Adam Outler avatar Alexander Salas Bastidas avatar

press-kit's Issues

Consejos para mejorar la web

Con este escrito se pretende dar una serie de consejos los cuales podemos usar y aplicar en la web de “Electrónica Busher´s”

  1. Mantener la coherencia visual.
    Mantener la coherencia en el diseño, la combinación de colores, el uso de fuentes y las imágenes. Ayuda a definir la identidad de tu marca, la coherencia visual puede incluso fomentar sentimientos de familiaridad y confianza en los visitantes. Para mantener la coherencia visual:
  • Usar una paleta de colores limitándonos a una paleta de 3 a 5 colores que se complementen entre sí y reflejen la identidad de la marca. Yo aconsejo introducir el color azul porque se asocia a la tecnología. Estos colores se utilizarán en web, publicaciones y redes sociales para que exista una coherencia.
  • Limitar la variedad de tipos de letras. Se eligen uno o dos tipos de fuentes para usar en toda la web. La letra seleccionada tiene que ser legible y estar en consonancia con el estilo de la marca. Para pantalla se aconsejan fuentes como: Roboto, Verdana, Tahoma, Trebuchet y Georgia, ya que están diseñadas para su lectura en pantallas. En el caso de las publicaciones la letra será diferente, las tipo serif están preparadas para leer en soporte de papel.
  • En cuanto a las imágenes deben estar en coherencia con la marca. Podemos considerar el uso de filtros que nos darán la coherencia.
  1. Desarrollar una jerarquía clara.
    Ordenaremos estratégicamente los contenidos en función de su importancia. Es decir, se recomienda crear un flujo visual que se ajuste al comportamiento típico de lectura del usuario, y el motivo es que los lectores que no leen cada palabra ni se desplazan hasta el final puedan captar los detalles más importantes.
    Para establecer dicha jerarquía:
  • Definiremos los objetivos y los ordenaremos según su importancia. La jerarquía de la página debe alinearse con esta clasificación.
  • El contenido más importante se coloca en la parte superior, observando la web de Electrónica Busher´s observamos que cumple este consejo.
  • Se recomienda utilizar encabezados, color, jugar con el tamaño y señales visuales. Aparte del layout, estos elementos descritos se utilizan para dar más notaria la jerarquía. Los encabezados ayudan a estructurar y etiquetar el contenido, mientras que el color y el tamaño de los elementos pueden utilizarse para crear puntos de atención.
  1. Dejar amplios espacios en blanco.
    Los espacios en blanco, aunque se conocen como “espacios negativos”, reducen el ruido visual y ofrecen una navegación más cómoda, sin distracciones.
  • Agruparemos el contenido estratégicamente. Esto quiere decir que con la ayuda del espacio en blanco agruparemos los elementos de forma que podamos distinguir entre los relacionados y los no relacionados. Cuando se colocan elementos estratégicamente cerca esto indica visualmente que están relacionados.
  • El uso de cuadrículas nos ayuda a distribuir el espacio.
  • Se establecen márgenes y rellenos para que el diseño sea equilibrado y visualmente agradable.
  1. Hacer que la navegación sea más intuitiva.
  • La regla de los tres clics. Esta regla establece que los usuarios deben poder encontrar la información deseada en menos de tres clics.
  • Utilizaremos etiquetas claras. Nuestros enlaces y etiquetas deben ser descriptivos y directos, que transmitan su propósito.
  1. Evitaremos sobrecargar las páginas con mucho texto.
    Lo limitaremos a lo estrictamente necesario. Para no sobrecargar:
  • Dividiremos los bloques de texto largos en secciones más pequeñas ayudándonos de los párrafos.
  • Se puede conectar el texto con elementos visuales, esto facilitarán el procesamiento y la comprensión.
  • Utilizar subtítulos claros y descriptivos. El objetivo es mejorar la legibilidad y organización de nuestras publicaciones.
  1. Diseño teniendo en cuenta la accesibilidad.
  • Fuerte contraste de color entre el primer plano y su fondo, esto quiere decir que para un fondo negro es mejor la letra blanca o al revés.
  1. Dejar una impresión duradera.
    Inyectando creatividad y singularidad en la página web aparte de diferenciarnos, hará que dejemos una buena impresión. Consejos para ello:
  • Diseños asimétricos. Dan imagen dinámica.
  • Podemos crear nuestras propias ilustraciones.

Rediseño de logo

ELECTRONIC BUSHER´S. Rediseño del logo: Rebranding.

¿Por qué es necesario? Las marcas evolucionan con la sociedad. Las tendencias cambian, y las preferencias de los consumidores también. La prueba es que numerosas marcas famosas han renovado su logo debido a alguna causa.
Las causas principales en las que se recomienda hacer una revisión son:

  • El logo ha quedado desfasado en el tiempo.
  • El negocio ha evolucionado y el logo no lo representa
  • La marca necesita crecer a más velocidad
  • Nuestra mirada está puesta en una audiencia diferente
  • No ha sido realizado por un profesional
  • No funciona bien en las redes sociales
    De hecho, se recomienda revisar el logo de una marca cada siete años, aunque esto no es necesario al cien por cien.
    La renovación del logo tiene que quedar recogida en el manual de identidad corporativa.
    Un briefing nos ayudará, nos guiará a rediseñar el logo. Esta herramienta nos enfocará el camino a seguir. Para ello y con el fin de representar de manera correcta a Electronic Busher´s recopilaremos una serie de preguntas que nos guiarán.
    BRIEFING
  • Web: https://bushers.com/ y https://clubelectronicos.com/
  • Facebook: https://www.facebook.com/lb.bushers
  • Instagram: No se conoce
  • Youtube: https://www.youtube.com/@bushers100 (18,1K seguidores a día de hoy y 255 videos)
  • Email: [email protected] / [email protected]
  • Teléfono: +573017578191 / +57321272756066
  • Información sobre Electronic Busher´s: año de fundación, lugar y breve historia.
    Es una empresa con más de 40 años de trayectoria. Ubicada en Columbia y que distribuye sus productos por todo el continente americano. Electrónica busher´s es una de las empresas de mayor experiencia en el área ya que se encuentra formada por ingenieros expertos con amplia experiencia en el sector, y que cuentan con amplio recorrido laboral (Multinacionales en electrónica, docencia en universidades, docencia en el SENA y representación de marcas como Philips-AOC en el país)
  • Nombres detrás de Electrónica Busher´s:
    Cómo instructores los ingenieros: Luís Bustamante, Erasmo Bustamante, Giancarlo Rivadeneyra, Juan Carlos Reyes y Alberto Bustamante.
  • Información sobre sus productos.
    Electronic Busher´s ofrece en su web cursos, libros y productos.
    Se dedica al sector de la formación técnica y proyectos de electrónica de consumo (audio y televisión). Registrada como editorial y centro de servicio autorizado por varias marcas.
  • Cuál es su propósito.
    Su propósito como editorial es contribuir a la formación del Técnico en Electrónica en el continente, mediante sus libros y capacitaciones permanentes.
  • Valores destacables de la empresa:
  • A quien va dirigido, público objetivo (target)
    Identificamos un público varón, de entre 20 y 60 años. Generalmente fuertes usuarios de internet por estar interesados en los productos que les llaman la atención. Bien informados sobre precios, calidad y variedad de los artículos. En constante formación debido a que el sector lo requiere.
  • Por cuáles valores quieren que su público les destaque.
  • Pensando en el público objetivo (target), ¿creen que tienen gustos más bien clásicos o modernos?
  • ¿Ha habido alguna mala experiencia con la imagen actual?
  • ¿La empresa tiene algún proyecto de desarrollo? ¿Cuál?
  • ¿Le gustaría mantener algún elemento de su diseño actual?
  • ¿Existe algún elemento gráfico que nunca se deba incluir en su marca?

Respuestas al briefing

Hola, mi nombre es Inés, justo he acabado mis estudios como diseñadora gráfica, y ahora estoy haciendo las prácticas con Alexis.
Puedo rediseñar su logo dentro de mi trabajo de prácticas, les presentaré una propuesta. Para hacer el trabajo de la manera más profesional y con mejor resultado necesito revisen el documento (es un copia-pega en el draft "Rediseño de logo"), hay algunas preguntas sin responder que les pido si me podrían rellenar, igualmente, les invito a repasar lo que está ya escrito y si necesita corrección les invito a ello. Confío en que mi trabajo pueda serles de utilidad, sin más reciban un cordial saludo.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.