-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathproject-m24.html
124 lines (111 loc) · 6.72 KB
/
project-m24.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<!DOCTYPE HTML>
<!--
Forty by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Charné Tromp - Design Strategist</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<!-- Note: The "styleN" class below should match that of the banner element. -->
<header id="header" class="alt">
<a href="index.html" class="logo"><strong>Charné Tromp</strong> <span>Design Strategist</span></a>
<nav>
<a href="#menu">Menu</a>
</nav>
</header>
<!-- Menu -->
<nav id="menu">
<ul class="links">
<li><a href="index.html#projects">Projects</a></li>
<li><a href="index.html#about">About Me</a></li>
</ul>
<ul class="actions stacked">
<li><a href="index.html#contact" class="button primary icon solid fa-envelope">Contact</a></li>
</ul>
</nav>
<!-- Banner -->
<!-- Note: The "styleN" class below should match that of the header element. -->
<section id="banner" class="style5">
<div class="inner">
<span class="image">
<img src="images/m24-large.jpg" alt="Young children playing with a camera." />
</span>
<header class="major">
<h1>Media24</h1>
</header>
<div class="content">
<p>Designing an innovative digital school news platform and supporting resources for aspiring young journalists across South Africa.</p>
</div>
</div>
</section>
<!-- Main -->
<div id="main">
<!-- One -->
<section id="one">
<div class="inner">
<header class="major">
<h2>About the Project</h2>
</header>
<p>A transformative digital news project with Media24, leading the development and launch of WeCan24, an innovative digital school news network. This project empowered young aspiring journalists across South Africa by providing them with the tools, training, and platform to create their own online school newspapers, fostering the next generation of digital media professionals.</p>
<div class="row">
<div class="col-6 col-12-small">
<h3>Situation</h3>
<p>Media24, a leading South African media company, initiated the development of WeCan24, a digital school news network aimed at nurturing aspiring young digital journalists.</p>
<p>This school news network aimed to bridge the digital divide by equipping students and teachers with tools to create and publish online content. The initiative sought to enhance digital literacy, critical thinking, and writing skills while fostering a new generation of citizen journalists, preparing youth for the increasingly digital world of information and media.</p>
</div>
<div class="col-6 col-12-small">
<h3>Task</h3>
<p>As the Digital Project Manager for WeCan24, I was responsible for managing and executing the design and development of this innovative digital news network.</p>
<p>My role involved overseeing all aspects of the project, from initial conception through to launch and ongoing engagement with schools and young people across South Africa.</p>
</div>
</div>
<h3>Approach</h3>
<p>As the Digital Project Manager for WeCan24, I developed a comprehensive strategy that included timelines, budgets, and resource planning. I managed the technical team, designed wireframes, and oversaw development sprints.</p>
<p>Conducting user research and creating content plans were key aspects of my role. I built relationships with schools nationwide, facilitated workshops for teachers and students, and managed the production of multimedia content to drive platform growth and engagement.</p>
<h2>Results</h2>
<p><span class="image left"><img src="images/m24-results.jpg" alt="Photo of the WeCan24 launch video on YouTube." /></span>The WeCan24 project successfully launched, providing a digital platform for aspiring young journalists across South Africa. It increased engagement in digital journalism among students, strengthened Media24's relationships with schools nationwide, and developed comprehensive training materials.</p>
<p>The project's impact was evident through growing user numbers and positive feedback from educators and young journalists. Promotional videos showcased the platform's achievements and its potential to shape the future of digital journalism in South Africa.</p>
<div style="clear: both;"></div> <!-- Clear float -->
<hr />
<p><i>Due to client confidentiality, I can’t share project assets publicly but can provide access to select visuals upon request.</i></p>
<ul class="actions stacked">
<li><a href="index.html#contact" class="button primary icon fa-envelope">Request Portfolio Access</a></li>
<li><a href="index.html#projects" class="button icon solid fa-arrow-left">Back to Projects</a></li>
</ul>
</div>
</section>
</div>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<ul class="icons">
<li><a href="index.html#contact" class="icon alt solid fa-envelope" alt="Contact Charné"><span class="label">Contact</span></a></li>
<li><a href="https://www.linkedin.com/in/charne-tromp" target="_blank" class="icon brands alt fa-linkedin-in" alt="Charné Tromp's LinkedIn Profile"><span class="label">LinkedIn</span></a></li>
<li><a href="https://medium.com/@charne.tromp" target="_blank" class="icon brands alt fa-medium" alt="Charné Tromp's Medium Articles"><span class="label">Medium</span></a></li>
</ul>
<ul class="copyright">
<li>© Charné Tromp</li><li>Design: <a href="https://html5up.net">HTML5 UP</a></li><li>Code: <a href="https://github.com/brotherkaif">Kaif Ahmed</a></li><li>Images: <a href="https://unsplash.com">Unsplash</a></li>
</ul>
</div>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>