The art of the web that I truly love

In code's realm, I craft and roam, Passion for web, in a zone of my own. Front-end's my canvas, focus refined, Crafting wonders in each design.

Visually alluring, user's delight, Websites emerge, fresh and bright. Beyond mere code, pixels take flight, Digital realms where stories ignite.

Joyce Madjos

UI/UX Designer

Web Developer, Admin & Analyst

About Me

Education

Polytechnic University of the Philippines

Bachelor of Science in Computer Science

2019 - 2023

Experience

kadakareer-icon

Product

Engineer

KadaKareer

Internship

July 2023 - Present

  • Played a key role in developing the front-end of the KadaKareer’s platform by using technical expertise to enhance existing products and build new ones, constantly striving to improve the user experience.
  • Worked closely with a team of designers, project managers, and engineers to bring creative ideas to life and deliver tangible results.
  • Contributed to KadaKareer’s goal of providing a low-bandwidth, community-based career development platform for underserved students in the Philippines.
  • Supported KadaKareer’s mission and vision by delivering high-quality work that helped expand the platform’s offerings and made a positive impact on the lives of many students.

ReactJS ·  

HTML ·  

CSS ·  

JavaScript ·  

Jest ·  

React Testing Library ·  

Git ·  

GitHub

kadakareer-icon

UI/UX

Designer

KadaKareer

Apprenticeship

May - July 2023

  • Research and analyzed MedGrocer's website to identify inconsistencies and discrepancies present across the pages. Improved the experience of customers and contributed to the company’s branding and success.
  • Aided MedGrocer in formulating a plan to standardize its visual identity.
  • Enhanced website's user experience with revamped mobile and desktop designs
  • Developed a Figma Library that encompasses sample wireframes, suggested design principles, a shared asset repository for future design endeavors, and a comprehensive standardized website quality testing checklist.
  • Awarded the Kada’s Choice Award, a recognition by KadaKareer’s executive team, out of 159 participants in the program.

Figma ·  

Google Sheet

wsap-logo

Website

Administrator

Wedding Supplier Association of the Philippines Inc.

Internship

August - September 2022

  • Served as the point person for clarifications and suggestions regarding their respective websites for Pa-Home Service and the Philippine Agriculture Expo brand heads.
  • Averted website downtime by proactively identifying and resolving technical issues.
  • Protected the website from unauthorized access and malicious attacks by implementing firewalls and security protocols.
  • Managed the addition and updating of plugins for both websites

WordPress

wsap-logo

Website

Analyst

Wedding Supplier Association of the Philippines Inc.

Internship

August - September 2022

  • Provided the Philippine Hotels Directory brand with accurate and up-to-date information about website traffic by creating Weekly Analytics reports.

WordPress ·  

Google Analytics ·  

Lighthouse ·  

Google Sheet

Technologies

GitHub Logo

GitHub

HTML Logo

HTML

CSS Logo

Vanilla CSS

JavaScript Logo

JavaScript

ReactJS Logo

ReactJS

SASS Logo

SCSS

Bootstrap Logo

Bootstrap

Figma

C

C#

Java

MATLAB

Canva

jQuery

PHP

SQL

Git

Firebase

WordPress

Jest

React Testing Library

Projects

Portfolio Website Image

ui/ux design

MedGrocer UI/UX Design Challenge

Researched MedGrocer's website, standardized its visual identity, enhanced its user experience, developed a Figma Library, and created a quality assurance checklist.

Figma

Portfolio Website Image

ui/ux design & website

Portfolio Website

Handcrafted original design and personally hardcoded portfolio website, created from scratch. A reflection of love for web development and commitment to excellence.

Figma · HTML · CSS · JavaScript

Portfolio Website Image

novel algorithm

BHCSEO for Cryptanalysisof RC4

The integration of two metaheuristic algorithms - Cuckoo Search Algorithm and Equilibrium Optimizer to attack the internal state of RC4. Enhancing cyberattack prevention methods.

MATLAB

Show More

Case Study

ux testing

UX Testing

ux testing

Brand Book

ux testing

Figma Library & Prototypes

ux testing

QA Testing

Enhancing MedGrocer's User Experience and Brand Consistency

Evaluated website, planned brand identity, created user-centered design and high-fidelity wireframes, and made standardized QA checklist.

Learn More