B-TECH ACADEMYWeb Development
Modern Website Development
Build accessible, responsive websites and reliable JavaScript applications, then test and deploy a complete business website.
First topic open · Learn at your paceTZS 50,000View course
From knowing to doing.
Explain and apply hierarchy, composition, typography, color, and visual perception.
Produce appropriate raster, vector, and print-ready assets with documented rights and production settings.
Translate audience research into a coherent brand identity and usable guidelines.
Build responsive interface layouts, reusable components, and task-based prototypes in Figma.
Evaluate accessibility and usability with explicit criteria and observed evidence.
Deliver a documented brand and interface capstone with tested files and professional handoff notes.
ONE TOPIC AT A TIME
6 modulesYour learning path.
Visual foundations: attention, structure, type, and color4 topics
Design as communication and evidence120 min + practice
Free preview
Composition, grids, and meaningful hierarchy120 min + practice
Locked
Typography as a system for reading120 min + practice
Locked
Color relationships, contrast, and semantic meaning120 min + practice
Locked
Digital craft: pixels, vectors, photographs, and production4 topics
Choosing raster and vector methods80 min + practice
Locked
Drawing clean shapes, paths, and icons80 min + practice
Locked
Photographic editing, masks, and responsible image use80 min + practice
Locked
Print preparation, proofs, and delivery quality80 min + practice
Locked
Brand systems: research, identity, applications, and guidelines4 topics
Turning a brief into a defensible brand direction80 min + practice
Locked
Developing and testing a flexible logo system80 min + practice
Locked
Building a coherent identity across real applications80 min + practice
Locked
Writing useful brand guidelines and review criteria80 min + practice
Locked
Interface design: structure, responsive layouts, components, and prototypes4 topics
Information architecture and task-based wireframes80 min + practice
Locked
Responsive layout and Figma auto layout80 min + practice
Locked
Components, states, and design tokens80 min + practice
Locked
Prototyping interactions and purposeful motion80 min + practice
Locked
Evaluation: accessibility, research, critique, and delivery4 topics
Accessibility as a design and testing practice80 min + practice
Locked
Running a small, ethical usability study80 min + practice
Locked
Critique, prioritization, and evidence-based iteration80 min + practice
Locked
Developer handoff and production quality assurance80 min + practice
Locked
Professional studio: scope, systems, capstone, and reflection4 topics
Scoping a design project and managing feedback80 min + practice
Locked
Auditing and evolving an existing visual system80 min + practice
Locked
Capstone studio: a brand and learning-platform experience80 min + practice
Locked
Presenting a case study and planning further practice80 min + practice
Locked
The details.
Course overview
An original, practice-intensive course progressing from visual foundations to brand systems, print production, Figma interface design, usability evaluation, and professional handoff. The course develops professional skills through worked examples, guided studio exercises, quizzes, and a complete capstone; it is not an accredited degree or professional licence.
Before you begin
A computer with a modern browser, reliable file storage, and internet access for research.
Access to a vector editor, raster editor, and Figma or an equivalent interface design tool; paid features are optional.
Willingness to sketch, revise work, test designs with consenting participants, and record decisions.
Good to know.
What is free?
The first published topic is open to everyone. The remaining topics unlock with one verified TZS 50,000 payment for this course.
Is this a recurring subscription?
No. This release uses one-time course access, without automatic renewals.
Can I download course notes?
Notes and diagrams are read inside your course workspace. There is no notes download option.
What do I need for a certificate?
Complete all published topics, pass required quizzes and receive instructor approval for required projects.
Is this an accredited degree?
This is professional skills training with a B-tech completion certificate. It does not award an accredited academic degree.
What language are the lessons in?
The course notes are currently in English. The website interface supports English and Kiswahili.
