Thapelo Anthony Motsumi

Digital Projects Specialist

[thapelomotsumi]

[thapelomotsumi]

Landing Page design on Figma: link to the actual page

[thapelomotsumi]

Hero section with an image on the left

[thapelomotsumi]

Hero section with an image on the left

[thapelomotsumi]

Github link: https://github.com/Thaps72/hero_2

[thapelomotsumi]

[thapelomotsumi]

I’m a big fan of Man City FC, so I decided to make a landing page of their latest signing Erling Haaland. My creative process went as follows - started with mid -fidelity wireframes & high-fidelity wireframes, I took my design into vs code using HTML, CSS & SAAS. 

[thapelomotsumi]

I have been busy cloning the Netflix home page and trying to make it responsive without using Bootstrap methods. I found it challenging but it was worth the experience, I need  to polish my media query skills in order to understand responsive design principles more.

[thapelomotsumi]

I recently read becoming by Michelle Obama which inspire me to create a four page website based on the book. I create about four pages which consist of about, home, contact and her social links. I used Vs code as a code editor and Font Awasome for icons, also I used Pixbay for stock images which I used as background. All the pages are clickable and have content inside them.

[thapelomotsumi]

[thapelomotsumi]

Dropdown navigation design: June 2020 

[thapelomotsumi]

Animated side menu: May 2020

[thapelomotsumi]

Animated side menu projects. May 2020

[thapelomotsumi]

My role within the site development: 

1. I photographed about four themes and creatively produced 80% of the content in the site.

2. Uploaded content and tagged 60% of the categories for searchability so the user can find the type of images they are looking for and make a sale.

3. Worked on the back-end to create product variations with a senior php developer, senior designer and senior frontend developer.

4. Worked closely with the team at PayGate to create a functional payment system.and secure the site for payment.

5. Worked closely with the team at Godaday to secure the site and run functional tests in the development environment before going live.

Site link:https://www.umuzistock.com/

[thapelomotsumi]

Thulani Tshabangu Wedding:

[thapelomotsumi]

Thulani Tshabangu couple shoot:

[thapelomotsumi]

My role within the site development:

1. Shot content and uploaded all the selected themes.

2. Worked on the layout of the site.

3. Worked with a project manager while using an agile and scrum system to meet deadlines.

4. I was able to maintain and handover the site to the social media team for promotional purposes.

Link to site:https://www.umuzicreates.com/