--- title: Visual Design for an international audience url: "https://b13.com/knowledge/visual-design-for-an-international-audience" description: Take contextual clues and cultural sensitivity into account to reach a worldwide audience with your visual design. Not just language direction—for your visual design to have a global reach, you need to consider aesthetic connotations, symbolism, international usability and more. We show you the things to design for when preparing your website for new transnational markets. image: "https://b13.com/fileadmin/_processed_/3/3/csm_visual-design-for-internationals_191-1_d2f4a5e9c2.png" date: 2022-10-26 modified: 2026-08-19 lastUpdated: 2026-08-19 --- # Visual Design for an international audience [ UX/UI-Design ](https://b13.com/knowledge/uxui-design) Visual Design for an international audience ============================================= ![](https://b13.com/fileadmin/_processed_/1/a/csm_stefanie_9492752ded.jpg)Stefanie Kreuzer 23 November 2022 [ RSS Feed ](https://b13.com/rss.xml) ![A stylized globe is surrounded by icons representing social media engagement, content creation, and inquiry, including thumbs up, arrows, and a question mark, all set against a dark, abstract background.](https://b13.com/fileadmin/_processed_/f/d/csm_visual-design-for-internationals_1f64299283.webp) When working with transnational corporate websites in different cultural contexts, it is very important to know the different aspects and demands of your international audience. To make a website optimally available and enjoyable for a wide range of users, you need to look beyond the technical requirements of a CMS only supporting text display and language direction. For your visual design to have a global reach, you need to consider things like aesthetics, symbolism, typography and form construction. Aesthetic Connotations ------------------------ The most rudimentary component of an atomic design is the choice of colors. Even if a company has clearly defined corporate design and brand colors, you have to put the semantic meaning of these into cultural context with your audience. The selection of colors and the specific use of them can recall different associations by diverse audiences. In Europe, the color white is often associated with innocence, purity and virtue, whereas in China this color stands for death and mourning. Knowing and distinguishing the culture-specific color meaning and choosing a culturally-conscious color scheme helps to create a perception and message specifically designed for the end user. It is always helpful to work directly with the customer. If there are direct representatives employed in the company, who are responsible for the extended market, the first step is always the open discussion with the deputy creative department. Additional research prepares the basis for discussion for an optimal result. Imagery and Symbolism ----------------------- Icons and symbols are in every web designer’s toolkit, but we need to be mindful of their semantic meaning and cultural representation across the globe. A symbol is a helpful method of international and intercultural communication. It is a simplified visual that can transcend language barriers, but is also at risk of conveying different messages to different recipients. When selecting symbols, shapes and icons, make sure you consider cultural meaning and metaphorical association in the context of different transnational users. Photos, diversity and inclusion localized to your target audience can differ from culture to culture. Depictions of people, their clothing, hairstyles, skin color, the portrayal of religious symbols, landmarks or famous public figures are not equally recognizable, or may have different cultural values depending on where they are broadcast. Layout and Typography ----------------------- With different languages come different typefaces. Both the presentation of the text sections and their reading direction can have a great impact on the reading experience and the layout of a transnational corporate website. First of all, it is important to be mindful of the directionality of your selected language. The presentation of image and text passages, and their relationship to each other can be influenced by converting the translation. The placement of certain content, which is intended to direct the user’s gaze to different focal points while scanning the website, also follows different schemes depending on the language and the user’s habits. Besides the differences, like Left-to-Right (LTR) or Right-to-Left (RTL), the text expansion and contraction for any language has to be considered. More expressive languages can require up to 40% more words for the same sentence in translation. Correspondingly, the layout should be flexible and allow the design space for movement. The display of the typeface can also vary in size and thus in readability. Some typefaces require separately defined character formats so that good readability and usability can be maintained, even when the language is changed. Forms and Settings -------------------- Even though this separate point is influenced by those already mentioned , some important aspects are often overlooked, especially in the case of forms. Not only is the reading direction, placement of labels, and selection of the right form language important, but also the display or requirements for number, date and time formats. To avoid creating a barrier, one should not assume a standard representation of form elements based on your own cultural experience, because we all carry implicit bias. The display of the date or the required fields in an address query can differ geographically. Therefore, it is important to consider the respective regional conditions and habits, and adapt your forms and their display mode to them. Overall, it’s never a bad idea to limit the number of input fields to what’s necessary, and then display them in a well thought-out manner. Find out more about great form design in our blog post [Best Practices and Usability for Online Forms](https://b13.com/knowledge/best-practices-and-usability-for-online-forms). Conclusion ------------ Taking contextual clues and cultural sensitivity into account, and through careful research, a website can be prepared for new transnational markets. Because only Bill Murray has the approval to be [lost in translation](https://en.wikipedia.org/wiki/Lost_in_Translation_(film)). This does not mean that you have to completely abandon the individuality or corporate identity of your company. And when culture-specific design conflicts with usability, users much prefer usability over cultural-sensitivity. Be aware of the cultural influence on your demographic users and adapt your online presence within the framework of your corporate websites and nothing will stand in your way of reaching a large, worldwide audience. Ready to go global? --------------------- We can help you with your website design to reach all of your audience. Connect with us! [ Let’s connect ](https://b13.com/lets-connect) ### Written by: ![Bild von Stefanie Kreuzer](https://b13.com/fileadmin/_processed_/1/a/csm_stefanie_5a7d55f637.webp) UX and interface designer, Stefanie, has a special quality we call “seeing the work.” She instantly understands what needs to be done for any given project, and gets on with it. Her essential tool: Maultaschen Stefanie Kreuzer UX Design [ more from Stefanie Kreuzer ](https://b13.com/team/stefanie-kreuzer) Related Articles ------------------ - ![A robotic hand holds a paintbrush, creating a purple swirl against a light blue background with circular patterns.](https://b13.com/fileadmin/_processed_/b/d/csm_DesignAndKI_Headerbild_bd966b1d32.webp) ### Designing Responsibly in the Age of AI: What We’re Learning as We Go 17 July 2026 | Laura Heine Laura Heine shares what she learned at the Design Leadership Meetup about responsibility, documentation, and treating AI fairly as a team. [ Read more: Designing Responsibly in the Age of AI: What We’re Learning as We Go ](https://b13.com/knowledge/designing-responsibly-in-the-age-of-ai-what-were-learning-as-we-go) - ![Several colorful web page mockups stacked together, showcasing different layouts and design elements against a purple background.](https://b13.com/fileadmin/_processed_/e/3/csm_CaminoTheme_Headerbild_d082598009.webp) ### Camino—The Need for a Default Theme in TYPO3 Is Real 27 January 2026 | Benni Mack With TYPO3 v14, Camino introduces a default theme that removes friction from first installs. Why this matters—and how TYPO3 laid the groundwork. [ Read more: Camino—The Need for a Default Theme in TYPO3 Is Real ](https://b13.com/core-insights/blog/camino-the-need-for-a-default-theme-in-typo3-is-real) - ![User interface design featuring a dark sidebar with navigation options and a central content area with placeholder text.](https://b13.com/fileadmin/_processed_/6/6/csm_V14BackendUX_Headerbild_6dcecb335f.webp) ### Designing TYPO3 14’s Backend: Our Vision for a Modern, Expandable Foundation 12 January 2026 | Laura Heine b13 is redesigning TYPO3’s backend for version 14 to feel modern, work faster, maintain user context, and create an expandable foundation that can evolve for years to come. [ Read more: Designing TYPO3 14’s Backend: Our Vision for a Modern, Expandable Foundation ](https://b13.com/knowledge/designing-typo3-14s-backend-our-vision-for-a-modern-expandable-foundation) - ![User interface elements including text fields, checkboxes, and buttons, connected by arrows on a purple background.](https://b13.com/fileadmin/_processed_/f/7/csm_EffectiveWebForms_Headerbild_2c906e6176.webp) ### Best Practices for Effective Web Forms 18 August 2025 | David Steeb Effective web form design is a critical component of user engagement and conversion. By focusing on clarity, simplicity, and user experience, businesses can create web forms that… [ Read more: Best Practices for Effective Web Forms ](https://b13.com/knowledge/creating-effective-web-forms) - ![A purple folder is centrally placed, surrounded by red and blue rectangular elements connected by lines on a grid background.](https://b13.com/fileadmin/_processed_/1/5/csm_EffectiveInformationArchitecture_Headerbild_c5bbf51bfe.webp) ### Designing an Effective Information Architecture: Best Practices 30 July 2025 | David Steeb Dive into our latest article exploring the world of information architecture and its profound impact on user experience. Learn key strategies and best practices for designing… [ Read more: Designing an Effective Information Architecture: Best Practices ](https://b13.com/knowledge/designing-an-effective-information-architecture-best-practices) - ![Two robotic arms are positioned around a magnifying glass, focusing on the letter "g" in a stylized font. The background features a grid pattern with repeated "Ag" symbols.](https://b13.com/fileadmin/_processed_/1/8/csm_FontGuidelines_Headerbild_6f3f5a0baa.webp) ### Designing with Type: A Guide to UI Font Size Guidelines 03 June 2025 | David Steeb Discover the importance of UI font size guidelines for creating accessible and visually appealing UI designs. Learn the best practices for typography in UI, including consistency,… [ Read more: Designing with Type: A Guide to UI Font Size Guidelines ](https://b13.com/knowledge/designing-with-type-a-guide-to-ui-font-size-guidelines) - ![A graduation cap is centrally placed among various flowchart elements, including rectangles and circles, set against a gradient background. The design suggests themes of education and decision-making processes.](https://b13.com/fileadmin/_processed_/2/e/csm_MasteringWebFlow_Headerbild_1558d4dcea.webp) ### Mastering Website Flowcharts 21 May 2024 | Stefanie Kreuzer An optimal user flow is crucial for successful websites. Learn how to use flowcharts to achieve clarity early in the UX design process. [ Read more: Mastering Website Flowcharts ](https://b13.com/knowledge/mastering-web-flow-charts) - ![Wireframing Best Practices](https://b13.com/fileadmin/_processed_/1/e/csm_Wireframing_4b24c64a42.webp) ### Mastering the Art of Wireframing: Essential Tips and Technique 31 August 2023 | Stefanie Kreuzer Wireframing is the first step in designing the structure of a website, and it serves many purposes; to describe how information is presented on a page, to determine a website’s… [ Read more: Mastering the Art of Wireframing: Essential Tips and Technique ](https://b13.com/knowledge/wireframing-best-practices) - ![A pathway leads through stylized clouds, flanked by a magnifying glass and gears, with icons representing text and documents in the background, suggesting themes of exploration and technology.](https://b13.com/fileadmin/_processed_/8/0/csm_accessibility-guide_0acd1932f3.webp) ### A Guide to Accessibility Considerations in UX Design 12 April 2024 | Franzi Töpler People with disabilities constitute one of the most significant segments of online users, but it is an often-overlooked population in the digital world. Increasing accessibility to… [ Read more: A Guide to Accessibility Considerations in UX Design ](https://b13.com/knowledge/a-guide-to-accessibility-considerations-in-ux-design) - ![A hand is placing a red shape into a flowchart composed of various geometric figures, including rectangles and circles, with directional arrows indicating connections between them. The background features a grid pattern.](https://b13.com/fileadmin/_processed_/c/3/csm_UserFlowGuide_Headerbild_54abda2aa4.webp) ### Excelling in User Flow Design 03 April 2024 | Stefanie Kreuzer User flow design visualizes the path that the user follows to achieve a specific goal. In digital terms, the path is what the user sees and clicks on when interacting with a… [ Read more: Excelling in User Flow Design ](https://b13.com/knowledge/excelling-in-user-flow-design)