We’re more than just a design agency. With a wealth of experience in digital and print mediums, we take complex ideas to create content and visuals that are effortless to understand. For the organisations leading the way with technology, innovation and thought leadership, JDJ provides a splash of creative originality, that will amplify your reach.
We’re more than just a design agency. With a wealth of experience in digital and print mediums, we take complex ideas to create content and visuals that are effortless to understand. For the organisations leading the way with technology, innovation and thought leadership, JDJ provides a splash of creative originality, that will amplify your reach.
We’re more than just a design agency. With a wealth of experience in digital and print mediums, we take complex ideas to create content and visuals that are effortless to understand. For the organisations leading the way with technology, innovation and thought leadership, JDJ provides a splash of creative originality, that will amplify your reach.
We’re more than just a design agency. With a wealth of experience in digital and print mediums, we take complex ideas to create content and visuals that are effortless to understand. For the organisations leading the way with technology, innovation and thought leadership, JDJ provides a splash of creative originality, that will amplify your reach.
We’re more than just a design agency. With a wealth of experience in digital and print mediums, we take complex ideas to create content and visuals that are effortless to understand. For the organisations leading the way with technology, innovation and thought leadership, JDJ provides a splash of creative originality, that will amplify your reach.
We’re more than just a design agency. With a wealth of experience in digital and print mediums, we take complex ideas to create content and visuals that are effortless to understand. For the organisations leading the way with technology, innovation and thought leadership, JDJ provides a splash of creative originality, that will amplify your reach.
We’re more than just a design agency. With a wealth of experience in digital and print mediums, we take complex ideas to create content and visuals that are effortless to understand. For the organisations leading the way with technology, innovation and thought leadership, JDJ provides a splash of creative originality, that will amplify your reach.
We’re more than just a design agency. With a wealth of experience in digital and print mediums, we take complex ideas to create content and visuals that are effortless to understand. For the organisations leading the way with technology, innovation and thought leadership, JDJ provides a splash of creative originality, that will amplify your reach.
We’re more than just a design agency.
With a wealth of experience in digital and print mediums, we take complex ideas to create content and visuals that are effortless to understand. For the organisations leading the way with technology, innovation and thought leadership, JDJ provides a splash of creative originality, that will amplify your reach.
We’re more than just a design agency.
With a wealth of experience in digital and print mediums, we take complex ideas to create content and visuals that are effortless to understand. For the organisations leading the way with technology, innovation and thought leadership, JDJ provides a splash of creative originality, that will amplify your reach.
<?php
<section class="discover-section about-discover-section">
<div class="discover-section-body">
<div class="row discover-row">
<?php
// Helpers: safe even if ACF returns array / URL string / ID / false.
if (!function_exists('jdj_img_url')) {
function jdj_img_url($img) {
if (is_array($img) && !empty($img['url'])) return $img['url'];
if (is_string($img)) return $img; // already a URL
if (is_int($img)) return wp_get_attachment_url($img) ?: '';
return '';
}
}
if (!function_exists('jdj_link_url')) {
function jdj_link_url($link) {
if (is_array($link) && !empty($link['url'])) return $link['url'];
if (is_string($link)) return $link; // sometimes a plain URL
return '';
}
}
if (!function_exists('jdj_link_title')) {
function jdj_link_title($link) {
if (is_array($link) && !empty($link['title'])) return $link['title'];
return '';
}
}
$post_id = get_queried_object_id();
if (!$post_id) { $post_id = get_the_ID(); }
if (!$post_id && isset($GLOBALS['post']->ID)) { $post_id = (int) $GLOBALS['post']->ID; }
$k = 1;
if (function_exists('have_rows') && have_rows('banner_content', $post_id)) :
while (have_rows('banner_content', $post_id)) : the_row();
$class = '';
if ($k == 1) $class = 'stand';
if ($k == 2) $class = 'transform';
if ($k == 3) $class = 'give';
$defaultImg = get_sub_field('image');
$hoverImg = get_sub_field('hover_image');
$link = get_sub_field('link');
$defaultUrl = jdj_img_url($defaultImg);
$hoverUrl = jdj_img_url($hoverImg);
$linkUrl = jdj_link_url($link);
$linkTitle = jdj_link_title($link);
?>
<div class="column <?php echo esc_attr($class); ?>">
<div class="inner-column">
<input id="defaultimg" type="hidden" name="default" value="<?php echo esc_url($defaultUrl); ?>">
<input id="<?php echo esc_attr($class); ?>" type="hidden" name="hoverimage" value="<?php echo esc_url($hoverUrl); ?>">
<div class="column-content-main">
<h4 class="column-title discover-animated-titles">
<?php the_sub_field('heading'); ?>
</h4>
<div class="about-discover-btn discover-animated-titles">
<a href="<?php echo esc_url($linkUrl); ?>">
<span class="about-disover-text"><?php echo esc_html($linkTitle); ?></span>
<span>
<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 225 384" width="18" height="30">
<style>.a{fill:#fff}</style>
<path class="a" d="m215.6 169.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0-12.5-12.5-12.5-32.8 0-45.3l137.4-137.4-137.3-137.4c-12.5-12.5-12.5-32.8 0-45.3 12.5-12.5 32.8-12.5 45.3 0l160 160z"/>
</svg>
</span>
</a>
</div>
</div>
<div class="column-label">
<div class="short-description discov-to-right-anim">
<p><?php the_sub_field('sub_content'); ?></p>
</div>
<a class="discover-btn-secondary" href="<?php echo esc_url($linkUrl); ?>">
<?php the_sub_field('sub_heading'); ?>
</a>
<div class="arrow-btn discov-to-right-anim">
<span>
<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 225 384" width="20" height="20">
<style>.a{fill:#fff}</style>
<path class="a" d="m215.6 169.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0-12.5-12.5-12.5-32.8 0-45.3l137.4-137.4-137.3-137.4c-12.5-12.5-12.5-32.8 0-45.3 12.5-12.5 32.8-12.5 45.3 0l160 160z"/>
</svg>
</span>
</div>
</div>
</div>
<?php if (!empty($linkUrl)) : ?>
<!-- Optional: make the whole card clickable WITHOUT nesting <a> tags -->
<a class="column-overlay-link" href="<?php echo esc_url($linkUrl); ?>" aria-label="<?php echo esc_attr($linkTitle ?: 'Learn more'); ?>"></a>
<?php endif; ?>
</div>
<?php
$k++;
endwhile;
endif;
?>
</div>
</div>
</section>
Infographics in annual report design and thought leadership
Annual reports can read as monotonous banks of text and numerals, interesting only to financial experts. For a report to be accessible to the widest spectrum it requires more accessible information. Bite-size graphics, interactive charts and infographics can be consumed quickly but convey information that lasts longer than text alone. Using brand and creativity, these data visualisation techniques can transform a boring financial or sustainability report into an invaluable document.
Thought leadership materials, insights and papers are by their nature composed of analysis and statistical data. In their rawest form, these numbers and responses can be uninspiring, but in a graphical format, they can be beautiful. Infographics possess the ability to communicate complex information in a simple and visually pleasing way. Charts and graphs meanwhile, can be represented in increasingly innovative forms, creating elegant designs which are both on-brand and inspiring.
Our high quality design services are delivered consistently using processes devised from.
Our high quality design services are delivered consistently using processes devised from.
Our high quality design services are delivered consistently using processes devised from.
Our high quality design services are delivered consistently using processes devised from.
Hide Bio Leather
We work with organisations to create a brand strategy that quickly establishes trust with new customers while extending brand affinity with established stakeholders. Yet, our approach to brand is more than just visual. We help brands to form personalities; living compositions that tell stories, evoke emotions and connect with people. We help businesses to establish ‘why’ their organisation exists and align that purpose with clear brand messaging that resonates with their target audience.
Hide Bio Leather
We work with organisations to create a brand strategy that quickly establishes trust with new customers while extending brand affinity with established stakeholders. Yet, our approach to brand is more than just visual. We help brands to form personalities; living compositions that tell stories, evoke emotions and connect with people. We help businesses to establish ‘why’ their organisation exists and align that purpose with clear brand messaging that resonates with their target audience.
If your question’s not answered here, please email us and we’ll get back to you.
Once you’re on the path to positive change, we’ll help you share your progress. Our content experts bring your stories to life through vivid language and design. They can shape messaging for different audiences, and make complex ideas, data and industry jargon easy to understand.
For financial organisations that are looking to produce great-looking reports and thought leadership content, our guides walk through the design process from planning and design to distribution and review.
Sign up to our monthly newsletter to receive your guide to thought leadership design.
Sign up to our monthly newsletter to receive your guide to annual report design.
Sign up to our monthly newsletter to receive your guide to sustainability report design.
