Good day
my name is Joewe Ntwanano Khosa a creative who articulate his ideas through visuals using code, illustrations and design.
I’m proficient at front-end development specifically UI/UX design and some code here and there :) with a history of C# and swift (UIkit and swiftUI)
Design/Skills
Since my early days as a young one I've been fascinated and had a keen interest in how things are designed/ come about so at age 19 i took interest in learning about graphics which resulted in me having 5 years experience with Adobe creative suite(illustrator and Photoshop) 4 years experience with figma and adobe XD and 12 month experience with Xcode/ swift (UIkit and swiftUI) as to date.
All languages i speak:
Swift (UIKit & SwiftUI)
Kotlin
HTML
CSS
Figma
AdobeXD
Git
C#
Education
South African Artificial Intelligence Association.in 2025 i became a member of the SAAIA.
The South African Artificial Intelligence Association (SAAIA) is an industry body focused on promoting the advancement of responsible AI in South Africa by uniting practitioners across Commercial, Government, Academic, Startup and NGO sectors.
.jpg)
.jpg)
at CTI educationgroup/Pearson institute of higher education.
iOS Dev with IACD / MICTSETA
Studied with IACD where i was training / practicing fundamentals of swift/iOS App development.
Recent projects
(2025) An Open Source Sketch Pad
Ive been using a number of apps for illustrations / sketches since 2015 my favourite was Adobe Draw (Discontinued ),
currently i frequently use SketchBook but then on 02 /12 /2025 i thought to myself why dont i develop my own SketchPad
and here it is :
Do enjoy :)
(2025) Built a Taxi Math App Using Google Gemini
Based of a Case study i did below i created a simplier version of the Taxi maths idea i had below ....Do use it :)
Your Welcome :)
No need for downloads just click button below and use it "Basically a web application"
(2025) Built a Arcade like Video Game (Web App)
So i developed a Super Mario Look alike / gameplay type of Arcade game based on a childrens book i wrote all this was done using:
Google Gemini.
The reason this was built it all started due to a
Chellenge:
1. No books for children to learn that its okay to go to the city and not find what you looking for and end up coming home.
2. Developing games to publish theres alot of Red Tape
posting on Google Play,
App store ,
Installing IDEs ,
Computer Hardware to run video Games are expensive.
Solutions:
1. Built and wrote all this using Gemini ...Googles answer to chatGPT...and it simplified alot ....Below is a Preview of Game Play and the book its Based On.
2. The game runs on Gemini Canvas no need for downloads its a web Application,
Enjoy :)
%20(1)-images-0.jpg)
.jpeg)
(2025) Case Study of a Taxi Math App
UI/UX Case Study: South African Taxi Change CalculatorProject OverviewProject Goal:
To design a mobile application that assists South African minibus taxi passengers in rapidly and accurately calculating their fare and change, simplifying group payments, and minimizing reliance on complex mental math (BODMAS).Target Audience: Daily commuters using South African minibus taxis, particularly those who struggle with quick mental arithmetic under payment pressure.Context: The app must account for the high-volume environment and typical capacity of 16 passengers, focusing on splitting fares and calculating correct change for the group.UI/UX Case Study: South African Taxi Change CalculatorProject OverviewProject Goal: To design a mobile application that assists South African minibus taxi passengers in rapidly and accurately calculating their fare and change, simplifying group payments, and minimizing reliance on complex mental math (BODMAS).Target Audience: Daily commuters using South African minibus taxis, particularly those who struggle with quick mental arithmetic under payment pressure.Context: The app must account for the high-volume environment and typical capacity of 16 passengers, focusing on splitting fares and calculating correct change for the group.
(2025) Hitsakela Ntiro Projects
I recently led the development of the company profile and website for "Hitsakela Ntiro Projects.
" My role spanned the entire Software Development Life Cycle (SDLC), from initial user interface (UI) design to the final, live website.
Context and Scope:
The project involved a comprehensive approach to creating an online presence. I was responsible for:
UI/UX Design:
Crafting an intuitive and visually appealing interface that aligns with the company's brand identity.
Web Development:
Building a fully functional website from the ground up, ensuring a seamless user experience.
SDLC Management:
Overseeing the project from conception to completion, including planning, execution, and deployment.
This project showcases my ability to manage and deliver a complete web solution, handling both the creative and technical aspects of a digital product. 💻
Desktop UI
iPhone 16 resolution / Mobile UI
Ntiro Projects Company Website Live.
(2023) SmartBite App Case study
.jpg)
User flow Diagram for SmartBite App
Basically this is the life cycle/idealization of how the app works... i was part of a team that developed this App and most of my role was based around user research and UI Design also this user flow was designed using:
FigJam
Figma
Google Docs
High Fidelity Designs of SmartBite App
Overall the App was for iOS so the design had to have iOS icons even the functionality and also adhere to Apple standards ....
Listed in the interface design above first is the login and sign up (Authentication) screens ,then Home Screen followed by add food item screen in which you search the food item now based on the actual app the items are search using an API model.
Next Row from right to left ("my aim was for the layout to be chronological") is still the search screen with results and when a cell is clicked is next screen that shows details of selected item and when
Presentation Video of SmartBite App rendered in renderforest
This video was for a presentation when we presented the App
Actual App was developed in
Xcode :
Developed in SwiftUI
Some of the tools used:
FireBase (for aunthentication)
SF Symbols
MVVM Architecture
API (Postman)
Unit Tests
Below is the Actual App running in Xcode Simulator
(2023)Brick Breaker Mobile Game
Medium Fidelity Wire frames
If you look to the far right "3rd column" in this row this wire frame was created based of that video game .
what i decided to do during the development of the game there was no visual case study of the UI design all of it was designed based off written down ideas so after it was developed i decide to design these interfaces also it was designed using:
Figma Resources
Figma
.png)
Screenshots of the Brick Breaker Game Interfaces
This is documentation of a brick breaker game i designed as an iOS developer intern.
The idea behind it was I couldn't find a brick breaker game online/repository that is developed in UIkit also doesn't have SpriteKit or CocoaPods
So i decided to create one.
Alot of the code is done programmatically there's not a lot of storyboards or XIBs.
Game Play:
Player has 3 lives , there's 10 levels in the game with each and every level the speed of the ball increase and the bricks get harder to break to move on to next level all bricks must be destroyed if the ball go below the screen its game over.
Gameplay in Xcode Simulator recording
This is a video of the actual game/App demonstrating how it runs and how to play.
(2023)GOT App
.jpg)
High Fedility Designs for GOT App
This was designed using figma it was the initial design when creating this App.
since the app was specifically for iOS the design icons i used were also for iOS and following this design in the actual app i was supposed to use XIBs in the table view cells but that was my early stages as a developer so i only used normal table view cells as a list.
Tools used:
Figma
GoogleDocs
Figma Resources
Pintrest
Screenshots of the Developed GOT App.
Part of designing this App the requirements were to use UIkit and storyboards hence the home screen /a lot of the screen look like a list a lot of it was learning , from figuring out constraints to implementing a model to Access the data in the API to displaying images from the API .
Tools used:
Xcode
SF Symbols
Postman
UIkit
Projects i worked on in 2019
(2019) Created a simple 3D video game written in C# using Unity (IDE).
Description
You navigate a robot moving around a dessert collecting coins
Below is link to the GitHub
Repository
(2019) A website for a wine/gin tasting brand called spiritlabza (not yet published) written in HTML,CSS, PHP(for the fill in form) and Bootstrap.
link to github repository
(2019) a mock up/prototype for a cavaTheCombo(clothing brand) app 320px view(mobile phone display)
this falls under
UI/UX design.
Designed using Adobe XD.
(2019) Another prototype of a UI for a E-learning mobile app for secondary school students
designed via Adobe XD size 320PX.
Wordpress Blogging/ Analytics (2015)
Since 2013 I've been a blogger this is back in my high school days...
I was recruited by one of my mentors and since then i got to understand WordPress analytics ,SEOs and hosting eventually i ended up learning PHP and started to build WordPress websites...
You can read one of the interviews i did in 2015 and view the blog below:
Built an online store using shopify (2019)
Back in 2015 me and one of my business partners then started a clothing label fast forward to 2019 i helped design and build the online store using shopify:
Brand Name: Cava The Combo (currently titled Ghamments)
Below is the preview (unpublished) and you can visit their Instagram profile by clicking button below:
(2020 to 2023) Album Sleeves/Artworks i Designed in Spotify interface
