Blog

What is it Like to Build a Culturally Tailored Website?

Joshua Frisch • April 28, 2022

Here at CTeLearning, we are proud to equip the next generation of web designers and developers for games, mobile apps, websites and more. CTeLearning’s founder and lead developer, Steve Waddell, recently finished a multi-year project helping to create content and develop the https://lifestyleafrica.info website. Steve shares his experience working on the project and what it is like on a day-to-day basis to be part of content creation and building websites.

How did you get involved with the Lifestyle Africa Project?

Since 2007 Bret, some of our team members and I have been helping local life science researchers tell the stories of their work. Our primary goal is to help the regional life-science industry get the word out about the explosive growth in biotech, bioinformatics, animal and human health research discovery and new medical advancements that have been happening. Because of this, we have a name for ourselves in the region and many know and like our work.  

What was your scope of responsibilities for the website?

For some background, Lifestyle Africa is a diet and physical activity program adapted from the US National Diabetes Prevention Program (DPP) to make it more suitable for low- and middle-income country contexts.  Bret—who is our lead videographer and just an amazing talent—and I were first hired to help with the conversion of the DPP into a form that could be translated and amplified through video. We wanted to create not just talking head video but visually engaging video with heavy use of after-effects and character-driven animation. 

The goal of the research was to take a large cadre of people living in the townships, use community health liaisons with a small group approach and see if a culturally relevant wellness program could affect health awareness and choices and be a part of the battle against the exponential rise in obesity and type 2 diabetes in the region. Each lesson was delivered by a local health liaison person from the community who was trained in delivering the sessions that incorporated the videos and handouts we created, leading discussions and capturing attendance and progress data. 

Our role was to shoot and produce the hours of video, and then I worked on the website that would utilize all this video. This video content would become 19 sessions that would take groups through a wellness program in Nyanga and Khayelitsha, two townships around Cape Town, South Africa. 

One interesting aspect was that we had to create all the videos in Xhosa, the main language in the area and an African click language. I was most excited about this aspect because ever since college I had thought that the African click languages were probably the closest thing we could ever hear of what was our mother tongue. As crazy as it sounds, the idea of working with a click language was very exciting to me.  

What was your experience like working on the project?

The first issue was deciding where to shoot—here in Kansas City or in South Africa. In South Africa there may have been issues with bringing in our equipment, so we decided to do the video work in Kansas City. 

The next issue for Bret and I was how to shoot video of someone speaking a language we did not know. Bret was dealing with getting all the studio, equipment and sound people set up, so I took it upon myself to be responsible for the teleprompter and figuring out how we could edit in a language we did not know. Eventually, I set up a way for us to hide a monitor slightly out of frame that was picked up on the recording and this gave us just enough info to make it work.  

Here is a small group session led by the community health team. Notice the screen on the wall showing a session video we created as part of the Lifestyle Africa project.

There were a number of things our team did to support bringing the Lifestyle Africa project to fruition: 

Culturally Tailored DPP Program

Our team helped with the creation of the uniquely tailored version of the DPP that would be used by the health workers to run the program in SA. The majority of our work for this portion was helping to reimagine some of the delivery approach, graphics, worksheets, animations and session videos. 

Dissemination Site

We were tasked with creating the dissemination site to allow health researchers, national health organizations, and anyone worldwide who wanted to see an innovative model for making culturally relevant health and wellness programming. The site would become an interface for the Lifestyle Africa research team to connect and share their process and data with anyone working to improve health. 

How did you collaborate with others to get your work done?

Working on a project of this size and scope demands collaboration. Our first and core collaboration was Bret and me spending many hours with the Children Mercy Hospital researchers (Del and Sarah) to create the storyboards and outlines for what the many hours of video would cover. The scripts were written in English and later translated to Xhosa. Then we extended and worked with the South African researchers. To do so, we needed to design the handouts to support the messaging, have the participants apply new knowledge and strategies, and self-capture their data. Because of the English to Xhosa translation, we had to use imagery that was local to where our audience was in the townships of Khayelitsha and Nyanga. To make this research and wellness project succeed, we had to make this feel “home-town” to people nearly half a world away. We spent a fair amount of time developing the aesthetic. I cannot over-stress how important this was. We spent countless hours researching to find the right images. Fortunately, Del is from South Africa and was kind to help us understand what life is like in the townships, the culture, the food, and the wonderful people who live in that part of the world. We teach all of this in our web design certification curriculum, so it really was a case of practicing what we have preached to thousands of secondary and postsecondary learners over the years.  

Here are some details on the work we did—both in video work and website development:

Creating the Video Content 

Setting the Aesthetic

Early on we came up with an idea for the logo and iconic background we would use to maintain continuity throughout the project. To do it right, we sent the project out to six different experienced designers to create scenes that included skyline, buildings, and people all based on a series of images we provided. We chose three of the six to sit down with so Del and Sarah could decide which one would do the final logo, background and other key branding for the project. We also had a photographer in South Africa who captured countless images for us in the townships and regions to help us with visuals that reinforced the feeling of the locale.  

Video Production

We did quite a bit of prep to upload the Xhosa scripts and test them in the teleprompter. For the video production side of the project, we shot video over two weeks. We worked with Lungi, a professor from Capetown who performed the Xhosa scripts off the teleprompter, a director/producer, a camera operator running two cameras and an audio engineer.     

After-effects Animation

After Bret and I designed and storyboarded the animations we were using to convey some of the key concepts in the lessons, we divided up the work between two graphic artists we had cut down from a field of eight to do the work and hold together the aesthetics and feel of the overall concept. The graphics crafted by the artists were then turned over to the team member handling after-effects to compose into the animations and other supporting graphical content for the videos. The animations felt like they took forever. Never underestimate what it takes to execute a beautifully crafted storyboard. Whatever amount of time you think it will take, triple it. 

Video Post-production

With the rough cuts and animations ready, it was time to bring it all together. Our main editor first cleaned up the video and made sure we had a solid base. Then the editor (Bret) and our director/producer (Steve) got together to overlay the animations based on the original storyboards. A significant amount of Diet Coke, coffee, and unhealthy snacks were consumed. The irony of how bad our team was eating while working on a wellness program was not lost on us—it just reinforced why it is so hard to truly make healthy choices all the time. We did this in groups of two or three videos each. We would send the videos to South Africa and the Kansas City team, and then would have meetings with the Kansas City research team and bring the South Africa researchers in to get their feedback. With 19 videos in total, we repeated this process at least a half dozen times. Post-production is always a grind, but the reward is seeing the vision coming together. Once the videos were all done, we then went through the final process of closed captioning in Xhosa. The .srt files (timed closed caption file format) were hand-created and another labor of love. I still get the caffeine shakes when I think back to some of those days. 

Creating the Dissemination Website Lifestyleafrica.org

Initial Site

One of the most important aspects of research is dissemination. If you are trying to affect community health, doing the research and then locking it away in a file cabinet or letting it slowly grow old on a hard drive somewhere is counterproductive. So we worked with David, Kelyn and Holly, all brilliant web designers, to help us build the basic site concept for us. For those of you who care, it was done with customized WordPress deployment. Holly did some great work to establish the branding, style and feel of the website

Did you encounter any challenges throughout the course of the project? 

Any project of this scale with so many moving parts and in a language that we could not speak will have its challenges. Of course, there were times we had to solve problems. But the reality is simply this—you just do it. Whining doesn’t solve problems. We also had a village doing this. I love to say “it takes a village,” and I really mean it. We had built a community around this project that spanned 3 continents. Everyone was a professional, and whenever we hit a speed bump we got over it as a team.    

Also, the site got hacked. We got blacklisted by Google, Yahoo… everybody. It was a surreal experience. But I learned more about security and WordPress vulnerabilities as well as how to lock down a site, layer in additional security, and then get the domain back on the friends list with all the search engines. This had never happened to me before. I did cheat, or rather took a shortcut to fix this. I used my membership to WebProfessionalsGlobal.org and I was able to tap into their resources, training, and other professionals to help me out.  I learned so much from that. 

What soft skills and hard skills did you utilize while working on the website?

I will revisit the village analogy. When you are working with so many people on different continents from very diverse backgrounds and cultures, you better have great soft skills. Another thing we teach in our career courses is about how the hard skills will get you hired but the soft skills will keep you employed. Everything we do every day is in the service of others. If you do not understand that, then you are toast. 

Communication is king. How you communicate is key to avoiding misunderstandings. When misunderstandings happen, it is the trust you have built through all your communication and how you have been transparent in your work that gives everyone the confidence that you are a person of integrity. Hard skills in many ways are easier to learn, as they can be gained from a book or video. Soft skills take longer to develop, and they represent the core of who you are. 

What did you learn while working on this project that you will apply to future development projects?

I learned a ton about WordPress plugins and vulnerabilities. I will never forget to do a painfully obnoxious pedantic review of every plugin that even looks at a WordPress site I build. 

I also learned that taking on a project of this scale requires adaptability. You can’t let your fear of potential problems or even failure prevent you from taking on big projects—that is how you learn. 

What would you tell others who may be interested in learning how to develop websites?

You probably already know what I will say to this. We build curricula to teach web development. Our curricula leads learners to getting international industry-recognized certifications. So, what would I tell people? Get some schooling and make sure that what you are doing is aligned to real certifications like the ones that the Web Professionals Organization offers. Stay far away from the companies that are just testing companies. I have hired people with those types of credentials and most of the time they did not last long. So, learn and earn real credentials. And have fun doing it. With web design and development, you are creating something from nothing. You type in some words into a file, that file is then loaded by a browser, and those words you typed create something amazing.  

Learn How You Can Build Websites

If you are interested in learning about how to gain the skills and industry-recognized certifications needed to become a web developer or web designer, contact us today at 913-764-4272 or swaddell@ctelearning.com for a free demo of our curricula. We work with individuals and schools all over the country and globe to develop professionals in exciting STEM fields.

 

 

 

Share To

Get in touch with us today!


You can book a demo directly using Calendly, call us directly at 913-764-4272 or 877-828-1216, or submit the form and we will reach out to you.


We look forward to helping you and your students.

students with STEM certifications

Most Recent Posts

By Steve Waddell November 14, 2025
Learn how we can help your school maximize the value of your current devices.
By Steve Waddell November 5, 2025
Here at CTeLearning, we keep up with trends in education and the workplace in order to better serve our schools. One recent trend is that the landscape of STEM education is undergoing a profound transformation. High school students who once aspired to traditional computer science careers are now exploring interdisciplinary fields that blend coding with data analysis, ethical interpretation, and creative problem-solving. This shift reflects a broader understanding: artificial intelligence isn't replacing human creativity and critical thinking—it's amplifying them. Let’s take a look at what this means. The Changing Face of STEM Education Research shows that AI is fundamentally reshaping how students approach STEM subjects. Rather than focusing solely on programming skills, today's students are learning to integrate machine learning into traditional disciplines like biology, physics, and design. They're using AI tools to model climate change, analyze genetic data, and solve real-world problems that require both computational skills and scientific inquiry. This evolution represents more than just adding new courses to the curriculum—it's about fundamentally changing how students think about innovation and problem-solving. Educators across the country report that teenagers are increasingly drawn to AI's potential, but they need guidance to understand how to use these tools effectively and ethically. The challenge isn't whether to integrate AI into education; it's how to do so in a way that enhances rather than diminishes core learning objectives. What's particularly striking about this shift is the recognition that AI skills are becoming essential across all career pathways, not just in technology fields. By 2027, 75% of businesses are anticipated to use AI technologies, and company leaders increasingly value AI capabilities in prospective employees. Perhaps most telling: 60% of companies report they would hire a less experienced candidate with basic AI skills over a more experienced individual without them. These statistics underscore a critical reality—students who understand how to work alongside AI will have a significant competitive advantage in virtually any career they choose. The Importance of Process Over Product At CTeLearning, we've always believed that understanding the process is more important than simply producing a final product. This philosophy has guided our curriculum development for over two decades, and it's never been more relevant than in the age of AI. In our Web Design course, for example, students don't just learn to code websites—they learn to think like designers and developers. They master color theory, site aesthetics, wireframing, and testing. They learn how to engage with clients, collaborate with team members, communicate effectively, and deliver projects on time and on budget. These process-oriented skills are what separate proficient web designers from those who can only follow tutorials. This emphasis on process becomes even more critical when AI tools enter the picture. AI can generate code, suggest design layouts, and automate repetitive tasks. But it cannot understand a client's brand story, navigate the nuances of user experience design, or make the creative decisions that transform a functional website into an engaging digital experience. Students who understand the design process can leverage AI to enhance their work while maintaining creative control and professional standards. Our approach to teaching web design mirrors the real-world creative process that professionals use daily. Students learn to: Research and understand requirements before jumping into design Develop concepts and style tiles that communicate visual direction Create wireframes that establish structure and user flow Build iteratively with opportunities for feedback and revision Test and refine their work based on user experience principles Present and explain their design decisions professionally When students internalize this process, they develop problem-solving frameworks that transcend specific tools or technologies. Whether they're working with HTML and CSS today, or with AI-assisted design tools tomorrow, they understand how to approach creative challenges systematically and thoughtfully. Creativity as a Core Competency Our courses are designed around a fundamental principle: creativity is not just an artistic skill—it's a professional competency that can be taught, practiced, and refined. In our Web Design curriculum, students engage in project-based learning that encourages creative expression while building technical proficiency. The creative process we emphasize involves: Experimentation and Iteration : Students learn that great design rarely happens on the first attempt. Our curriculum builds in time for experimentation, revision, and refinement. The coding sandbox feature allows students to practice new concepts immediately, encouraging them to try different approaches and learn from both successes and failures. Critical Assessment : We teach students to critically evaluate their own work and the work of others. This skill helps them understand what makes design effective, identify areas for improvement, and articulate the reasoning behind their creative decisions. Unique Voice Development : While students learn industry standards and best practices, we also encourage them to develop their own creative voice. The projects in our courses allow for personal expression within professional frameworks, helping students build portfolios that showcase both technical competence and creative vision. This focus on creativity serves students well in an AI-enhanced workplace. AI tools can suggest solutions, but they require human creativity to frame problems effectively, evaluate options critically, and make decisions that align with project goals and user needs. Students who develop strong creative thinking skills become AI users who guide technology toward meaningful outcomes, rather than passive consumers who accept whatever AI generates. AI for the Workplace Understanding the growing importance of AI literacy across all career pathways, we developed the AI for the Workplace course to equip students with practical AI skills they can apply regardless of their future educational or professional direction. This course takes a fundamentally different approach from many AI education initiatives—rather than focusing on how to build AI systems, we teach students how to work effectively with AI as a professional tool. The course is built around several core principles: AI as an Enhancement, Not a Replacement : We explicitly teach students that AI is a tool to enhance their capabilities, not replace their thinking. Just as calculators didn't eliminate the need to understand mathematics, AI tools don't eliminate the need for critical thinking, creativity, and professional judgment. Students learn to use AI to streamline work, generate ideas, and tackle complex problems more efficiently—while maintaining ownership of their decisions and outputs. Practical, Cross-Industry Application : The course features our PromptScout tool, which provides students with over 5,000 example prompts from 63 different industries and job categories. This exposure helps students understand that AI isn't just for programmers or data scientists—it's increasingly relevant for welders, dental hygienists, marketing professionals, educators, and countless other careers. By exploring AI applications across diverse fields, students can envision how these tools might support their own career interests. Ethical and Responsible Use : We emphasize that working with AI requires understanding its limitations, biases, and ethical implications. Students learn to evaluate AI outputs critically, recognize when AI might produce misleading or inappropriate results, and understand their responsibility as AI users. This includes discussions about plagiarism, intellectual property, data privacy, and the importance of transparency about AI use in professional settings. Real-World Scenarios : Rather than abstract concepts, the course presents students with authentic workplace scenarios where AI can provide value. Students practice using AI for research, content creation, problem-solving, and decision support. They learn to write effective prompts, evaluate results critically, and integrate AI insights into their work appropriately. Why AI Isn't a Threat—It's an Opportunity There's considerable anxiety in education about AI potentially replacing jobs or enabling students to bypass genuine learning. We understand these concerns, but we believe they reflect a misunderstanding of how AI functions and how education should respond. AI excels at pattern recognition, data processing, and generating content based on existing information. But it lacks several distinctly human capabilities that remain essential in virtually every professional field: Contextual Understanding : AI can't fully grasp the nuanced context of specific situations, client relationships, or organizational cultures. It doesn't understand the unspoken requirements, the historical background, or the dynamics that often shape professional decisions. Creative Vision : While AI can generate variations on existing ideas, true creative innovation—the ability to envision something fundamentally new—remains a human strength. AI can support the creative process, but it can't originate creative vision.  Ethical Judgment : AI can identify options but can't make value-based decisions about what should be done in complex situations. Professional ethics, moral reasoning, and nuanced judgment remain human responsibilities. Relationship Building : Professional success often depends on trust, communication, and interpersonal skills that no AI can replicate. Understanding clients, collaborating with colleagues, and navigating organizational dynamics require emotional intelligence and social skills. Adaptive Problem-Solving : When faced with novel situations that don't match existing patterns, humans excel at adaptive thinking—drawing on diverse experiences, making creative connections, and inventing new approaches. Students who develop these human capabilities while learning to leverage AI as a tool will be exceptionally well-prepared for the future workplace. They'll be able to accomplish more, faster, and with higher quality than those who rely on human capability alone—or those who try to rely on AI without strong foundational skills. The CTeLearning Difference: Preparing Whole Professionals Our curriculum philosophy has always focused on preparing "whole professionals"—students who possess not just technical skills, but also the soft skills, ethical understanding, and professional mindset needed for career success. This holistic approach becomes even more valuable in an AI-enhanced workplace. In our courses, students learn: Technical proficiency in their chosen field, whether web design, animation, or game development Creative problem-solving through project-based learning and iterative design processes Professional communication through client engagement scenarios and collaborative projects Ethical reasoning regarding intellectual property, copyright, workplace ethics, and now AI use Self-directed learning skills that enable them to adapt as technologies evolve Critical thinking to evaluate their work, assess options, and make informed decisions When students complete our courses and earn industry-recognized certifications, they carry with them not just technical knowledge but a professional identity. They understand what it means to work as a designer, developer, or animator. They can speak the language of their chosen field, understand professional standards, and navigate workplace expectations. Adding AI literacy to this foundation creates students who are uniquely prepared for the evolving workplace. They possess the technical skills employers need, the creative capabilities that AI cannot replicate, and the understanding of how to leverage AI tools to enhance their professional effectiveness. Looking Forward The integration of AI into education and the workplace will continue to accelerate. Rather than viewing this as a threat, we see it as an opportunity to emphasize what makes us distinctly human—our creativity, our ethical judgment, our ability to understand context, and our capacity for innovative thinking. At CTeLearning, we're committed to helping teachers prepare students for this future. Our courses provide the technical foundation, creative development, and now the AI literacy that students need to thrive. We believe in empowering students to understand and direct technology, not be directed by it. For teachers considering how to address AI in their classrooms, we encourage you to focus on these principles: Teach process alongside product : Help students understand how professionals think and work, not just what they produce Emphasize creativity and critical thinking : These human capabilities become more valuable, not less, in an AI-enhanced world Introduce AI as a tool : Frame AI as something students can learn to use effectively, not something to fear or rely upon uncritically Maintain high standards : AI shouldn't lower expectations; it should enable students to achieve more sophisticated results Address ethics explicitly : Help students understand their responsibilities as AI users in educational and professional contexts The future belongs to students who can blend human creativity with technological capability—who understand both the power and the limitations of AI, and who can apply professional judgment to decide when and how to leverage these tools. That's the kind of preparation CTeLearning provides, and it's what your students deserve. If you're interested in learning more about our Web Design course, AI for the Workplace course, or any of our other career and technical education offerings, schedule a free 20-minute demo with us. Let us show you how we can help you prepare your students for successful futures in an AI-enhanced world.
By Steve Waddell November 3, 2025
Landscape design and horticulture still offer bright future pathways for your students.