{"id":2330,"date":"2023-07-06T17:34:30","date_gmt":"2023-07-06T20:34:30","guid":{"rendered":"http:\/\/lucasluccas.com\/?post_type=projeto&p=2330"},"modified":"2023-07-31T17:09:23","modified_gmt":"2023-07-31T20:09:23","slug":"dis","status":"publish","type":"projeto","link":"https:\/\/lucasluccas.com\/en\/projetos\/dis\/","title":{"rendered":"DIS"},"content":{"rendered":"
\n
\n

Research and brand positioning<\/h2>\n\n\n\n

The project started with a research phase that included a brief study of the industry, an analysis of similar and competing companies regarding their visual communication, positioning, and brand architecture. Additionally, an interview with the founders was conducted to analyze the company's unique aspects, corporate identity, target audience, history, and values. Based on this research, the new brand positioning for DIS was defined.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\n
\n
    \n
  • DIS doesn't provide ready-made answers<\/strong>. Instead, it asks questions to generate a unique understanding of each case and company. It acts as a partner, guiding and supporting, walking together.<\/li>\n\n\n\n
  • Accessibility and personalization<\/strong>. Everyone involved in the work has the space to contribute and share their views. Face-to-face interaction is prioritized, fostering a personal and close relationship.<\/li>\n<\/ul>\n<\/div>\n\n\n\n
    \n
      \n
    • Authenticity and transparency<\/strong>. DIS communicates with sensitivity, expressing what needs to be said. It openly explains the reasons behind processes and decisions.<\/li>\n\n\n\n
    • Focus on both DIS's own purpose<\/strong> and the purpose of its partner companies. It acts in pursuit of solutions and results, getting involved in the causes and goals and fully embracing them.<\/li>\n\n\n\n
    • Uni\u00e3o do conhecimento te\u00f3rico<\/strong> Combining theoretical knowledge with tools and technical expertise<\/strong>, tailored to the specific needs of each partner company<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n
      <\/div>\n\n\n\n
      \n
      \n

      Cultural References<\/h2>\n\n\n\n

      With the completion of the research phase about the company and the newly defined positioning, I moved on to the research of visual concepts and cultural references that would help translate them visually.<\/p>\n<\/div>\n<\/div>\n\n\n\n

      \n
      \"\"<\/figure>\n\n\n\n
      \"\"<\/figure>\n\n\n\n
      \"\"<\/figure>\n\n\n\n
      \"\"<\/figure>\n\n\n\n
      \"\"<\/figure>\n<\/figure>\n\n\n\n
      \n
      \n

      Geometry<\/h4>\n\n\n\n

      It is the area of study that involves the application of mathematics in shapes and spaces. It also involves the physical characteristics of objects. It emerged from the need to solve practical problems and is part of the foundation of knowledge in architecture, engineering, and design.<\/p>\n<\/div>\n\n\n\n

      \n

      Geometric drawing<\/h4>\n\n\n\n

      It is the construction of geometric shapes using physical tools such as a ruler and compass or digital tools such as software. It requires precision and technique and was an essential tool for ancient mathematicians to build current knowledge.<\/p>\n<\/div>\n\n\n\n

      \n

      Renaissance and geometry in culture<\/h4>\n\n\n\n

      Leonardo da Vinci's Vitruvian Man applied geometric drawing to construct a proportionally ideal human figure and became an icon of the Renaissance, a period of profound transformations in society through sciences, art, and philosophy.<\/p>\n<\/div>\n<\/div>\n\n\n\n

      <\/div>\n\n\n\n
      \n
      \n

      Visual References<\/h2>\n\n\n\n

      With the defined main concepts, I created a reference panel to explore alternatives and visually translate them using colors and shapes. The chosen references for developing the logo were as follows:<\/p>\n<\/div>\n<\/div>\n\n\n\n

      \n
      \n
      \"\"<\/figure>\n\n\n\n

      Planarization<\/h4>\n\n\n\n

      The planarization of a polyhedron is the representation of all its faces on a single plane in the form of polygons with common sides, which, when folded, form the original shape. With planarization and descriptive geometry, it is possible to study properties of three-dimensional solids.<\/p>\n<\/div>\n\n\n\n

      \n
      \"\"<\/figure>\n\n\n\n

      Triads<\/h4>\n\n\n\n

      The triangle is the simplest two-dimensional geometric shape. The triangle with three equal angles and sides is called equilateral, and the union of four equilateral triangles constructs a regular tetrahedron, the simplest geometric solid. In the color wheel, the equilateral triangle creates triadic harmony, with high contrast, vibrancy, and visual balance. Triads represent stability and cyclical movement.<\/p>\n<\/div>\n<\/div>\n\n\n\n

      <\/div>\n\n\n\n
      \n
      \n

      The Logo<\/h2>\n\n\n\n

      Finally, using the cultural and visual references, I began the creative process to achieve a solution that would translate the defined characteristics of the brand. After an intense process of sketching, selection, and refinement, the final logo was achieved.<\/p>\n<\/div>\n<\/div>\n\n\n\n

      \"\"<\/figure>\n\n\n\n
      \"\"<\/figure>\n\n\n\n
      \"\"<\/figure>\n\n\n\n
      <\/div>\n\n\n\n
      \n
      \n

      Logo elements<\/h3>\n\n\n\n

      All the choices for constructing the logo, from the shape, colors, and message of the symbol to the typography and subtitle, were derived from the concept and references defined in the research stage.<\/p>\n<\/div>\n<\/div>\n\n\n\n

      \n
      \n
      \"\"<\/figure>\n\n\n\n

      Planarized tetrahedron<\/h4>\n\n\n\n

      Stability, cyclical movement, association with horizontal\/planned management, equal parts coming together as a whole<\/p>\n<\/div>\n\n\n\n

      \n
      \"\"<\/figure>\n\n\n\n

      Rotation and connection only through the edge<\/h4>\n\n\n\n

      Representation of dynamism, freedom, autonomy, and openness<\/p>\n<\/div>\n\n\n\n

      \n
      \"\"<\/figure>\n\n\n\n

      Upward arrow<\/h4>\n\n\n\n

      Subtly indicates growth, evolution, lightness, and focus<\/p>\n<\/div>\n<\/div>\n\n\n\n

      \n
      \n
      \"\"<\/figure>\n\n\n\n

      Triadic harmony<\/h4>\n\n\n\n

      Vibrant, inviting, and balanced color palette<\/p>\n<\/div>\n\n\n\n

      \n
      \"\"<\/figure>\n\n\n\n

      Sans-serif and rounded typography<\/h4>\n\n\n\n

      Conveys the idea of smoothness and modernity through the dot of the lowercase letter \"i\"<\/p>\n<\/div>\n\n\n\n

      \n
      \"\"<\/figure>\n\n\n\n

      Verbal subtitle<\/h4>\n\n\n\n

      Represents the focus on personability through a spoken and close language with rhythm\"<\/p>\n<\/div>\n<\/div>\n\n\n\n

      <\/div>\n\n\n\n
      \n
      \n

      Proportions and construction grid<\/h3>\n\n\n\n

      The DIS logo was built based on the proportions of the Signika Negative Semibold font, where x<\/strong> represents the height and y<\/strong> represents the width of the base module. Using this module, the sizes of all other elements were calculated.<\/p>\n<\/div>\n<\/div>\n\n\n\n

      \"\"<\/figure>\n\n\n\n
      \n
      \n

      Breathing space and balance<\/h4>\n\n\n\n

      By using the module measurement, it was possible to achieve consistency between the spacing and dimensions of the text, symbol, and subtitle.<\/p>\n<\/div>\n\n\n\n

      \n

      Geometric construction<\/h4>\n\n\n\n

      The use of a geometric base for the logo also reinforces the main concepts and references of the brand, highlighting technical refinement and theoretical foundation.<\/p>\n<\/div>\n<\/div>\n\n\n\n

      <\/div>\n\n\n\n
      \n
      \n

      Perception survey<\/h2>\n\n\n\n

      With the final logo ready, we conducted a quick perception survey with 10 close individuals. They were asked to write down the first three adjectives that came to mind when they saw the logo and to identify the industry in which the company operates. Additionally, they were asked to evaluate the logo using a scale of 1 to 5 for each pair of opposing adjectives. The average of the responses for each pair represented a point on the scale below. The comparison between the black and orange lines indicates how well the logo achieved the desired perception.<\/p>\n<\/div>\n<\/div>\n\n\n\n

      \n
      \n
      \"\"<\/figure>\n<\/div>\n\n\n\n
      \n

      Adjectives<\/h3>\n\n\n\n

      Organized (3)
      \nVibrant (2) \/ Colorful
      \nExciting \/ Joyful
      \nIn construction \/ Deconstructed
      \nEfficient \/ Objective
      \nLight \/ Clean
      \nIntelligent
      \nModern (2)
      \nCreative (2)
      \nReliable (2)
      \nAdaptable \/ Dynamic
      \nSolid
      \nTechnologic
      \nBeautiful \/ Pleasant
      \nDifferent<\/p>\n\n\n\n

      Industries<\/h3>\n\n\n\n

      Consulting (4)
      \nHuman Development, Education (2)
      \nTechnology (2)
      \nSoftware Dev. (2)
      \nCreation (1)
      \nDesign (1)<\/p>\n<\/div>\n<\/div>\n\n\n\n

      <\/div>\n\n\n\n
      \n
      \n

      Visual Identity<\/h2>\n\n\n\n

      With the validation of the logo, the next step was the development of the visual identity, which included typography, color palette, grid, and photography. The identity served as an online and offline extension of the brand's characteristics and guided the development of all institutional materials.<\/p>\n<\/div>\n<\/div>\n\n\n\n

      \n
      \n

      Institutional Typography<\/h3>\n\n\n\n

      The selected typefaces were chosen for their sober and high legibility characteristics, aiming to bring a sense of clarity and professionalism.<\/p>\n<\/div>\n<\/div>\n\n\n\n

      \n
      \n
      Titles<\/h5>\n\n\n\n

      \"Demonstra\u00e7\u00e3o<\/p>\n<\/div>\n\n\n\n

      \n
      Paragraphs<\/h5>\n\n\n\n

      \"Demonstra\u00e7\u00e3o<\/p>\n<\/div>\n\n\n\n

      \n
      Paragraphs<\/h5>\n\n\n\n

      \"Demonstra\u00e7\u00e3o<\/p>\n<\/div>\n<\/div>\n\n\n\n

      <\/div>\n\n\n\n
      \n
      \n

      Color Palette<\/h3>\n\n\n\n

      The colors were selected using a triadic harmony to symbolize balance and movement. The blue background was chosen to provide greater contrast to the vibrant main colors and convey stability.<\/p>\n<\/div>\n<\/div>\n\n\n\n

      \n
      \n
      Highlight 1<\/h5>\n\n\n\n

      Orange<\/h3>\n\n\n\n
      \n
      <\/div>\n\n\n\n
      \n

      RGB<\/strong>
      230 \/ 180 \/ 60<\/p>\n\n\n\n

      CMYK<\/strong>
      10 \/ 30 \/ 90 \/ 0<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

      \n
      Highlight 2<\/h5>\n\n\n\n

      Magenta<\/h3>\n\n\n\n
      \n
      <\/div>\n\n\n\n
      \n

      RGB<\/strong>
      235 \/ 0 \/ 125<\/p>\n\n\n\n

      CMYK<\/strong>
      0 \/ 100 \/ 15 \/ 0<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

      \n
      Highlight 3<\/h5>\n\n\n\n

      Cyan<\/h3>\n\n\n\n
      \n
      <\/div>\n\n\n\n
      \n

      RGB<\/strong>
      80 \/ 200 \/ 215<\/p>\n\n\n\n

      CMYK<\/strong>
      60 \/ 0 \/ 15 \/ 0<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

      \n
      \n
      Dark Background<\/h5>\n\n\n\n

      Grayish Blue<\/h3>\n\n\n\n
      \n
      <\/div>\n\n\n\n
      \n

      RGB<\/strong>
      70 \/ 75 \/ 92<\/p>\n\n\n\n

      CMYK<\/strong>
      75 \/ 65 \/ 45 \/ 30<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

      \n
      Light Background<\/h5>\n\n\n\n

      Paper Blue<\/h3>\n\n\n\n
      \n
      <\/div>\n\n\n\n
      \n

      RGB<\/strong>
      245 \/ 240 \/ 230<\/p>\n\n\n\n

      CMYK<\/strong>
      2 \/ 4 \/ 8 \/ 0<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

      <\/div>\n\n\n\n
      \n
      \n

      Pattern \/ Grid<\/h3>\n\n\n\n

      After the symbol was developed, an auxiliary grid was created to be used as an element of visual identity, which can be applied in illustrations, backgrounds, and fillings.<\/p>\n<\/div>\n<\/div>\n\n\n\n

      \"\"<\/figure>\n\n\n\n
      <\/div>\n\n\n\n
      \n
      \n

      Photography guidelines<\/h3>\n\n\n\n

      To maintain consistency in the identity and its relation to the brand positioning, guidelines were defined for the production of original photographs and the selection from stock image sites.<\/p>\n<\/div>\n<\/div>\n\n\n\n

      \n
      \"\"<\/figure>\n\n\n\n
      \"\"<\/figure>\n\n\n\n
      \"\"<\/figure>\n<\/figure>\n\n\n\n
      \n
      \n
        \n
      • Focus on people and the human aspect<\/strong>. Tools and work environments should only appear in the photographs if they serve the objectives of DIS and not as the main focus.<\/li>\n\n\n\n
      • Diversity and identification:<\/strong> All individuals present in the photographs should be relatable to Brazilians. Avoid exclusive use of European or North American biotypes. Variation in age groups is desirable.<\/li>\n<\/ul>\n<\/div>\n\n\n\n
        \n
          \n
        • Avoid the use of common and overly used elements<\/strong> in corporate visual language: men in suits, offices, charts, computers, handshakes.<\/li>\n\n\n\n
        • \u00c9 desej\u00e1vel, mas n\u00e3o obrigat\u00f3rio, o uso de fotografia pr\u00f3pria<\/strong> It is desirable, but not mandatory, to use original photography<\/strong> and composition with people and places truly involved with DIS.<\/li>\n\n\n\n
        • Color palette consistent<\/strong> with the institutional colors: light and vibrant tones without excessive saturation.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n
          <\/div>\n\n\n\n
          \n
          \n

          Result<\/h2>\n\n\n\n

          With the finalization of the visual identity, the project was approved and completed with the presentation of previews for physical institutional materials such as A4 folders, business cards, letterhead, and uniforms, as well as digital materials like email signatures, profile pictures, and cover images for social media.<\/p>\n<\/div>\n<\/div>\n\n\n\n

          \"\"<\/figure>\n\n\n\n
          \"\"<\/figure>\n\n\n\n
          \"\"<\/figure>","protected":false},"excerpt":{"rendered":"

          DIS is a company that aims to guide and assist micro, small, and medium-sized enterprises through strategic and technical services, with a focus on purpose and the human aspects of each partner.<\/p>\n

          The initial problem was the difficulty in effectively connecting with clients due to differences in language and the unique experiences of business owners. Therefore, the main goal of the project was to redefine the positioning of DIS to convey the new objectives and processes of the company more clearly. As a result, I also developed a new brand (rebranding) and a consistent identity to visually communicate the new positioning.<\/p>","protected":false},"featured_media":2331,"menu_order":0,"template":"","tags":[],"servico":[27,26],"class_list":["post-2330","projeto","type-projeto","status-publish","has-post-thumbnail","hentry","servico-identidade-visual","servico-marca"],"_links":{"self":[{"href":"https:\/\/lucasluccas.com\/en\/wp-json\/wp\/v2\/projeto\/2330","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lucasluccas.com\/en\/wp-json\/wp\/v2\/projeto"}],"about":[{"href":"https:\/\/lucasluccas.com\/en\/wp-json\/wp\/v2\/types\/projeto"}],"version-history":[{"count":10,"href":"https:\/\/lucasluccas.com\/en\/wp-json\/wp\/v2\/projeto\/2330\/revisions"}],"predecessor-version":[{"id":2751,"href":"https:\/\/lucasluccas.com\/en\/wp-json\/wp\/v2\/projeto\/2330\/revisions\/2751"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lucasluccas.com\/en\/wp-json\/wp\/v2\/media\/2331"}],"wp:attachment":[{"href":"https:\/\/lucasluccas.com\/en\/wp-json\/wp\/v2\/media?parent=2330"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lucasluccas.com\/en\/wp-json\/wp\/v2\/tags?post=2330"},{"taxonomy":"servico","embeddable":true,"href":"https:\/\/lucasluccas.com\/en\/wp-json\/wp\/v2\/servico?post=2330"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}