Yamkela Lusithi



UX/UI

Developer


Who am I?

Frontend Developer

UX/UI Developer

Educational Technologist

HTML5
CSS3
JavaScript
Figma
Node.js
React

My Projects

Craft WebBuilder

Craft WebBuilder - Website Builder

A no-code website builder built with HTML, CSS, and JavaScript that empowers end users to design professional websites quickly.

The platform provides three customizable templates (Business, Portfolio, Landing Page).

  • A live editing interface, drag-and-drop functionality.
  • Theme customization for colors, fonts, and layouts.
  • Designed to be responsive, user-friendly, and lightweight.
  • Craft WebBuilder demonstrates my ability to combine UI/UX design with frontend engineering.
View Live Website
FNB Chatbot

FNB Chatbot Learning Interface

Designed a clean, responsive chatbot interface to teach users interactive digital problem-solving with HTML, CSS, and JavaScript.

  • Typewriter animation & glowing text effects for engagement
  • Floating background words to enhance UX and interactivity
  • Responsive layout for desktop & mobile learners
  • Dynamic user/bot message bubbles simulating real interactions
  • Email-ready form integration (EmailJS) for user input practice
View Live Website
MoneySave Jr

MoneySave Jr - Interactive Financial Literacy Web Interface

Built an engaging educational platform teaching children to manage pocket money with responsive, playful UI designed for learning.

  • Custom CSS animations: bouncing tabs, entrance effects, light FX for interactivity
  • Responsive layout using Flexbox & Grid to support multiple devices
  • Transparent UI elements with rgba overlays for clear visual hierarchy
  • Interactive buttons & input tools with hover effects for learner engagement
  • Weekly financial planner & pocket money calculator to teach practical budgeting skills
View Live Website
The Academic

The Academic - Digital Research Platform

Developed and Designed a clean, Academic Research website to help students easily access academic research material.

  • Developed a responsive platform enabling students to access academic resources efficiently
  • Floating background words to enhance UX and interactivity
  • Responsive layout for desktop & mobile learners
  • Integrated eBook viewers and digital libraries to enhance digital research skills.
  • Designed with accessibility and learner-centered navigation in mind.
View Live Website
NeuroStudy

NeuroStudy - Accessible Study Dashboard

A study dashboard tailored for neurodivergent learners (HTML, CSS and JavaScript).

  • Task Management: Add, remove, and prioritize tasks with color-coded indicators.
  • Study Notes: Write and listen to notes using text-to-speech.
  • Responsive layout for desktop & mobile learners
  • Focus Timer: Implemented a Pomodoro-style timer for structured sessions.
  • Accessibility: Features font-size adjustment, high-contrast mode, and focus mode toggle.
View Live Website

Soft Skills


Services

I design and build creative digital experiences that are simple, useful and engaging.

UX & Interaction Design

Wireframes, prototypes and user flows designed for clarity and usability.

Frontend Development

Responsive and accessible HTML, CSS and JavaScript interfaces.

EdTech Product Design

Interfaces built for learning environments, informed by research and education.

Usability Testing

Research, testing and feedback to improve engagement and accessibility.

About Me

Yamkela Lusithi is a UX/UI Developer | Frontend Developer with a background in Educational Technology. I design and build responsive, user-centered digital experiences using HTML, CSS, JavaScript, and modern frontend frameworks. My work bridges design, technology, and research to create intuitive interfaces that enhance engagement, accessibility, and learning. I enjoy translating big ideas into everyday digital experiences that feel natural and accessible to everyone.

Coding Skills

Educational Background

Work Experience

  • Front-End Development
    HTML5, CSS3, JavaScript
  • Frameworks & Libraries
    React.js ,jQuery,Vue.js, Figma (Material-UI), Angular, Bootstrap & Tailwind CSS
  • Developer & Design Tools
    VS Code, Git & GitHub, Sketch, Chrome Dev Tools
  • Educational Technology Tools
    Moodle, Articulate 360, Google Classroom, Canva
  • September 2025
    JavaScript Essentials 1 - Cisco Networking Academy
  • July 2025
    Certificate in Full Stack Development - FNB App Academy
  • May 2025
    CompTIA A+ Core 2 (220 - 1102) - Packt, Coursera
  • April 2025
    Python Web Development - Udemy
  • February 2025
    AWS Cloud Practitioner Essentials - AWS (Amazon Wen Services)
  • Expected - 2026
    B.Ed Hons in Languages, Literacies & Literature (Part-time) - University of Johannesburg
  • May 2024
    Bachelor of Education (FP Teaching)- Walter Sisulu University
  • Learning Interface Frontend Developer (Freelance)

    • Oct 2024 - Current


    Designing and developing interactive educational interfaces using HTML, CSS, and JavaScript.

    Focusing on user-centred design, accessibility, and responsive layouts across devices.

    Conducting usability testing and iterative improvements to optimize user engagement.

    Built portfolio projects showcasing UX/UI design principles applied to EdTech solutions.


  • Software Engineer Virtual Intern (Simulation)

    • Accenture Nordics & J.P. Morgan (Forage) | Jun 2025 - Aug 2025


    Completed structured software engineering projects focusing on web development, and interactive UI implementation.

    Built responsive web applications using HTML, CSS, JavaScript, and React.js for simulated enterprise environments.

    Developed project deliverables simulating real-world software engineering workflows, including version control and UI component integration.

Contact Me