developer,
illustrator,
designer.

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)
HTML
CSS
Figma
AdobeXD
Git
C#
‍

Education

at CTI educationgroup/Pearson institute of higher education.

Studied with IACD where i was training / practicing fundamentals of swift/iOS App development.

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

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
‍

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.

(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.