INSERT INTO `wpposts` VALUES
(981, 1, '2025-12-26 09:12:12', '2025-12-26 09:12:12', '<img width="1328" height="1346" src="https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib.png" alt="" srcset="https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib.png 1328w, https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib-296x300.png 296w, https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib-1010x1024.png 1010w, https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib-768x778.png 768w" sizes="(max-width: 1328px) 100vw, 1328px" />																<h2>Designing Creative Digital Solutions</h2>					<h2>Passionate about crafting seamless user experiences through design and technology.</h2>										<a href="#">\n				<svg aria-hidden="true" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"><path d="M369.9 97.9L286 14C277 5 264.8-.1 252.1-.1H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V131.9c0-12.7-5.1-25-14.1-34zM332.1 128H256V51.9l76.1 76.1zM48 464V48h160v104c0 13.3 10.7 24 24 24h104v288H48z"></path></svg>			\n									Adib''s CV\n					</a>\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>Summary</h2>					<h2>I have worked with Indonesia’s leading and largest digital media companies.</h2>					<h2><b>UI/UX Designer</b> with experience designing intuitive digital interfaces for websites and mobile apps. Skilled in <b>design thinking</b>, user research, wireframing, and usability testing to deliver user-centered solutions aligned with business goals. Proficient in <b>Figma</b>, HTML/CSS, Bootstrap, and Elementor. <br><br>Strong visual design foundation with additional experience in graphic and video editing. <br><br>A fast learner with strong communication and collaboration skills, <b>ready to contribute</b> to impactful digital projects.</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							My Work Journey​						\n					</h3>\n							<h2>Experience</h2>					<h2>I have worked with Indonesia’s leading and largest digital media companies.</h2>															<img width="66" height="66" src="https://portoadib.my.id/wp-content/uploads/2025/12/FlazzTax-Logo.png" alt="" />																<h2>UI/UX Designer &amp; WordPress Dev</h2>					<h2>PT Hansel Primatech Asia (FlazzTax)</h2>					<h2>Internship</h2>					<h2>Mei 2025-Present</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo.png" alt="" />																<h2>Website Designer</h2>					<h2>MENDIK Yayasan Islam Al Huda Bogor - Indonesia</h2>					<h2>Contract | Junior Position</h2>					<h2>Sep 2024-Dec 2024</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo-1.png" alt="" />																<h2>UI/UX Designer</h2>					<h2>PT Trans Digital Media (detikcom)</h2>					<h2>Internship | Magang Merdeka Batch 5</h2>					<h2>Aug 2023-Dec 2023</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Education​​						\n					</h3>\n							<h2>Study</h2>					<h2>Specialized in a field that directly supports my professional journey.</h2>															<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo-2.png" alt="" />																<h2>Universitas Pembangunan Nasional Veteran Jakarta</h2>					<h2>Information Systems</h2>					<h2>Lulusan Berprestasi</h2>					<h2>Aug 2021 - Jul 2024</h2>							\n							<h2>I completed my education in Information Systems at <b>UPN Veteran Jakarta</b> in 2024. During my study, I received various relevant courses such as Human and Computer Interaction, Information Systems Analysis and Design, Business Process Analysis, Web Programming, and Mobile Programming. <br><br>I was also honored to be one of the <b>outstanding students</b> in the study program.</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo-3.png" alt="" />																<h2>Politeknik Negeri Media Kreatif Jakarta</h2>					<h2>Multimedia</h2>					<h2>2 Semesters</h2>					<h2>Aug 2020 - May 2021</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>Certifications &amp; Credentials</h2>					<h2>Training and certification highlights from credible learning platforms and institutions.</h2>															<img width="66" height="66" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo-BNSO.png" alt="" />																<h2>Badan Nasional Sertifikasi Profesi</h2>					<h2>Certificate of Competence Junior Web Programmer (PHP)</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/LOGO-BWA.png" alt="" />																<h2>BuildWithAngga</h2>					<h2>Full-Stack JavaScript Developer Next JS: Booking Flight Ticket (JavaScript)</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/LOGO-MYSKILLID.png" alt="" />																<h2>MySkill</h2>					<h2>Design Process Using Figma</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/LOGO-MYSKILLID.png" alt="" />																<h2>MySkill</h2>					<h2>End-To-End UX Research Process</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>Honors &amp; Awards</h2>					<h2>I have achieved several awards in national competitions focused on innovation, creativity, and technological solutions. Here are some of my achievements.</h2>					<h2>Lulusan Berprestasi | D3 Sistem Informasi | UPNVJ</h2>					<h2>Sep 2024</h2>							\n							<h2>3rd Runner-up | UI/UX Design Competition | UNJANI</h2>					<h2>Apr 2023</h2>							\n							<h2>Semifinalist | Business Plan Competition | UNDIP</h2>					<h2>Mar 2023</h2>							\n							<h2>3rd Winner | Essay Competition | UKSW</h2>					<h2>Nov 2022</h2>							\n							<h2>1st Winner | Videography Competition | UPNVJ</h2>					<h2>Oct 2022</h2>							\n							<h2>3rd Winner | Innovation &amp; Research Competition | UPNVJ</h2>					<h2>Aug 2022</h2>							\n							<h2>2nd Winner | Short Movie BOFMAN4 | MAN 4 Jakarta</h2>					<h2>Nov 2019</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>Organization Experience</h2>					<h2>I have worked with Indonesia’s leading and largest digital media companies.</h2>															<img width="66" height="66" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo_KSM-Multimedia-1.png" alt="" />																<h2>KSM Multimedia UPNVJ</h2>					<h2>Website Development</h2>					<h2>2nd Best Project</h2>					<h2>Feb 2022 - Jan 2023</h2>							\n							<h2>As a member of the Multimedia Student Study Group, KSM Multimedia at FIK UPN Veteran Jakarta, I actively participated in the Website Development class, where I learned key aspects of web development, including HTML/CSS, JavaScript, and Bootstrap.<br><br>My final project earned the 2nd Best Project, featuring a flexible website design that emphasized aesthetics and functionality. I approached each session with enthusiasm and gained valuable insights.</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>Skills</h2>					<h2>I have worked with Indonesia’s leading and largest digital media companies.</h2>							\n				<svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 33 33" fill="none"><path opacity="0.5" d="M16.5 2.75H11.9171C10.7015 2.75 9.53564 3.23291 8.67605 4.09249C7.81647 4.95208 7.33356 6.11793 7.33356 7.33356C7.33356 8.5492 7.81647 9.71505 8.67605 10.5746C9.53564 11.4342 10.7015 11.9171 11.9171 11.9171H16.5V2.75Z" stroke="#18181B" stroke-width="1.5"></path><path d="M16.5 11.9172H11.9171C10.7017 11.9172 9.53599 12.4001 8.67654 13.2595C7.81708 14.119 7.33424 15.2847 7.33424 16.5001C7.33424 17.7156 7.81708 18.8812 8.67654 19.7407C9.53599 20.6001 10.7017 21.083 11.9171 21.083H16.5V11.9172Z" stroke="#18181B" stroke-width="1.5"></path><path opacity="0.5" d="M25.6671 16.5001C25.6671 17.7157 25.1842 18.8815 24.3246 19.7411C23.465 20.6007 22.2992 21.0836 21.0836 21.0836C19.8679 21.0836 18.7021 20.6007 17.8425 19.7411C16.9829 18.8815 16.5 17.7157 16.5 16.5001C16.5 15.2844 16.9829 14.1186 17.8425 13.259C18.7021 12.3994 19.8679 11.9165 21.0836 11.9165C22.2992 11.9165 23.465 12.3994 24.3246 13.259C25.1842 14.1186 25.6671 15.2844 25.6671 16.5001ZM11.9171 21.0843H16.5V25.6672C16.4997 26.5735 16.2307 27.4595 15.727 28.2129C15.2232 28.9664 14.5074 29.5536 13.67 29.9002C12.8325 30.2469 11.9111 30.3375 11.0222 30.1605C10.1333 29.9835 9.31684 29.5469 8.67605 28.9059C8.03526 28.2649 7.59892 27.4483 7.4222 26.5594C7.24548 25.6704 7.33632 24.749 7.68323 23.9117C8.03014 23.0744 8.61753 22.3587 9.37115 21.8552C10.1248 21.3517 11.0108 21.0843 11.9171 21.0843Z" stroke="#18181B" stroke-width="1.5"></path><path d="M16.5 2.75H21.0829C22.2985 2.75 23.4644 3.23291 24.3239 4.09249C25.1835 4.95208 25.6664 6.11793 25.6664 7.33356C25.6664 8.5492 25.1835 9.71505 24.3239 10.5746C23.4644 11.4342 22.2985 11.9171 21.0829 11.9171H16.5V2.75Z" stroke="#18181B" stroke-width="1.5"></path></svg>				\n									<h3>\n							UI/UX Design						\n					</h3>\n				<svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 33 33" fill="none"><path d="M17.7127 16.5C19.3215 16.5 20.625 17.7306 20.625 19.25C20.625 20.7694 19.3215 22 17.7127 22H14.575C13.5383 22 13.0199 22 12.6968 21.6782C12.375 21.3537 12.375 20.8367 12.375 19.8V16.5M17.7127 16.5C19.3215 16.5 20.625 15.2694 20.625 13.75C20.625 12.2306 19.3215 11 17.7127 11H14.575C13.5383 11 13.0199 11 12.6968 11.3218C12.375 11.6463 12.375 12.1633 12.375 13.2V16.5M17.7127 16.5H12.375" stroke="#454546" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M30.25 16.5C29.5207 16.5 28.8212 16.2103 28.3055 15.6945C27.7897 15.1788 27.5 14.4793 27.5 13.75V11C27.5 6.44875 26.5512 5.5 22 5.5H11C6.44875 5.5 5.5 6.44875 5.5 11V13.75C5.5 14.4793 5.21027 15.1788 4.69454 15.6945C4.17882 16.2103 3.47935 16.5 2.75 16.5M2.75 16.5C3.47935 16.5 4.17882 16.7897 4.69454 17.3055C5.21027 17.8212 5.5 18.5207 5.5 19.25V22C5.5 26.5512 6.44875 27.5 11 27.5H22C26.5512 27.5 27.5 26.5512 27.5 22V19.25C27.5 18.5207 27.7897 17.8212 28.3055 17.3055C28.8212 16.7897 29.5207 16.5 30.25 16.5" stroke="#454546" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>				\n									<h3>\n							Website Dev (Front End Slicing)						\n					</h3>\n				<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119.3 8 8 119.2 8 256c0 136.7 111.3 248 248 248s248-111.3 248-248C504 119.2 392.7 8 256 8zM33 256c0-32.3 6.9-63 19.3-90.7l106.4 291.4C84.3 420.5 33 344.2 33 256zm223 223c-21.9 0-43-3.2-63-9.1l66.9-194.4 68.5 187.8c.5 1.1 1 2.1 1.6 3.1-23.1 8.1-48 12.6-74 12.6zm30.7-327.5c13.4-.7 25.5-2.1 25.5-2.1 12-1.4 10.6-19.1-1.4-18.4 0 0-36.1 2.8-59.4 2.8-21.9 0-58.7-2.8-58.7-2.8-12-.7-13.4 17.7-1.4 18.4 0 0 11.4 1.4 23.4 2.1l34.7 95.2L200.6 393l-81.2-241.5c13.4-.7 25.5-2.1 25.5-2.1 12-1.4 10.6-19.1-1.4-18.4 0 0-36.1 2.8-59.4 2.8-4.2 0-9.1-.1-14.4-.3C109.6 73 178.1 33 256 33c58 0 110.9 22.2 150.6 58.5-1-.1-1.9-.2-2.9-.2-21.9 0-37.4 19.1-37.4 39.6 0 18.4 10.6 33.9 21.9 52.3 8.5 14.8 18.4 33.9 18.4 61.5 0 19.1-7.3 41.2-17 72.1l-22.2 74.3-80.7-239.6zm81.4 297.2l68.1-196.9c12.7-31.8 17-57.2 17-79.9 0-8.2-.5-15.8-1.5-22.9 17.4 31.8 27.3 68.2 27.3 107 0 82.3-44.6 154.1-110.9 192.7z"></path></svg>				\n									<h3>\n							WordPress Dev						\n					</h3>\n				<svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 33 33" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.49852 5.94551C14.1519 5.42948 18.8481 5.42948 23.5015 5.94551C24.3898 6.04383 25.2191 6.43875 25.8553 7.06648C26.4915 7.6942 26.8975 8.51808 27.0078 9.40501C27.5593 14.1189 27.5593 18.8811 27.0078 23.595C26.8975 24.4819 26.4915 25.3058 25.8553 25.9335C25.2191 26.5613 24.3898 26.9562 23.5015 27.0545C18.8481 27.5705 14.1519 27.5705 9.49852 27.0545C8.61019 26.9562 7.78094 26.5613 7.14473 25.9335C6.50852 25.3058 6.10251 24.4819 5.99227 23.595C5.4407 18.8811 5.4407 14.1189 5.99227 9.40501C6.10251 8.51808 6.50852 7.6942 7.14473 7.06648C7.78094 6.43875 8.61019 6.04383 9.49852 5.94551ZM23.7298 3.89676C18.9247 3.36384 14.0754 3.36384 9.27027 3.89676C6.50377 4.20476 4.26939 6.38413 3.94489 9.16438C3.37579 14.0382 3.37579 18.9618 3.94489 23.8356C4.26939 26.6159 6.50239 28.7953 9.27027 29.1046C14.0754 29.6364 18.9246 29.6364 23.7298 29.1046C26.4963 28.7953 28.7306 26.6159 29.0551 23.8356C29.6242 18.9618 29.6242 14.0382 29.0551 9.16438C28.7306 6.38413 26.4976 4.20476 23.7298 3.89538M12.8906 21.3125H11.0454V11.2544C11.7109 11.1334 12.6335 11.0426 13.8889 11.0426C15.2501 11.0426 16.2484 11.33 16.8988 11.8745C17.5038 12.3736 17.897 13.1753 17.897 14.1281C17.897 15.0961 17.5945 15.8978 17.0198 16.4423C16.2773 17.1834 15.114 17.5313 13.7981 17.5313C13.4503 17.5313 13.1326 17.5161 12.8906 17.4708V21.3125ZM13.9631 12.4644C13.4503 12.4644 13.0873 12.5098 12.8906 12.5551V16.0036C13.1175 16.0641 13.42 16.0793 13.7981 16.0793C15.1896 16.0793 16.0366 15.3986 16.0366 14.2038C16.0366 13.0694 15.2501 12.4644 13.9645 12.4644M20.4971 21.3125H18.6368V16.3213C18.6368 15.323 18.623 14.6121 18.5763 13.9466H20.1946L20.2551 15.3533H20.3156C20.6786 14.3096 21.5408 13.7803 22.3273 13.7803C22.5088 13.7803 22.616 13.7954 22.7673 13.8256V15.5801C22.5878 15.5418 22.4049 15.5215 22.2214 15.5196C21.329 15.5196 20.724 16.0944 20.5576 16.9263C20.52 17.1156 20.4997 17.308 20.4971 17.501V21.3125Z" fill="#454546"></path></svg>				\n									<h3>\n							Video Editing						\n					</h3>\n							<h2>As a UI/UX Designer, I have skills in designing, prototyping, and developing user interfaces that are both aesthetic and functional. My skills include UI/UX design, user research, information architecture, and interactive wireframe and prototyping. I am familiar with using design tools such as Figma, FigJam, and Maze, which help to create an optimal user experience. <br><br>In addition, I also familiar with HTML/CSS, Bootstrap, and Elementor, which enable me to collaborate effectively with the development team. Beyond that, I also have additional skills such as: Video Editing: Adobe Premiere Pro, CapCut Desktop Writing: Microsoft Office, Google Docs Soft Skills: Communication, Research and Analysis <br><br>With this combination of skills, I am ready to deliver innovative design solutions that meet user needs and business goals.</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>The Flow of My Creativity</h2>					<h2>I have worked with Indonesia’s leading and largest digital media companies.</h2>					<h2><b>Identifying Needs</b><br>Understanding the core objectives and challenges is the first step in creating an effective design. This phase involves gathering user requirements, analyzing problems, and defining goals to ensure the final product meets expectations.</h2>							\n							<h2><b>Research and Prototyping</b><br>Thorough research and initial prototyping help translate ideas into tangible concepts. By studying user behavior and industry trends, I create wireframes and low-fidelity prototypes to visualize potential solutions before moving forward.</h2>							\n							<h2><b>Discussion and Revision</b><br>Collaboration is key to refining ideas. Through discussions with stakeholders and users, I gather feedback to adjust and improve the design. This iterative process ensures that the final outcome aligns with both user needs and project goals.</h2>							\n							<h2><b>Refinement and Alternatives</b><br>Exploring multiple design alternatives allows for better decision-making. I refine key elements, experiment with different layouts, and evaluate usability to ensure the best possible experience before finalizing the design.</h2>							\n							<h2><b>Testing and Feedback</b><br>User testing plays a crucial role in validating a design’s effectiveness. By analyzing real user interactions and collecting feedback, I make data-driven improvements to enhance usability and overall functionality before launch.</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Creative Recharge​​						\n					</h3>\n							<h2>Me When I''m Not Designing</h2>					<h2>The Activities That Shape My Creativity and Perspective</h2>															<img width="364" height="364" src="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34444-2.png" alt="" srcset="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34444-2.png 364w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34444-2-300x300.png 300w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34444-2-150x150.png 150w" sizes="(max-width: 364px) 100vw, 364px" />																										<img width="364" height="364" src="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34446-2.png" alt="" srcset="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34446-2.png 364w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34446-2-300x300.png 300w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34446-2-150x150.png 150w" sizes="(max-width: 364px) 100vw, 364px" />																										<img width="364" height="364" src="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34445-2.png" alt="" srcset="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34445-2.png 364w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34445-2-300x300.png 300w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34445-2-150x150.png 150w" sizes="(max-width: 364px) 100vw, 364px" />', 'About', '', 'inherit', 'closed', 'closed', '', '36-revision-v1', '', '', '2025-12-26 09:12:12', '2025-12-26 09:12:12', '', 36, 'https://portoadib.my.id/?p=981', 0, 'revision', '', 0),
(982, 1, '2025-12-26 09:12:12', '2025-12-26 09:12:12', '<img width="1328" height="1346" src="https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib.png" alt="" srcset="https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib.png 1328w, https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib-296x300.png 296w, https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib-1010x1024.png 1010w, https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib-768x778.png 768w" sizes="(max-width: 1328px) 100vw, 1328px" />																<h2>Designing Creative Digital Solutions</h2>					<h2>Passionate about crafting seamless user experiences through design and technology.</h2>										<a href="#">\n				<svg aria-hidden="true" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"><path d="M369.9 97.9L286 14C277 5 264.8-.1 252.1-.1H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V131.9c0-12.7-5.1-25-14.1-34zM332.1 128H256V51.9l76.1 76.1zM48 464V48h160v104c0 13.3 10.7 24 24 24h104v288H48z"></path></svg>			\n									Adib''s CV\n					</a>\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>Summary</h2>					<h2>I have worked with Indonesia’s leading and largest digital media companies.</h2>					<h2><b>UI/UX Designer</b> with experience designing intuitive digital interfaces for websites and mobile apps. Skilled in <b>design thinking</b>, user research, wireframing, and usability testing to deliver user-centered solutions aligned with business goals. Proficient in <b>Figma</b>, HTML/CSS, Bootstrap, and Elementor. <br><br>Strong visual design foundation with additional experience in graphic and video editing. <br><br>A fast learner with strong communication and collaboration skills, <b>ready to contribute</b> to impactful digital projects.</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							My Work Journey​						\n					</h3>\n							<h2>Experience</h2>					<h2>I have worked with Indonesia’s leading and largest digital media companies.</h2>															<img width="66" height="66" src="https://portoadib.my.id/wp-content/uploads/2025/12/FlazzTax-Logo.png" alt="" />																<h2>UI/UX Designer &amp; WordPress Dev</h2>					<h2>PT Hansel Primatech Asia (FlazzTax)</h2>					<h2>Internship</h2>					<h2>Mei 2025-Present</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo.png" alt="" />																<h2>Website Designer</h2>					<h2>MENDIK Yayasan Islam Al Huda Bogor - Indonesia</h2>					<h2>Contract | Junior Position</h2>					<h2>Sep 2024-Dec 2024</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo-1.png" alt="" />																<h2>UI/UX Designer</h2>					<h2>PT Trans Digital Media (detikcom)</h2>					<h2>Internship | Magang Merdeka Batch 5</h2>					<h2>Aug 2023-Dec 2023</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Education​​						\n					</h3>\n							<h2>Study</h2>					<h2>Specialized in a field that directly supports my professional journey.</h2>															<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo-2.png" alt="" />																<h2>Universitas Pembangunan Nasional Veteran Jakarta</h2>					<h2>Information Systems</h2>					<h2>Lulusan Berprestasi</h2>					<h2>Aug 2021 - Jul 2024</h2>							\n							<h2>I completed my education in Information Systems at <b>UPN Veteran Jakarta</b> in 2024. During my study, I received various relevant courses such as Human and Computer Interaction, Information Systems Analysis and Design, Business Process Analysis, Web Programming, and Mobile Programming. <br><br>I was also honored to be one of the <b>outstanding students</b> in the study program.</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo-3.png" alt="" />																<h2>Politeknik Negeri Media Kreatif Jakarta</h2>					<h2>Multimedia</h2>					<h2>2 Semesters</h2>					<h2>Aug 2020 - May 2021</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>Certifications &amp; Credentials</h2>					<h2>Training and certification highlights from credible learning platforms and institutions.</h2>															<img width="66" height="66" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo-BNSO.png" alt="" />																<h2>Badan Nasional Sertifikasi Profesi</h2>					<h2>Certificate of Competence Junior Web Programmer (PHP)</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/LOGO-BWA.png" alt="" />																<h2>BuildWithAngga</h2>					<h2>Full-Stack JavaScript Developer Next JS: Booking Flight Ticket (JavaScript)</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/LOGO-MYSKILLID.png" alt="" />																<h2>MySkill</h2>					<h2>Design Process Using Figma</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/LOGO-MYSKILLID.png" alt="" />																<h2>MySkill</h2>					<h2>End-To-End UX Research Process</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>Honors &amp; Awards</h2>					<h2>I have achieved several awards in national competitions focused on innovation, creativity, and technological solutions. Here are some of my achievements.</h2>					<h2>Lulusan Berprestasi | D3 Sistem Informasi | UPNVJ</h2>					<h2>Sep 2024</h2>							\n							<h2>3rd Runner-up | UI/UX Design Competition | UNJANI</h2>					<h2>Apr 2023</h2>							\n							<h2>Semifinalist | Business Plan Competition | UNDIP</h2>					<h2>Mar 2023</h2>							\n							<h2>3rd Winner | Essay Competition | UKSW</h2>					<h2>Nov 2022</h2>							\n							<h2>1st Winner | Videography Competition | UPNVJ</h2>					<h2>Oct 2022</h2>							\n							<h2>3rd Winner | Innovation &amp; Research Competition | UPNVJ</h2>					<h2>Aug 2022</h2>							\n							<h2>2nd Winner | Short Movie BOFMAN4 | MAN 4 Jakarta</h2>					<h2>Nov 2019</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>Organization Experience</h2>					<h2>I have worked with Indonesia’s leading and largest digital media companies.</h2>															<img width="66" height="66" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo_KSM-Multimedia-1.png" alt="" />																<h2>KSM Multimedia UPNVJ</h2>					<h2>Website Development</h2>					<h2>2nd Best Project</h2>					<h2>Feb 2022 - Jan 2023</h2>							\n							<h2>As a member of the Multimedia Student Study Group, KSM Multimedia at FIK UPN Veteran Jakarta, I actively participated in the Website Development class, where I learned key aspects of web development, including HTML/CSS, JavaScript, and Bootstrap.<br><br>My final project earned the 2nd Best Project, featuring a flexible website design that emphasized aesthetics and functionality. I approached each session with enthusiasm and gained valuable insights.</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>Skills</h2>					<h2>I have worked with Indonesia’s leading and largest digital media companies.</h2>							\n				<svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 33 33" fill="none"><path opacity="0.5" d="M16.5 2.75H11.9171C10.7015 2.75 9.53564 3.23291 8.67605 4.09249C7.81647 4.95208 7.33356 6.11793 7.33356 7.33356C7.33356 8.5492 7.81647 9.71505 8.67605 10.5746C9.53564 11.4342 10.7015 11.9171 11.9171 11.9171H16.5V2.75Z" stroke="#18181B" stroke-width="1.5"></path><path d="M16.5 11.9172H11.9171C10.7017 11.9172 9.53599 12.4001 8.67654 13.2595C7.81708 14.119 7.33424 15.2847 7.33424 16.5001C7.33424 17.7156 7.81708 18.8812 8.67654 19.7407C9.53599 20.6001 10.7017 21.083 11.9171 21.083H16.5V11.9172Z" stroke="#18181B" stroke-width="1.5"></path><path opacity="0.5" d="M25.6671 16.5001C25.6671 17.7157 25.1842 18.8815 24.3246 19.7411C23.465 20.6007 22.2992 21.0836 21.0836 21.0836C19.8679 21.0836 18.7021 20.6007 17.8425 19.7411C16.9829 18.8815 16.5 17.7157 16.5 16.5001C16.5 15.2844 16.9829 14.1186 17.8425 13.259C18.7021 12.3994 19.8679 11.9165 21.0836 11.9165C22.2992 11.9165 23.465 12.3994 24.3246 13.259C25.1842 14.1186 25.6671 15.2844 25.6671 16.5001ZM11.9171 21.0843H16.5V25.6672C16.4997 26.5735 16.2307 27.4595 15.727 28.2129C15.2232 28.9664 14.5074 29.5536 13.67 29.9002C12.8325 30.2469 11.9111 30.3375 11.0222 30.1605C10.1333 29.9835 9.31684 29.5469 8.67605 28.9059C8.03526 28.2649 7.59892 27.4483 7.4222 26.5594C7.24548 25.6704 7.33632 24.749 7.68323 23.9117C8.03014 23.0744 8.61753 22.3587 9.37115 21.8552C10.1248 21.3517 11.0108 21.0843 11.9171 21.0843Z" stroke="#18181B" stroke-width="1.5"></path><path d="M16.5 2.75H21.0829C22.2985 2.75 23.4644 3.23291 24.3239 4.09249C25.1835 4.95208 25.6664 6.11793 25.6664 7.33356C25.6664 8.5492 25.1835 9.71505 24.3239 10.5746C23.4644 11.4342 22.2985 11.9171 21.0829 11.9171H16.5V2.75Z" stroke="#18181B" stroke-width="1.5"></path></svg>				\n									<h3>\n							UI/UX Design						\n					</h3>\n				<svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 33 33" fill="none"><path d="M17.7127 16.5C19.3215 16.5 20.625 17.7306 20.625 19.25C20.625 20.7694 19.3215 22 17.7127 22H14.575C13.5383 22 13.0199 22 12.6968 21.6782C12.375 21.3537 12.375 20.8367 12.375 19.8V16.5M17.7127 16.5C19.3215 16.5 20.625 15.2694 20.625 13.75C20.625 12.2306 19.3215 11 17.7127 11H14.575C13.5383 11 13.0199 11 12.6968 11.3218C12.375 11.6463 12.375 12.1633 12.375 13.2V16.5M17.7127 16.5H12.375" stroke="#454546" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M30.25 16.5C29.5207 16.5 28.8212 16.2103 28.3055 15.6945C27.7897 15.1788 27.5 14.4793 27.5 13.75V11C27.5 6.44875 26.5512 5.5 22 5.5H11C6.44875 5.5 5.5 6.44875 5.5 11V13.75C5.5 14.4793 5.21027 15.1788 4.69454 15.6945C4.17882 16.2103 3.47935 16.5 2.75 16.5M2.75 16.5C3.47935 16.5 4.17882 16.7897 4.69454 17.3055C5.21027 17.8212 5.5 18.5207 5.5 19.25V22C5.5 26.5512 6.44875 27.5 11 27.5H22C26.5512 27.5 27.5 26.5512 27.5 22V19.25C27.5 18.5207 27.7897 17.8212 28.3055 17.3055C28.8212 16.7897 29.5207 16.5 30.25 16.5" stroke="#454546" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>				\n									<h3>\n							Website Dev (Front End Slicing)						\n					</h3>\n				<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119.3 8 8 119.2 8 256c0 136.7 111.3 248 248 248s248-111.3 248-248C504 119.2 392.7 8 256 8zM33 256c0-32.3 6.9-63 19.3-90.7l106.4 291.4C84.3 420.5 33 344.2 33 256zm223 223c-21.9 0-43-3.2-63-9.1l66.9-194.4 68.5 187.8c.5 1.1 1 2.1 1.6 3.1-23.1 8.1-48 12.6-74 12.6zm30.7-327.5c13.4-.7 25.5-2.1 25.5-2.1 12-1.4 10.6-19.1-1.4-18.4 0 0-36.1 2.8-59.4 2.8-21.9 0-58.7-2.8-58.7-2.8-12-.7-13.4 17.7-1.4 18.4 0 0 11.4 1.4 23.4 2.1l34.7 95.2L200.6 393l-81.2-241.5c13.4-.7 25.5-2.1 25.5-2.1 12-1.4 10.6-19.1-1.4-18.4 0 0-36.1 2.8-59.4 2.8-4.2 0-9.1-.1-14.4-.3C109.6 73 178.1 33 256 33c58 0 110.9 22.2 150.6 58.5-1-.1-1.9-.2-2.9-.2-21.9 0-37.4 19.1-37.4 39.6 0 18.4 10.6 33.9 21.9 52.3 8.5 14.8 18.4 33.9 18.4 61.5 0 19.1-7.3 41.2-17 72.1l-22.2 74.3-80.7-239.6zm81.4 297.2l68.1-196.9c12.7-31.8 17-57.2 17-79.9 0-8.2-.5-15.8-1.5-22.9 17.4 31.8 27.3 68.2 27.3 107 0 82.3-44.6 154.1-110.9 192.7z"></path></svg>				\n									<h3>\n							WordPress Dev						\n					</h3>\n				<svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 33 33" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.49852 5.94551C14.1519 5.42948 18.8481 5.42948 23.5015 5.94551C24.3898 6.04383 25.2191 6.43875 25.8553 7.06648C26.4915 7.6942 26.8975 8.51808 27.0078 9.40501C27.5593 14.1189 27.5593 18.8811 27.0078 23.595C26.8975 24.4819 26.4915 25.3058 25.8553 25.9335C25.2191 26.5613 24.3898 26.9562 23.5015 27.0545C18.8481 27.5705 14.1519 27.5705 9.49852 27.0545C8.61019 26.9562 7.78094 26.5613 7.14473 25.9335C6.50852 25.3058 6.10251 24.4819 5.99227 23.595C5.4407 18.8811 5.4407 14.1189 5.99227 9.40501C6.10251 8.51808 6.50852 7.6942 7.14473 7.06648C7.78094 6.43875 8.61019 6.04383 9.49852 5.94551ZM23.7298 3.89676C18.9247 3.36384 14.0754 3.36384 9.27027 3.89676C6.50377 4.20476 4.26939 6.38413 3.94489 9.16438C3.37579 14.0382 3.37579 18.9618 3.94489 23.8356C4.26939 26.6159 6.50239 28.7953 9.27027 29.1046C14.0754 29.6364 18.9246 29.6364 23.7298 29.1046C26.4963 28.7953 28.7306 26.6159 29.0551 23.8356C29.6242 18.9618 29.6242 14.0382 29.0551 9.16438C28.7306 6.38413 26.4976 4.20476 23.7298 3.89538M12.8906 21.3125H11.0454V11.2544C11.7109 11.1334 12.6335 11.0426 13.8889 11.0426C15.2501 11.0426 16.2484 11.33 16.8988 11.8745C17.5038 12.3736 17.897 13.1753 17.897 14.1281C17.897 15.0961 17.5945 15.8978 17.0198 16.4423C16.2773 17.1834 15.114 17.5313 13.7981 17.5313C13.4503 17.5313 13.1326 17.5161 12.8906 17.4708V21.3125ZM13.9631 12.4644C13.4503 12.4644 13.0873 12.5098 12.8906 12.5551V16.0036C13.1175 16.0641 13.42 16.0793 13.7981 16.0793C15.1896 16.0793 16.0366 15.3986 16.0366 14.2038C16.0366 13.0694 15.2501 12.4644 13.9645 12.4644M20.4971 21.3125H18.6368V16.3213C18.6368 15.323 18.623 14.6121 18.5763 13.9466H20.1946L20.2551 15.3533H20.3156C20.6786 14.3096 21.5408 13.7803 22.3273 13.7803C22.5088 13.7803 22.616 13.7954 22.7673 13.8256V15.5801C22.5878 15.5418 22.4049 15.5215 22.2214 15.5196C21.329 15.5196 20.724 16.0944 20.5576 16.9263C20.52 17.1156 20.4997 17.308 20.4971 17.501V21.3125Z" fill="#454546"></path></svg>				\n									<h3>\n							Video Editing						\n					</h3>\n							<h2>As a UI/UX Designer, I have skills in designing, prototyping, and developing user interfaces that are both aesthetic and functional. My skills include UI/UX design, user research, information architecture, and interactive wireframe and prototyping. I am familiar with using design tools such as Figma, FigJam, and Maze, which help to create an optimal user experience. <br><br>In addition, I also familiar with HTML/CSS, Bootstrap, and Elementor, which enable me to collaborate effectively with the development team. Beyond that, I also have additional skills such as: Video Editing: Adobe Premiere Pro, CapCut Desktop Writing: Microsoft Office, Google Docs Soft Skills: Communication, Research and Analysis <br><br>With this combination of skills, I am ready to deliver innovative design solutions that meet user needs and business goals.</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>The Flow of My Creativity</h2>					<h2>I have worked with Indonesia’s leading and largest digital media companies.</h2>					<h2><b>Identifying Needs</b><br>Understanding the core objectives and challenges is the first step in creating an effective design. This phase involves gathering user requirements, analyzing problems, and defining goals to ensure the final product meets expectations.</h2>							\n							<h2><b>Research and Prototyping</b><br>Thorough research and initial prototyping help translate ideas into tangible concepts. By studying user behavior and industry trends, I create wireframes and low-fidelity prototypes to visualize potential solutions before moving forward.</h2>							\n							<h2><b>Discussion and Revision</b><br>Collaboration is key to refining ideas. Through discussions with stakeholders and users, I gather feedback to adjust and improve the design. This iterative process ensures that the final outcome aligns with both user needs and project goals.</h2>							\n							<h2><b>Refinement and Alternatives</b><br>Exploring multiple design alternatives allows for better decision-making. I refine key elements, experiment with different layouts, and evaluate usability to ensure the best possible experience before finalizing the design.</h2>							\n							<h2><b>Testing and Feedback</b><br>User testing plays a crucial role in validating a design’s effectiveness. By analyzing real user interactions and collecting feedback, I make data-driven improvements to enhance usability and overall functionality before launch.</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Creative Recharge​​						\n					</h3>\n							<h2>Me When I''m Not Designing</h2>					<h2>The Activities That Shape My Creativity and Perspective</h2>															<img width="364" height="364" src="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34444-2.png" alt="" srcset="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34444-2.png 364w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34444-2-300x300.png 300w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34444-2-150x150.png 150w" sizes="(max-width: 364px) 100vw, 364px" />																										<img width="364" height="364" src="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34446-2.png" alt="" srcset="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34446-2.png 364w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34446-2-300x300.png 300w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34446-2-150x150.png 150w" sizes="(max-width: 364px) 100vw, 364px" />																										<img width="364" height="364" src="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34445-2.png" alt="" srcset="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34445-2.png 364w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34445-2-300x300.png 300w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34445-2-150x150.png 150w" sizes="(max-width: 364px) 100vw, 364px" />', 'About', '', 'inherit', 'closed', 'closed', '', '36-revision-v1', '', '', '2025-12-26 09:12:12', '2025-12-26 09:12:12', '', 36, 'https://portoadib.my.id/?p=982', 0, 'revision', '', 0),
(983, 1, '2025-12-26 09:12:56', '2025-12-26 09:12:56', '<img width="1328" height="1346" src="https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib.png" alt="" srcset="https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib.png 1328w, https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib-296x300.png 296w, https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib-1010x1024.png 1010w, https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib-768x778.png 768w" sizes="(max-width: 1328px) 100vw, 1328px" />																<h2>Designing Creative Digital Solutions</h2>					<h2>Passionate about crafting seamless user experiences through design and technology.</h2>										<a href="#">\n				<svg aria-hidden="true" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"><path d="M369.9 97.9L286 14C277 5 264.8-.1 252.1-.1H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V131.9c0-12.7-5.1-25-14.1-34zM332.1 128H256V51.9l76.1 76.1zM48 464V48h160v104c0 13.3 10.7 24 24 24h104v288H48z"></path></svg>			\n									Adib''s CV\n					</a>\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>Summary</h2>					<h2>I have worked with Indonesia’s leading and largest digital media companies.</h2>					<h2><b>UI/UX Designer</b> with experience designing intuitive digital interfaces for websites and mobile apps. Skilled in <b>design thinking</b>, user research, wireframing, and usability testing to deliver user-centered solutions aligned with business goals. Proficient in <b>Figma</b>, HTML/CSS, Bootstrap, and Elementor. <br><br>Strong visual design foundation with additional experience in graphic and video editing. <br><br>A fast learner with strong communication and collaboration skills, <b>ready to contribute</b> to impactful digital projects.</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							My Work Journey​						\n					</h3>\n							<h2>Experience</h2>					<h2>I have worked with Indonesia’s leading and largest digital media companies.</h2>															<img width="66" height="66" src="https://portoadib.my.id/wp-content/uploads/2025/12/FlazzTax-Logo.png" alt="" />																<h2>UI/UX Designer &amp; WordPress Dev</h2>					<h2>PT Hansel Primatech Asia (FlazzTax)</h2>					<h2>Internship</h2>					<h2>Mei 2025-Present</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo.png" alt="" />																<h2>Website Designer</h2>					<h2>MENDIK Yayasan Islam Al Huda Bogor - Indonesia</h2>					<h2>Contract | Junior Position</h2>					<h2>Sep 2024-Dec 2024</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo-1.png" alt="" />																<h2>UI/UX Designer</h2>					<h2>PT Trans Digital Media (detikcom)</h2>					<h2>Internship | Magang Merdeka Batch 5</h2>					<h2>Aug 2023-Dec 2023</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Education​​						\n					</h3>\n							<h2>Study</h2>					<h2>Specialized in a field that directly supports my professional journey.</h2>															<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo-2.png" alt="" />																<h2>Universitas Pembangunan Nasional Veteran Jakarta</h2>					<h2>Information Systems</h2>					<h2>Lulusan Berprestasi</h2>					<h2>Aug 2021 - Jul 2024</h2>							\n							<h2>I completed my education in Information Systems at <b>UPN Veteran Jakarta</b> in 2024. During my study, I received various relevant courses such as Human and Computer Interaction, Information Systems Analysis and Design, Business Process Analysis, Web Programming, and Mobile Programming. <br><br>I was also honored to be one of the <b>outstanding students</b> in the study program.</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo-3.png" alt="" />																<h2>Politeknik Negeri Media Kreatif Jakarta</h2>					<h2>Multimedia</h2>					<h2>2 Semesters</h2>					<h2>Aug 2020 - May 2021</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>Certifications &amp; Credentials</h2>					<h2>Training and certification highlights from credible learning platforms and institutions.</h2>															<img width="66" height="66" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo-BNSO.png" alt="" />																<h2>Badan Nasional Sertifikasi Profesi</h2>					<h2>Certificate of Competence Junior Web Programmer (PHP)</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/LOGO-BWA.png" alt="" />																<h2>BuildWithAngga</h2>					<h2>Full-Stack JavaScript Developer Next JS: Booking Flight Ticket (JavaScript)</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/LOGO-MYSKILLID.png" alt="" />																<h2>MySkill</h2>					<h2>Design Process Using Figma</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/LOGO-MYSKILLID.png" alt="" />																<h2>MySkill</h2>					<h2>End-To-End UX Research Process</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>Honors &amp; Awards</h2>					<h2>I have achieved several awards in national competitions focused on innovation, creativity, and technological solutions. Here are some of my achievements.</h2>					<h2>Lulusan Berprestasi | D3 Sistem Informasi | UPNVJ</h2>					<h2>Sep 2024</h2>							\n							<h2>3rd Runner-up | UI/UX Design Competition | UNJANI</h2>					<h2>Apr 2023</h2>							\n							<h2>Semifinalist | Business Plan Competition | UNDIP</h2>					<h2>Mar 2023</h2>							\n							<h2>3rd Winner | Essay Competition | UKSW</h2>					<h2>Nov 2022</h2>							\n							<h2>1st Winner | Videography Competition | UPNVJ</h2>					<h2>Oct 2022</h2>							\n							<h2>3rd Winner | Innovation &amp; Research Competition | UPNVJ</h2>					<h2>Aug 2022</h2>							\n							<h2>2nd Winner | Short Movie BOFMAN4 | MAN 4 Jakarta</h2>					<h2>Nov 2019</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>Organization Experience</h2>					<h2>I have worked with Indonesia’s leading and largest digital media companies.</h2>															<img width="66" height="66" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo_KSM-Multimedia-1.png" alt="" />																<h2>KSM Multimedia UPNVJ</h2>					<h2>Website Development</h2>					<h2>2nd Best Project</h2>					<h2>Feb 2022 - Jan 2023</h2>							\n							<h2>As a member of the Multimedia Student Study Group, KSM Multimedia at FIK UPN Veteran Jakarta, I actively participated in the Website Development class, where I learned key aspects of web development, including HTML/CSS, JavaScript, and Bootstrap.<br><br>My final project earned the 2nd Best Project, featuring a flexible website design that emphasized aesthetics and functionality. I approached each session with enthusiasm and gained valuable insights.</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>Skills</h2>					<h2>I have worked with Indonesia’s leading and largest digital media companies.</h2>							\n				<svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 33 33" fill="none"><path opacity="0.5" d="M16.5 2.75H11.9171C10.7015 2.75 9.53564 3.23291 8.67605 4.09249C7.81647 4.95208 7.33356 6.11793 7.33356 7.33356C7.33356 8.5492 7.81647 9.71505 8.67605 10.5746C9.53564 11.4342 10.7015 11.9171 11.9171 11.9171H16.5V2.75Z" stroke="#18181B" stroke-width="1.5"></path><path d="M16.5 11.9172H11.9171C10.7017 11.9172 9.53599 12.4001 8.67654 13.2595C7.81708 14.119 7.33424 15.2847 7.33424 16.5001C7.33424 17.7156 7.81708 18.8812 8.67654 19.7407C9.53599 20.6001 10.7017 21.083 11.9171 21.083H16.5V11.9172Z" stroke="#18181B" stroke-width="1.5"></path><path opacity="0.5" d="M25.6671 16.5001C25.6671 17.7157 25.1842 18.8815 24.3246 19.7411C23.465 20.6007 22.2992 21.0836 21.0836 21.0836C19.8679 21.0836 18.7021 20.6007 17.8425 19.7411C16.9829 18.8815 16.5 17.7157 16.5 16.5001C16.5 15.2844 16.9829 14.1186 17.8425 13.259C18.7021 12.3994 19.8679 11.9165 21.0836 11.9165C22.2992 11.9165 23.465 12.3994 24.3246 13.259C25.1842 14.1186 25.6671 15.2844 25.6671 16.5001ZM11.9171 21.0843H16.5V25.6672C16.4997 26.5735 16.2307 27.4595 15.727 28.2129C15.2232 28.9664 14.5074 29.5536 13.67 29.9002C12.8325 30.2469 11.9111 30.3375 11.0222 30.1605C10.1333 29.9835 9.31684 29.5469 8.67605 28.9059C8.03526 28.2649 7.59892 27.4483 7.4222 26.5594C7.24548 25.6704 7.33632 24.749 7.68323 23.9117C8.03014 23.0744 8.61753 22.3587 9.37115 21.8552C10.1248 21.3517 11.0108 21.0843 11.9171 21.0843Z" stroke="#18181B" stroke-width="1.5"></path><path d="M16.5 2.75H21.0829C22.2985 2.75 23.4644 3.23291 24.3239 4.09249C25.1835 4.95208 25.6664 6.11793 25.6664 7.33356C25.6664 8.5492 25.1835 9.71505 24.3239 10.5746C23.4644 11.4342 22.2985 11.9171 21.0829 11.9171H16.5V2.75Z" stroke="#18181B" stroke-width="1.5"></path></svg>				\n									<h3>\n							UI/UX Design						\n					</h3>\n				<svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 33 33" fill="none"><path d="M17.7127 16.5C19.3215 16.5 20.625 17.7306 20.625 19.25C20.625 20.7694 19.3215 22 17.7127 22H14.575C13.5383 22 13.0199 22 12.6968 21.6782C12.375 21.3537 12.375 20.8367 12.375 19.8V16.5M17.7127 16.5C19.3215 16.5 20.625 15.2694 20.625 13.75C20.625 12.2306 19.3215 11 17.7127 11H14.575C13.5383 11 13.0199 11 12.6968 11.3218C12.375 11.6463 12.375 12.1633 12.375 13.2V16.5M17.7127 16.5H12.375" stroke="#454546" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M30.25 16.5C29.5207 16.5 28.8212 16.2103 28.3055 15.6945C27.7897 15.1788 27.5 14.4793 27.5 13.75V11C27.5 6.44875 26.5512 5.5 22 5.5H11C6.44875 5.5 5.5 6.44875 5.5 11V13.75C5.5 14.4793 5.21027 15.1788 4.69454 15.6945C4.17882 16.2103 3.47935 16.5 2.75 16.5M2.75 16.5C3.47935 16.5 4.17882 16.7897 4.69454 17.3055C5.21027 17.8212 5.5 18.5207 5.5 19.25V22C5.5 26.5512 6.44875 27.5 11 27.5H22C26.5512 27.5 27.5 26.5512 27.5 22V19.25C27.5 18.5207 27.7897 17.8212 28.3055 17.3055C28.8212 16.7897 29.5207 16.5 30.25 16.5" stroke="#454546" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>				\n									<h3>\n							Website Dev (Front End Slicing)						\n					</h3>\n				<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119.3 8 8 119.2 8 256c0 136.7 111.3 248 248 248s248-111.3 248-248C504 119.2 392.7 8 256 8zM33 256c0-32.3 6.9-63 19.3-90.7l106.4 291.4C84.3 420.5 33 344.2 33 256zm223 223c-21.9 0-43-3.2-63-9.1l66.9-194.4 68.5 187.8c.5 1.1 1 2.1 1.6 3.1-23.1 8.1-48 12.6-74 12.6zm30.7-327.5c13.4-.7 25.5-2.1 25.5-2.1 12-1.4 10.6-19.1-1.4-18.4 0 0-36.1 2.8-59.4 2.8-21.9 0-58.7-2.8-58.7-2.8-12-.7-13.4 17.7-1.4 18.4 0 0 11.4 1.4 23.4 2.1l34.7 95.2L200.6 393l-81.2-241.5c13.4-.7 25.5-2.1 25.5-2.1 12-1.4 10.6-19.1-1.4-18.4 0 0-36.1 2.8-59.4 2.8-4.2 0-9.1-.1-14.4-.3C109.6 73 178.1 33 256 33c58 0 110.9 22.2 150.6 58.5-1-.1-1.9-.2-2.9-.2-21.9 0-37.4 19.1-37.4 39.6 0 18.4 10.6 33.9 21.9 52.3 8.5 14.8 18.4 33.9 18.4 61.5 0 19.1-7.3 41.2-17 72.1l-22.2 74.3-80.7-239.6zm81.4 297.2l68.1-196.9c12.7-31.8 17-57.2 17-79.9 0-8.2-.5-15.8-1.5-22.9 17.4 31.8 27.3 68.2 27.3 107 0 82.3-44.6 154.1-110.9 192.7z"></path></svg>				\n									<h3>\n							WordPress Dev						\n					</h3>\n				<svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 33 33" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.49852 5.94551C14.1519 5.42948 18.8481 5.42948 23.5015 5.94551C24.3898 6.04383 25.2191 6.43875 25.8553 7.06648C26.4915 7.6942 26.8975 8.51808 27.0078 9.40501C27.5593 14.1189 27.5593 18.8811 27.0078 23.595C26.8975 24.4819 26.4915 25.3058 25.8553 25.9335C25.2191 26.5613 24.3898 26.9562 23.5015 27.0545C18.8481 27.5705 14.1519 27.5705 9.49852 27.0545C8.61019 26.9562 7.78094 26.5613 7.14473 25.9335C6.50852 25.3058 6.10251 24.4819 5.99227 23.595C5.4407 18.8811 5.4407 14.1189 5.99227 9.40501C6.10251 8.51808 6.50852 7.6942 7.14473 7.06648C7.78094 6.43875 8.61019 6.04383 9.49852 5.94551ZM23.7298 3.89676C18.9247 3.36384 14.0754 3.36384 9.27027 3.89676C6.50377 4.20476 4.26939 6.38413 3.94489 9.16438C3.37579 14.0382 3.37579 18.9618 3.94489 23.8356C4.26939 26.6159 6.50239 28.7953 9.27027 29.1046C14.0754 29.6364 18.9246 29.6364 23.7298 29.1046C26.4963 28.7953 28.7306 26.6159 29.0551 23.8356C29.6242 18.9618 29.6242 14.0382 29.0551 9.16438C28.7306 6.38413 26.4976 4.20476 23.7298 3.89538M12.8906 21.3125H11.0454V11.2544C11.7109 11.1334 12.6335 11.0426 13.8889 11.0426C15.2501 11.0426 16.2484 11.33 16.8988 11.8745C17.5038 12.3736 17.897 13.1753 17.897 14.1281C17.897 15.0961 17.5945 15.8978 17.0198 16.4423C16.2773 17.1834 15.114 17.5313 13.7981 17.5313C13.4503 17.5313 13.1326 17.5161 12.8906 17.4708V21.3125ZM13.9631 12.4644C13.4503 12.4644 13.0873 12.5098 12.8906 12.5551V16.0036C13.1175 16.0641 13.42 16.0793 13.7981 16.0793C15.1896 16.0793 16.0366 15.3986 16.0366 14.2038C16.0366 13.0694 15.2501 12.4644 13.9645 12.4644M20.4971 21.3125H18.6368V16.3213C18.6368 15.323 18.623 14.6121 18.5763 13.9466H20.1946L20.2551 15.3533H20.3156C20.6786 14.3096 21.5408 13.7803 22.3273 13.7803C22.5088 13.7803 22.616 13.7954 22.7673 13.8256V15.5801C22.5878 15.5418 22.4049 15.5215 22.2214 15.5196C21.329 15.5196 20.724 16.0944 20.5576 16.9263C20.52 17.1156 20.4997 17.308 20.4971 17.501V21.3125Z" fill="#454546"></path></svg>				\n									<h3>\n							Video Editing						\n					</h3>\n							<h2>As a UI/UX Designer, I have skills in designing, prototyping, and developing user interfaces that are both aesthetic and functional. My skills include UI/UX design, user research, information architecture, and interactive wireframe and prototyping. I am familiar with using design tools such as Figma, FigJam, and Maze, which help to create an optimal user experience. <br><br>In addition, I also familiar with HTML/CSS, Bootstrap, and Elementor, which enable me to collaborate effectively with the development team. Beyond that, I also have additional skills such as: Video Editing: Adobe Premiere Pro, CapCut Desktop Writing: Microsoft Office, Google Docs Soft Skills: Communication, Research and Analysis <br><br>With this combination of skills, I am ready to deliver innovative design solutions that meet user needs and business goals.</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>The Flow of My Creativity</h2>					<h2>I have worked with Indonesia’s leading and largest digital media companies.</h2>					<h2><b>Identifying Needs</b><br>Understanding the core objectives and challenges is the first step in creating an effective design. This phase involves gathering user requirements, analyzing problems, and defining goals to ensure the final product meets expectations.</h2>							\n							<h2><b>Research and Prototyping</b><br>Thorough research and initial prototyping help translate ideas into tangible concepts. By studying user behavior and industry trends, I create wireframes and low-fidelity prototypes to visualize potential solutions before moving forward.</h2>							\n							<h2><b>Discussion and Revision</b><br>Collaboration is key to refining ideas. Through discussions with stakeholders and users, I gather feedback to adjust and improve the design. This iterative process ensures that the final outcome aligns with both user needs and project goals.</h2>							\n							<h2><b>Refinement and Alternatives</b><br>Exploring multiple design alternatives allows for better decision-making. I refine key elements, experiment with different layouts, and evaluate usability to ensure the best possible experience before finalizing the design.</h2>							\n							<h2><b>Testing and Feedback</b><br>User testing plays a crucial role in validating a design’s effectiveness. By analyzing real user interactions and collecting feedback, I make data-driven improvements to enhance usability and overall functionality before launch.</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Creative Recharge​​						\n					</h3>\n							<h2>Me When I''m Not Designing</h2>					<h2>The Activities That Shape My Creativity and Perspective</h2>															<img width="364" height="364" src="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34444-2.png" alt="" srcset="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34444-2.png 364w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34444-2-300x300.png 300w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34444-2-150x150.png 150w" sizes="(max-width: 364px) 100vw, 364px" />																										<img width="364" height="364" src="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34446-2.png" alt="" srcset="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34446-2.png 364w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34446-2-300x300.png 300w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34446-2-150x150.png 150w" sizes="(max-width: 364px) 100vw, 364px" />																										<img width="364" height="364" src="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34445-2.png" alt="" srcset="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34445-2.png 364w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34445-2-300x300.png 300w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34445-2-150x150.png 150w" sizes="(max-width: 364px) 100vw, 364px" />', 'About', '', 'inherit', 'closed', 'closed', '', '36-revision-v1', '', '', '2025-12-26 09:12:56', '2025-12-26 09:12:56', '', 36, 'https://portoadib.my.id/?p=983', 0, 'revision', '', 0);
INSERT INTO `wpposts` VALUES
(984, 1, '2025-12-26 09:12:56', '2025-12-26 09:12:56', '<img width="1328" height="1346" src="https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib.png" alt="" srcset="https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib.png 1328w, https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib-296x300.png 296w, https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib-1010x1024.png 1010w, https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib-768x778.png 768w" sizes="(max-width: 1328px) 100vw, 1328px" />																<h2>Designing Creative Digital Solutions</h2>					<h2>Passionate about crafting seamless user experiences through design and technology.</h2>										<a href="#">\n				<svg aria-hidden="true" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"><path d="M369.9 97.9L286 14C277 5 264.8-.1 252.1-.1H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V131.9c0-12.7-5.1-25-14.1-34zM332.1 128H256V51.9l76.1 76.1zM48 464V48h160v104c0 13.3 10.7 24 24 24h104v288H48z"></path></svg>			\n									Adib''s CV\n					</a>\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>Summary</h2>					<h2>I have worked with Indonesia’s leading and largest digital media companies.</h2>					<h2><b>UI/UX Designer</b> with experience designing intuitive digital interfaces for websites and mobile apps. Skilled in <b>design thinking</b>, user research, wireframing, and usability testing to deliver user-centered solutions aligned with business goals. Proficient in <b>Figma</b>, HTML/CSS, Bootstrap, and Elementor. <br><br>Strong visual design foundation with additional experience in graphic and video editing. <br><br>A fast learner with strong communication and collaboration skills, <b>ready to contribute</b> to impactful digital projects.</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							My Work Journey​						\n					</h3>\n							<h2>Experience</h2>					<h2>I have worked with Indonesia’s leading and largest digital media companies.</h2>															<img width="66" height="66" src="https://portoadib.my.id/wp-content/uploads/2025/12/FlazzTax-Logo.png" alt="" />																<h2>UI/UX Designer &amp; WordPress Dev</h2>					<h2>PT Hansel Primatech Asia (FlazzTax)</h2>					<h2>Internship</h2>					<h2>Mei 2025-Present</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo.png" alt="" />																<h2>Website Designer</h2>					<h2>MENDIK Yayasan Islam Al Huda Bogor - Indonesia</h2>					<h2>Contract | Junior Position</h2>					<h2>Sep 2024-Dec 2024</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo-1.png" alt="" />																<h2>UI/UX Designer</h2>					<h2>PT Trans Digital Media (detikcom)</h2>					<h2>Internship | Magang Merdeka Batch 5</h2>					<h2>Aug 2023-Dec 2023</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Education​​						\n					</h3>\n							<h2>Study</h2>					<h2>Specialized in a field that directly supports my professional journey.</h2>															<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo-2.png" alt="" />																<h2>Universitas Pembangunan Nasional Veteran Jakarta</h2>					<h2>Information Systems</h2>					<h2>Lulusan Berprestasi</h2>					<h2>Aug 2021 - Jul 2024</h2>							\n							<h2>I completed my education in Information Systems at <b>UPN Veteran Jakarta</b> in 2024. During my study, I received various relevant courses such as Human and Computer Interaction, Information Systems Analysis and Design, Business Process Analysis, Web Programming, and Mobile Programming. <br><br>I was also honored to be one of the <b>outstanding students</b> in the study program.</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo-3.png" alt="" />																<h2>Politeknik Negeri Media Kreatif Jakarta</h2>					<h2>Multimedia</h2>					<h2>2 Semesters</h2>					<h2>Aug 2020 - May 2021</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>Certifications &amp; Credentials</h2>					<h2>Training and certification highlights from credible learning platforms and institutions.</h2>															<img width="66" height="66" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo-BNSO.png" alt="" />																<h2>Badan Nasional Sertifikasi Profesi</h2>					<h2>Certificate of Competence Junior Web Programmer (PHP)</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/LOGO-BWA.png" alt="" />																<h2>BuildWithAngga</h2>					<h2>Full-Stack JavaScript Developer Next JS: Booking Flight Ticket (JavaScript)</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/LOGO-MYSKILLID.png" alt="" />																<h2>MySkill</h2>					<h2>Design Process Using Figma</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/LOGO-MYSKILLID.png" alt="" />																<h2>MySkill</h2>					<h2>End-To-End UX Research Process</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>Honors &amp; Awards</h2>					<h2>I have achieved several awards in national competitions focused on innovation, creativity, and technological solutions. Here are some of my achievements.</h2>					<h2>Lulusan Berprestasi | D3 Sistem Informasi | UPNVJ</h2>					<h2>Sep 2024</h2>							\n							<h2>3rd Runner-up | UI/UX Design Competition | UNJANI</h2>					<h2>Apr 2023</h2>							\n							<h2>Semifinalist | Business Plan Competition | UNDIP</h2>					<h2>Mar 2023</h2>							\n							<h2>3rd Winner | Essay Competition | UKSW</h2>					<h2>Nov 2022</h2>							\n							<h2>1st Winner | Videography Competition | UPNVJ</h2>					<h2>Oct 2022</h2>							\n							<h2>3rd Winner | Innovation &amp; Research Competition | UPNVJ</h2>					<h2>Aug 2022</h2>							\n							<h2>2nd Winner | Short Movie BOFMAN4 | MAN 4 Jakarta</h2>					<h2>Nov 2019</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>Organization Experience</h2>					<h2>I have worked with Indonesia’s leading and largest digital media companies.</h2>															<img width="66" height="66" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo_KSM-Multimedia-1.png" alt="" />																<h2>KSM Multimedia UPNVJ</h2>					<h2>Website Development</h2>					<h2>2nd Best Project</h2>					<h2>Feb 2022 - Jan 2023</h2>							\n							<h2>As a member of the Multimedia Student Study Group, KSM Multimedia at FIK UPN Veteran Jakarta, I actively participated in the Website Development class, where I learned key aspects of web development, including HTML/CSS, JavaScript, and Bootstrap.<br><br>My final project earned the 2nd Best Project, featuring a flexible website design that emphasized aesthetics and functionality. I approached each session with enthusiasm and gained valuable insights.</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>Skills</h2>					<h2>I have worked with Indonesia’s leading and largest digital media companies.</h2>							\n				<svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 33 33" fill="none"><path opacity="0.5" d="M16.5 2.75H11.9171C10.7015 2.75 9.53564 3.23291 8.67605 4.09249C7.81647 4.95208 7.33356 6.11793 7.33356 7.33356C7.33356 8.5492 7.81647 9.71505 8.67605 10.5746C9.53564 11.4342 10.7015 11.9171 11.9171 11.9171H16.5V2.75Z" stroke="#18181B" stroke-width="1.5"></path><path d="M16.5 11.9172H11.9171C10.7017 11.9172 9.53599 12.4001 8.67654 13.2595C7.81708 14.119 7.33424 15.2847 7.33424 16.5001C7.33424 17.7156 7.81708 18.8812 8.67654 19.7407C9.53599 20.6001 10.7017 21.083 11.9171 21.083H16.5V11.9172Z" stroke="#18181B" stroke-width="1.5"></path><path opacity="0.5" d="M25.6671 16.5001C25.6671 17.7157 25.1842 18.8815 24.3246 19.7411C23.465 20.6007 22.2992 21.0836 21.0836 21.0836C19.8679 21.0836 18.7021 20.6007 17.8425 19.7411C16.9829 18.8815 16.5 17.7157 16.5 16.5001C16.5 15.2844 16.9829 14.1186 17.8425 13.259C18.7021 12.3994 19.8679 11.9165 21.0836 11.9165C22.2992 11.9165 23.465 12.3994 24.3246 13.259C25.1842 14.1186 25.6671 15.2844 25.6671 16.5001ZM11.9171 21.0843H16.5V25.6672C16.4997 26.5735 16.2307 27.4595 15.727 28.2129C15.2232 28.9664 14.5074 29.5536 13.67 29.9002C12.8325 30.2469 11.9111 30.3375 11.0222 30.1605C10.1333 29.9835 9.31684 29.5469 8.67605 28.9059C8.03526 28.2649 7.59892 27.4483 7.4222 26.5594C7.24548 25.6704 7.33632 24.749 7.68323 23.9117C8.03014 23.0744 8.61753 22.3587 9.37115 21.8552C10.1248 21.3517 11.0108 21.0843 11.9171 21.0843Z" stroke="#18181B" stroke-width="1.5"></path><path d="M16.5 2.75H21.0829C22.2985 2.75 23.4644 3.23291 24.3239 4.09249C25.1835 4.95208 25.6664 6.11793 25.6664 7.33356C25.6664 8.5492 25.1835 9.71505 24.3239 10.5746C23.4644 11.4342 22.2985 11.9171 21.0829 11.9171H16.5V2.75Z" stroke="#18181B" stroke-width="1.5"></path></svg>				\n									<h3>\n							UI/UX Design						\n					</h3>\n				<svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 33 33" fill="none"><path d="M17.7127 16.5C19.3215 16.5 20.625 17.7306 20.625 19.25C20.625 20.7694 19.3215 22 17.7127 22H14.575C13.5383 22 13.0199 22 12.6968 21.6782C12.375 21.3537 12.375 20.8367 12.375 19.8V16.5M17.7127 16.5C19.3215 16.5 20.625 15.2694 20.625 13.75C20.625 12.2306 19.3215 11 17.7127 11H14.575C13.5383 11 13.0199 11 12.6968 11.3218C12.375 11.6463 12.375 12.1633 12.375 13.2V16.5M17.7127 16.5H12.375" stroke="#454546" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M30.25 16.5C29.5207 16.5 28.8212 16.2103 28.3055 15.6945C27.7897 15.1788 27.5 14.4793 27.5 13.75V11C27.5 6.44875 26.5512 5.5 22 5.5H11C6.44875 5.5 5.5 6.44875 5.5 11V13.75C5.5 14.4793 5.21027 15.1788 4.69454 15.6945C4.17882 16.2103 3.47935 16.5 2.75 16.5M2.75 16.5C3.47935 16.5 4.17882 16.7897 4.69454 17.3055C5.21027 17.8212 5.5 18.5207 5.5 19.25V22C5.5 26.5512 6.44875 27.5 11 27.5H22C26.5512 27.5 27.5 26.5512 27.5 22V19.25C27.5 18.5207 27.7897 17.8212 28.3055 17.3055C28.8212 16.7897 29.5207 16.5 30.25 16.5" stroke="#454546" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>				\n									<h3>\n							Website Dev (Front End Slicing)						\n					</h3>\n				<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119.3 8 8 119.2 8 256c0 136.7 111.3 248 248 248s248-111.3 248-248C504 119.2 392.7 8 256 8zM33 256c0-32.3 6.9-63 19.3-90.7l106.4 291.4C84.3 420.5 33 344.2 33 256zm223 223c-21.9 0-43-3.2-63-9.1l66.9-194.4 68.5 187.8c.5 1.1 1 2.1 1.6 3.1-23.1 8.1-48 12.6-74 12.6zm30.7-327.5c13.4-.7 25.5-2.1 25.5-2.1 12-1.4 10.6-19.1-1.4-18.4 0 0-36.1 2.8-59.4 2.8-21.9 0-58.7-2.8-58.7-2.8-12-.7-13.4 17.7-1.4 18.4 0 0 11.4 1.4 23.4 2.1l34.7 95.2L200.6 393l-81.2-241.5c13.4-.7 25.5-2.1 25.5-2.1 12-1.4 10.6-19.1-1.4-18.4 0 0-36.1 2.8-59.4 2.8-4.2 0-9.1-.1-14.4-.3C109.6 73 178.1 33 256 33c58 0 110.9 22.2 150.6 58.5-1-.1-1.9-.2-2.9-.2-21.9 0-37.4 19.1-37.4 39.6 0 18.4 10.6 33.9 21.9 52.3 8.5 14.8 18.4 33.9 18.4 61.5 0 19.1-7.3 41.2-17 72.1l-22.2 74.3-80.7-239.6zm81.4 297.2l68.1-196.9c12.7-31.8 17-57.2 17-79.9 0-8.2-.5-15.8-1.5-22.9 17.4 31.8 27.3 68.2 27.3 107 0 82.3-44.6 154.1-110.9 192.7z"></path></svg>				\n									<h3>\n							WordPress Dev						\n					</h3>\n				<svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 33 33" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.49852 5.94551C14.1519 5.42948 18.8481 5.42948 23.5015 5.94551C24.3898 6.04383 25.2191 6.43875 25.8553 7.06648C26.4915 7.6942 26.8975 8.51808 27.0078 9.40501C27.5593 14.1189 27.5593 18.8811 27.0078 23.595C26.8975 24.4819 26.4915 25.3058 25.8553 25.9335C25.2191 26.5613 24.3898 26.9562 23.5015 27.0545C18.8481 27.5705 14.1519 27.5705 9.49852 27.0545C8.61019 26.9562 7.78094 26.5613 7.14473 25.9335C6.50852 25.3058 6.10251 24.4819 5.99227 23.595C5.4407 18.8811 5.4407 14.1189 5.99227 9.40501C6.10251 8.51808 6.50852 7.6942 7.14473 7.06648C7.78094 6.43875 8.61019 6.04383 9.49852 5.94551ZM23.7298 3.89676C18.9247 3.36384 14.0754 3.36384 9.27027 3.89676C6.50377 4.20476 4.26939 6.38413 3.94489 9.16438C3.37579 14.0382 3.37579 18.9618 3.94489 23.8356C4.26939 26.6159 6.50239 28.7953 9.27027 29.1046C14.0754 29.6364 18.9246 29.6364 23.7298 29.1046C26.4963 28.7953 28.7306 26.6159 29.0551 23.8356C29.6242 18.9618 29.6242 14.0382 29.0551 9.16438C28.7306 6.38413 26.4976 4.20476 23.7298 3.89538M12.8906 21.3125H11.0454V11.2544C11.7109 11.1334 12.6335 11.0426 13.8889 11.0426C15.2501 11.0426 16.2484 11.33 16.8988 11.8745C17.5038 12.3736 17.897 13.1753 17.897 14.1281C17.897 15.0961 17.5945 15.8978 17.0198 16.4423C16.2773 17.1834 15.114 17.5313 13.7981 17.5313C13.4503 17.5313 13.1326 17.5161 12.8906 17.4708V21.3125ZM13.9631 12.4644C13.4503 12.4644 13.0873 12.5098 12.8906 12.5551V16.0036C13.1175 16.0641 13.42 16.0793 13.7981 16.0793C15.1896 16.0793 16.0366 15.3986 16.0366 14.2038C16.0366 13.0694 15.2501 12.4644 13.9645 12.4644M20.4971 21.3125H18.6368V16.3213C18.6368 15.323 18.623 14.6121 18.5763 13.9466H20.1946L20.2551 15.3533H20.3156C20.6786 14.3096 21.5408 13.7803 22.3273 13.7803C22.5088 13.7803 22.616 13.7954 22.7673 13.8256V15.5801C22.5878 15.5418 22.4049 15.5215 22.2214 15.5196C21.329 15.5196 20.724 16.0944 20.5576 16.9263C20.52 17.1156 20.4997 17.308 20.4971 17.501V21.3125Z" fill="#454546"></path></svg>				\n									<h3>\n							Video Editing						\n					</h3>\n							<h2>As a UI/UX Designer, I have skills in designing, prototyping, and developing user interfaces that are both aesthetic and functional. My skills include UI/UX design, user research, information architecture, and interactive wireframe and prototyping. I am familiar with using design tools such as Figma, FigJam, and Maze, which help to create an optimal user experience. <br><br>In addition, I also familiar with HTML/CSS, Bootstrap, and Elementor, which enable me to collaborate effectively with the development team. Beyond that, I also have additional skills such as: Video Editing: Adobe Premiere Pro, CapCut Desktop Writing: Microsoft Office, Google Docs Soft Skills: Communication, Research and Analysis <br><br>With this combination of skills, I am ready to deliver innovative design solutions that meet user needs and business goals.</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>The Flow of My Creativity</h2>					<h2>I have worked with Indonesia’s leading and largest digital media companies.</h2>					<h2><b>Identifying Needs</b><br>Understanding the core objectives and challenges is the first step in creating an effective design. This phase involves gathering user requirements, analyzing problems, and defining goals to ensure the final product meets expectations.</h2>							\n							<h2><b>Research and Prototyping</b><br>Thorough research and initial prototyping help translate ideas into tangible concepts. By studying user behavior and industry trends, I create wireframes and low-fidelity prototypes to visualize potential solutions before moving forward.</h2>							\n							<h2><b>Discussion and Revision</b><br>Collaboration is key to refining ideas. Through discussions with stakeholders and users, I gather feedback to adjust and improve the design. This iterative process ensures that the final outcome aligns with both user needs and project goals.</h2>							\n							<h2><b>Refinement and Alternatives</b><br>Exploring multiple design alternatives allows for better decision-making. I refine key elements, experiment with different layouts, and evaluate usability to ensure the best possible experience before finalizing the design.</h2>							\n							<h2><b>Testing and Feedback</b><br>User testing plays a crucial role in validating a design’s effectiveness. By analyzing real user interactions and collecting feedback, I make data-driven improvements to enhance usability and overall functionality before launch.</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Creative Recharge​​						\n					</h3>\n							<h2>Me When I''m Not Designing</h2>					<h2>The Activities That Shape My Creativity and Perspective</h2>															<img width="364" height="364" src="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34444-2.png" alt="" srcset="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34444-2.png 364w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34444-2-300x300.png 300w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34444-2-150x150.png 150w" sizes="(max-width: 364px) 100vw, 364px" />																										<img width="364" height="364" src="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34446-2.png" alt="" srcset="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34446-2.png 364w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34446-2-300x300.png 300w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34446-2-150x150.png 150w" sizes="(max-width: 364px) 100vw, 364px" />																										<img width="364" height="364" src="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34445-2.png" alt="" srcset="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34445-2.png 364w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34445-2-300x300.png 300w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34445-2-150x150.png 150w" sizes="(max-width: 364px) 100vw, 364px" />', 'About', '', 'inherit', 'closed', 'closed', '', '36-revision-v1', '', '', '2025-12-26 09:12:56', '2025-12-26 09:12:56', '', 36, 'https://portoadib.my.id/?p=984', 0, 'revision', '', 0),
(985, 1, '2025-12-26 09:12:57', '2025-12-26 09:12:57', '<img width="1328" height="1346" src="https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib.png" alt="" srcset="https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib.png 1328w, https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib-296x300.png 296w, https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib-1010x1024.png 1010w, https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib-768x778.png 768w" sizes="(max-width: 1328px) 100vw, 1328px" />																<h2>Designing Creative Digital Solutions</h2>					<h2>Passionate about crafting seamless user experiences through design and technology.</h2>										<a href="#">\n				<svg aria-hidden="true" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"><path d="M369.9 97.9L286 14C277 5 264.8-.1 252.1-.1H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V131.9c0-12.7-5.1-25-14.1-34zM332.1 128H256V51.9l76.1 76.1zM48 464V48h160v104c0 13.3 10.7 24 24 24h104v288H48z"></path></svg>			\n									Adib''s CV\n					</a>\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>Summary</h2>					<h2>I have worked with Indonesia’s leading and largest digital media companies.</h2>					<h2><b>UI/UX Designer</b> with experience designing intuitive digital interfaces for websites and mobile apps. Skilled in <b>design thinking</b>, user research, wireframing, and usability testing to deliver user-centered solutions aligned with business goals. Proficient in <b>Figma</b>, HTML/CSS, Bootstrap, and Elementor. <br><br>Strong visual design foundation with additional experience in graphic and video editing. <br><br>A fast learner with strong communication and collaboration skills, <b>ready to contribute</b> to impactful digital projects.</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							My Work Journey​						\n					</h3>\n							<h2>Experience</h2>					<h2>I have worked with Indonesia’s leading and largest digital media companies.</h2>															<img width="66" height="66" src="https://portoadib.my.id/wp-content/uploads/2025/12/FlazzTax-Logo.png" alt="" />																<h2>UI/UX Designer &amp; WordPress Dev</h2>					<h2>PT Hansel Primatech Asia (FlazzTax)</h2>					<h2>Internship</h2>					<h2>Mei 2025-Present</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo.png" alt="" />																<h2>Website Designer</h2>					<h2>MENDIK Yayasan Islam Al Huda Bogor - Indonesia</h2>					<h2>Contract | Junior Position</h2>					<h2>Sep 2024-Dec 2024</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo-1.png" alt="" />																<h2>UI/UX Designer</h2>					<h2>PT Trans Digital Media (detikcom)</h2>					<h2>Internship | Magang Merdeka Batch 5</h2>					<h2>Aug 2023-Dec 2023</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Education​​						\n					</h3>\n							<h2>Study</h2>					<h2>Specialized in a field that directly supports my professional journey.</h2>															<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo-2.png" alt="" />																<h2>Universitas Pembangunan Nasional Veteran Jakarta</h2>					<h2>Information Systems</h2>					<h2>Lulusan Berprestasi</h2>					<h2>Aug 2021 - Jul 2024</h2>							\n							<h2>I completed my education in Information Systems at <b>UPN Veteran Jakarta</b> in 2024. During my study, I received various relevant courses such as Human and Computer Interaction, Information Systems Analysis and Design, Business Process Analysis, Web Programming, and Mobile Programming. <br><br>I was also honored to be one of the <b>outstanding students</b> in the study program.</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo-3.png" alt="" />																<h2>Politeknik Negeri Media Kreatif Jakarta</h2>					<h2>Multimedia</h2>					<h2>2 Semesters</h2>					<h2>Aug 2020 - May 2021</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>Certifications &amp; Credentials</h2>					<h2>Training and certification highlights from credible learning platforms and institutions.</h2>															<img width="66" height="66" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo-BNSO.png" alt="" />																<h2>Badan Nasional Sertifikasi Profesi</h2>					<h2>Certificate of Competence Junior Web Programmer (PHP)</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/LOGO-BWA.png" alt="" />																<h2>BuildWithAngga</h2>					<h2>Full-Stack JavaScript Developer Next JS: Booking Flight Ticket (JavaScript)</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/LOGO-MYSKILLID.png" alt="" />																<h2>MySkill</h2>					<h2>Design Process Using Figma</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/LOGO-MYSKILLID.png" alt="" />																<h2>MySkill</h2>					<h2>End-To-End UX Research Process</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>Honors &amp; Awards</h2>					<h2>I have achieved several awards in national competitions focused on innovation, creativity, and technological solutions. Here are some of my achievements.</h2>					<h2>Lulusan Berprestasi | D3 Sistem Informasi | UPNVJ</h2>					<h2>Sep 2024</h2>							\n							<h2>3rd Runner-up | UI/UX Design Competition | UNJANI</h2>					<h2>Apr 2023</h2>							\n							<h2>Semifinalist | Business Plan Competition | UNDIP</h2>					<h2>Mar 2023</h2>							\n							<h2>3rd Winner | Essay Competition | UKSW</h2>					<h2>Nov 2022</h2>							\n							<h2>1st Winner | Videography Competition | UPNVJ</h2>					<h2>Oct 2022</h2>							\n							<h2>3rd Winner | Innovation &amp; Research Competition | UPNVJ</h2>					<h2>Aug 2022</h2>							\n							<h2>2nd Winner | Short Movie BOFMAN4 | MAN 4 Jakarta</h2>					<h2>Nov 2019</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>Organization Experience</h2>					<h2>I have worked with Indonesia’s leading and largest digital media companies.</h2>															<img width="66" height="66" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo_KSM-Multimedia-1.png" alt="" />																<h2>KSM Multimedia UPNVJ</h2>					<h2>Website Development</h2>					<h2>2nd Best Project</h2>					<h2>Feb 2022 - Jan 2023</h2>							\n							<h2>As a member of the Multimedia Student Study Group, KSM Multimedia at FIK UPN Veteran Jakarta, I actively participated in the Website Development class, where I learned key aspects of web development, including HTML/CSS, JavaScript, and Bootstrap.<br><br>My final project earned the 2nd Best Project, featuring a flexible website design that emphasized aesthetics and functionality. I approached each session with enthusiasm and gained valuable insights.</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>Skills</h2>					<h2>I have worked with Indonesia’s leading and largest digital media companies.</h2>							\n				<svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 33 33" fill="none"><path opacity="0.5" d="M16.5 2.75H11.9171C10.7015 2.75 9.53564 3.23291 8.67605 4.09249C7.81647 4.95208 7.33356 6.11793 7.33356 7.33356C7.33356 8.5492 7.81647 9.71505 8.67605 10.5746C9.53564 11.4342 10.7015 11.9171 11.9171 11.9171H16.5V2.75Z" stroke="#18181B" stroke-width="1.5"></path><path d="M16.5 11.9172H11.9171C10.7017 11.9172 9.53599 12.4001 8.67654 13.2595C7.81708 14.119 7.33424 15.2847 7.33424 16.5001C7.33424 17.7156 7.81708 18.8812 8.67654 19.7407C9.53599 20.6001 10.7017 21.083 11.9171 21.083H16.5V11.9172Z" stroke="#18181B" stroke-width="1.5"></path><path opacity="0.5" d="M25.6671 16.5001C25.6671 17.7157 25.1842 18.8815 24.3246 19.7411C23.465 20.6007 22.2992 21.0836 21.0836 21.0836C19.8679 21.0836 18.7021 20.6007 17.8425 19.7411C16.9829 18.8815 16.5 17.7157 16.5 16.5001C16.5 15.2844 16.9829 14.1186 17.8425 13.259C18.7021 12.3994 19.8679 11.9165 21.0836 11.9165C22.2992 11.9165 23.465 12.3994 24.3246 13.259C25.1842 14.1186 25.6671 15.2844 25.6671 16.5001ZM11.9171 21.0843H16.5V25.6672C16.4997 26.5735 16.2307 27.4595 15.727 28.2129C15.2232 28.9664 14.5074 29.5536 13.67 29.9002C12.8325 30.2469 11.9111 30.3375 11.0222 30.1605C10.1333 29.9835 9.31684 29.5469 8.67605 28.9059C8.03526 28.2649 7.59892 27.4483 7.4222 26.5594C7.24548 25.6704 7.33632 24.749 7.68323 23.9117C8.03014 23.0744 8.61753 22.3587 9.37115 21.8552C10.1248 21.3517 11.0108 21.0843 11.9171 21.0843Z" stroke="#18181B" stroke-width="1.5"></path><path d="M16.5 2.75H21.0829C22.2985 2.75 23.4644 3.23291 24.3239 4.09249C25.1835 4.95208 25.6664 6.11793 25.6664 7.33356C25.6664 8.5492 25.1835 9.71505 24.3239 10.5746C23.4644 11.4342 22.2985 11.9171 21.0829 11.9171H16.5V2.75Z" stroke="#18181B" stroke-width="1.5"></path></svg>				\n									<h3>\n							UI/UX Design						\n					</h3>\n				<svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 33 33" fill="none"><path d="M17.7127 16.5C19.3215 16.5 20.625 17.7306 20.625 19.25C20.625 20.7694 19.3215 22 17.7127 22H14.575C13.5383 22 13.0199 22 12.6968 21.6782C12.375 21.3537 12.375 20.8367 12.375 19.8V16.5M17.7127 16.5C19.3215 16.5 20.625 15.2694 20.625 13.75C20.625 12.2306 19.3215 11 17.7127 11H14.575C13.5383 11 13.0199 11 12.6968 11.3218C12.375 11.6463 12.375 12.1633 12.375 13.2V16.5M17.7127 16.5H12.375" stroke="#454546" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M30.25 16.5C29.5207 16.5 28.8212 16.2103 28.3055 15.6945C27.7897 15.1788 27.5 14.4793 27.5 13.75V11C27.5 6.44875 26.5512 5.5 22 5.5H11C6.44875 5.5 5.5 6.44875 5.5 11V13.75C5.5 14.4793 5.21027 15.1788 4.69454 15.6945C4.17882 16.2103 3.47935 16.5 2.75 16.5M2.75 16.5C3.47935 16.5 4.17882 16.7897 4.69454 17.3055C5.21027 17.8212 5.5 18.5207 5.5 19.25V22C5.5 26.5512 6.44875 27.5 11 27.5H22C26.5512 27.5 27.5 26.5512 27.5 22V19.25C27.5 18.5207 27.7897 17.8212 28.3055 17.3055C28.8212 16.7897 29.5207 16.5 30.25 16.5" stroke="#454546" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>				\n									<h3>\n							Website Dev (Front End Slicing)						\n					</h3>\n				<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119.3 8 8 119.2 8 256c0 136.7 111.3 248 248 248s248-111.3 248-248C504 119.2 392.7 8 256 8zM33 256c0-32.3 6.9-63 19.3-90.7l106.4 291.4C84.3 420.5 33 344.2 33 256zm223 223c-21.9 0-43-3.2-63-9.1l66.9-194.4 68.5 187.8c.5 1.1 1 2.1 1.6 3.1-23.1 8.1-48 12.6-74 12.6zm30.7-327.5c13.4-.7 25.5-2.1 25.5-2.1 12-1.4 10.6-19.1-1.4-18.4 0 0-36.1 2.8-59.4 2.8-21.9 0-58.7-2.8-58.7-2.8-12-.7-13.4 17.7-1.4 18.4 0 0 11.4 1.4 23.4 2.1l34.7 95.2L200.6 393l-81.2-241.5c13.4-.7 25.5-2.1 25.5-2.1 12-1.4 10.6-19.1-1.4-18.4 0 0-36.1 2.8-59.4 2.8-4.2 0-9.1-.1-14.4-.3C109.6 73 178.1 33 256 33c58 0 110.9 22.2 150.6 58.5-1-.1-1.9-.2-2.9-.2-21.9 0-37.4 19.1-37.4 39.6 0 18.4 10.6 33.9 21.9 52.3 8.5 14.8 18.4 33.9 18.4 61.5 0 19.1-7.3 41.2-17 72.1l-22.2 74.3-80.7-239.6zm81.4 297.2l68.1-196.9c12.7-31.8 17-57.2 17-79.9 0-8.2-.5-15.8-1.5-22.9 17.4 31.8 27.3 68.2 27.3 107 0 82.3-44.6 154.1-110.9 192.7z"></path></svg>				\n									<h3>\n							WordPress Dev						\n					</h3>\n				<svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 33 33" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.49852 5.94551C14.1519 5.42948 18.8481 5.42948 23.5015 5.94551C24.3898 6.04383 25.2191 6.43875 25.8553 7.06648C26.4915 7.6942 26.8975 8.51808 27.0078 9.40501C27.5593 14.1189 27.5593 18.8811 27.0078 23.595C26.8975 24.4819 26.4915 25.3058 25.8553 25.9335C25.2191 26.5613 24.3898 26.9562 23.5015 27.0545C18.8481 27.5705 14.1519 27.5705 9.49852 27.0545C8.61019 26.9562 7.78094 26.5613 7.14473 25.9335C6.50852 25.3058 6.10251 24.4819 5.99227 23.595C5.4407 18.8811 5.4407 14.1189 5.99227 9.40501C6.10251 8.51808 6.50852 7.6942 7.14473 7.06648C7.78094 6.43875 8.61019 6.04383 9.49852 5.94551ZM23.7298 3.89676C18.9247 3.36384 14.0754 3.36384 9.27027 3.89676C6.50377 4.20476 4.26939 6.38413 3.94489 9.16438C3.37579 14.0382 3.37579 18.9618 3.94489 23.8356C4.26939 26.6159 6.50239 28.7953 9.27027 29.1046C14.0754 29.6364 18.9246 29.6364 23.7298 29.1046C26.4963 28.7953 28.7306 26.6159 29.0551 23.8356C29.6242 18.9618 29.6242 14.0382 29.0551 9.16438C28.7306 6.38413 26.4976 4.20476 23.7298 3.89538M12.8906 21.3125H11.0454V11.2544C11.7109 11.1334 12.6335 11.0426 13.8889 11.0426C15.2501 11.0426 16.2484 11.33 16.8988 11.8745C17.5038 12.3736 17.897 13.1753 17.897 14.1281C17.897 15.0961 17.5945 15.8978 17.0198 16.4423C16.2773 17.1834 15.114 17.5313 13.7981 17.5313C13.4503 17.5313 13.1326 17.5161 12.8906 17.4708V21.3125ZM13.9631 12.4644C13.4503 12.4644 13.0873 12.5098 12.8906 12.5551V16.0036C13.1175 16.0641 13.42 16.0793 13.7981 16.0793C15.1896 16.0793 16.0366 15.3986 16.0366 14.2038C16.0366 13.0694 15.2501 12.4644 13.9645 12.4644M20.4971 21.3125H18.6368V16.3213C18.6368 15.323 18.623 14.6121 18.5763 13.9466H20.1946L20.2551 15.3533H20.3156C20.6786 14.3096 21.5408 13.7803 22.3273 13.7803C22.5088 13.7803 22.616 13.7954 22.7673 13.8256V15.5801C22.5878 15.5418 22.4049 15.5215 22.2214 15.5196C21.329 15.5196 20.724 16.0944 20.5576 16.9263C20.52 17.1156 20.4997 17.308 20.4971 17.501V21.3125Z" fill="#454546"></path></svg>				\n									<h3>\n							Video Editing						\n					</h3>\n							<h2>As a UI/UX Designer, I have skills in designing, prototyping, and developing user interfaces that are both aesthetic and functional. My skills include UI/UX design, user research, information architecture, and interactive wireframe and prototyping. I am familiar with using design tools such as Figma, FigJam, and Maze, which help to create an optimal user experience. <br><br>In addition, I also familiar with HTML/CSS, Bootstrap, and Elementor, which enable me to collaborate effectively with the development team. Beyond that, I also have additional skills such as: Video Editing: Adobe Premiere Pro, CapCut Desktop Writing: Microsoft Office, Google Docs Soft Skills: Communication, Research and Analysis <br><br>With this combination of skills, I am ready to deliver innovative design solutions that meet user needs and business goals.</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>The Flow of My Creativity</h2>					<h2>I have worked with Indonesia’s leading and largest digital media companies.</h2>					<h2><b>Identifying Needs</b><br>Understanding the core objectives and challenges is the first step in creating an effective design. This phase involves gathering user requirements, analyzing problems, and defining goals to ensure the final product meets expectations.</h2>							\n							<h2><b>Research and Prototyping</b><br>Thorough research and initial prototyping help translate ideas into tangible concepts. By studying user behavior and industry trends, I create wireframes and low-fidelity prototypes to visualize potential solutions before moving forward.</h2>							\n							<h2><b>Discussion and Revision</b><br>Collaboration is key to refining ideas. Through discussions with stakeholders and users, I gather feedback to adjust and improve the design. This iterative process ensures that the final outcome aligns with both user needs and project goals.</h2>							\n							<h2><b>Refinement and Alternatives</b><br>Exploring multiple design alternatives allows for better decision-making. I refine key elements, experiment with different layouts, and evaluate usability to ensure the best possible experience before finalizing the design.</h2>							\n							<h2><b>Testing and Feedback</b><br>User testing plays a crucial role in validating a design’s effectiveness. By analyzing real user interactions and collecting feedback, I make data-driven improvements to enhance usability and overall functionality before launch.</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Creative Recharge​​						\n					</h3>\n							<h2>Me When I''m Not Designing</h2>					<h2>The Activities That Shape My Creativity and Perspective</h2>															<img width="364" height="364" src="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34444-2.png" alt="" srcset="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34444-2.png 364w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34444-2-300x300.png 300w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34444-2-150x150.png 150w" sizes="(max-width: 364px) 100vw, 364px" />																										<img width="364" height="364" src="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34446-2.png" alt="" srcset="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34446-2.png 364w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34446-2-300x300.png 300w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34446-2-150x150.png 150w" sizes="(max-width: 364px) 100vw, 364px" />																										<img width="364" height="364" src="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34445-2.png" alt="" srcset="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34445-2.png 364w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34445-2-300x300.png 300w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34445-2-150x150.png 150w" sizes="(max-width: 364px) 100vw, 364px" />', 'About', '', 'inherit', 'closed', 'closed', '', '36-revision-v1', '', '', '2025-12-26 09:12:57', '2025-12-26 09:12:57', '', 36, 'https://portoadib.my.id/?p=985', 0, 'revision', '', 0),
(986, 1, '2025-12-26 09:13:54', '2025-12-26 09:13:54', '<img width="1328" height="1346" src="https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib.png" alt="" srcset="https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib.png 1328w, https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib-296x300.png 296w, https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib-1010x1024.png 1010w, https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib-768x778.png 768w" sizes="(max-width: 1328px) 100vw, 1328px" />																<h2>Designing Creative Digital Solutions</h2>					<h2>Passionate about crafting seamless user experiences through design and technology.</h2>										<a href="#">\n				<svg aria-hidden="true" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"><path d="M369.9 97.9L286 14C277 5 264.8-.1 252.1-.1H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V131.9c0-12.7-5.1-25-14.1-34zM332.1 128H256V51.9l76.1 76.1zM48 464V48h160v104c0 13.3 10.7 24 24 24h104v288H48z"></path></svg>			\n									Adib''s CV\n					</a>\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>Summary</h2>					<h2>I have worked with Indonesia’s leading and largest digital media companies.</h2>					<h2><b>UI/UX Designer</b> with experience designing intuitive digital interfaces for websites and mobile apps. Skilled in <b>design thinking</b>, user research, wireframing, and usability testing to deliver user-centered solutions aligned with business goals. Proficient in <b>Figma</b>, HTML/CSS, Bootstrap, and Elementor. <br><br>Strong visual design foundation with additional experience in graphic and video editing. <br><br>A fast learner with strong communication and collaboration skills, <b>ready to contribute</b> to impactful digital projects.</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							My Work Journey​						\n					</h3>\n							<h2>Experience</h2>					<h2>I have worked with Indonesia’s leading and largest digital media companies.</h2>															<img width="66" height="66" src="https://portoadib.my.id/wp-content/uploads/2025/12/FlazzTax-Logo.png" alt="" />																<h2>UI/UX Designer &amp; WordPress Dev</h2>					<h2>PT Hansel Primatech Asia (FlazzTax)</h2>					<h2>Internship</h2>					<h2>Mei 2025-Present</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo.png" alt="" />																<h2>Website Designer</h2>					<h2>MENDIK Yayasan Islam Al Huda Bogor - Indonesia</h2>					<h2>Contract | Junior Position</h2>					<h2>Sep 2024-Dec 2024</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo-1.png" alt="" />																<h2>UI/UX Designer</h2>					<h2>PT Trans Digital Media (detikcom)</h2>					<h2>Internship | Magang Merdeka Batch 5</h2>					<h2>Aug 2023-Dec 2023</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Education​​						\n					</h3>\n							<h2>Study</h2>					<h2>Specialized in a field that directly supports my professional journey.</h2>															<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo-2.png" alt="" />																<h2>Universitas Pembangunan Nasional Veteran Jakarta</h2>					<h2>Information Systems</h2>					<h2>Lulusan Berprestasi</h2>					<h2>Aug 2021 - Jul 2024</h2>							\n							<h2>I completed my education in Information Systems at <b>UPN Veteran Jakarta</b> in 2024. During my study, I received various relevant courses such as Human and Computer Interaction, Information Systems Analysis and Design, Business Process Analysis, Web Programming, and Mobile Programming. <br><br>I was also honored to be one of the <b>outstanding students</b> in the study program.</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo-3.png" alt="" />																<h2>Politeknik Negeri Media Kreatif Jakarta</h2>					<h2>Multimedia</h2>					<h2>2 Semesters</h2>					<h2>Aug 2020 - May 2021</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>Certifications &amp; Credentials</h2>					<h2>Training and certification highlights from credible learning platforms and institutions.</h2>															<img width="66" height="66" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo-BNSO.png" alt="" />																<h2>Badan Nasional Sertifikasi Profesi</h2>					<h2>Certificate of Competence Junior Web Programmer (PHP)</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/LOGO-BWA.png" alt="" />																<h2>BuildWithAngga</h2>					<h2>Full-Stack JavaScript Developer Next JS: Booking Flight Ticket (JavaScript)</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/LOGO-MYSKILLID.png" alt="" />																<h2>MySkill</h2>					<h2>Design Process Using Figma</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/LOGO-MYSKILLID.png" alt="" />																<h2>MySkill</h2>					<h2>End-To-End UX Research Process</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>Honors &amp; Awards</h2>					<h2>I have achieved several awards in national competitions focused on innovation, creativity, and technological solutions. Here are some of my achievements.</h2>					<h2>Lulusan Berprestasi | D3 Sistem Informasi | UPNVJ</h2>					<h2>Sep 2024</h2>							\n							<h2>3rd Runner-up | UI/UX Design Competition | UNJANI</h2>					<h2>Apr 2023</h2>							\n							<h2>Semifinalist | Business Plan Competition | UNDIP</h2>					<h2>Mar 2023</h2>							\n							<h2>3rd Winner | Essay Competition | UKSW</h2>					<h2>Nov 2022</h2>							\n							<h2>1st Winner | Videography Competition | UPNVJ</h2>					<h2>Oct 2022</h2>							\n							<h2>3rd Winner | Innovation &amp; Research Competition | UPNVJ</h2>					<h2>Aug 2022</h2>							\n							<h2>2nd Winner | Short Movie BOFMAN4 | MAN 4 Jakarta</h2>					<h2>Nov 2019</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>Organization Experience</h2>					<h2>I have worked with Indonesia’s leading and largest digital media companies.</h2>															<img width="66" height="66" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo_KSM-Multimedia-1.png" alt="" />																<h2>KSM Multimedia UPNVJ</h2>					<h2>Website Development</h2>					<h2>2nd Best Project</h2>					<h2>Feb 2022 - Jan 2023</h2>							\n							<h2>As a member of the Multimedia Student Study Group, KSM Multimedia at FIK UPN Veteran Jakarta, I actively participated in the Website Development class, where I learned key aspects of web development, including HTML/CSS, JavaScript, and Bootstrap.<br><br>My final project earned the 2nd Best Project, featuring a flexible website design that emphasized aesthetics and functionality. I approached each session with enthusiasm and gained valuable insights.</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>Skills</h2>					<h2>I have worked with Indonesia’s leading and largest digital media companies.</h2>							\n				<svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 33 33" fill="none"><path opacity="0.5" d="M16.5 2.75H11.9171C10.7015 2.75 9.53564 3.23291 8.67605 4.09249C7.81647 4.95208 7.33356 6.11793 7.33356 7.33356C7.33356 8.5492 7.81647 9.71505 8.67605 10.5746C9.53564 11.4342 10.7015 11.9171 11.9171 11.9171H16.5V2.75Z" stroke="#18181B" stroke-width="1.5"></path><path d="M16.5 11.9172H11.9171C10.7017 11.9172 9.53599 12.4001 8.67654 13.2595C7.81708 14.119 7.33424 15.2847 7.33424 16.5001C7.33424 17.7156 7.81708 18.8812 8.67654 19.7407C9.53599 20.6001 10.7017 21.083 11.9171 21.083H16.5V11.9172Z" stroke="#18181B" stroke-width="1.5"></path><path opacity="0.5" d="M25.6671 16.5001C25.6671 17.7157 25.1842 18.8815 24.3246 19.7411C23.465 20.6007 22.2992 21.0836 21.0836 21.0836C19.8679 21.0836 18.7021 20.6007 17.8425 19.7411C16.9829 18.8815 16.5 17.7157 16.5 16.5001C16.5 15.2844 16.9829 14.1186 17.8425 13.259C18.7021 12.3994 19.8679 11.9165 21.0836 11.9165C22.2992 11.9165 23.465 12.3994 24.3246 13.259C25.1842 14.1186 25.6671 15.2844 25.6671 16.5001ZM11.9171 21.0843H16.5V25.6672C16.4997 26.5735 16.2307 27.4595 15.727 28.2129C15.2232 28.9664 14.5074 29.5536 13.67 29.9002C12.8325 30.2469 11.9111 30.3375 11.0222 30.1605C10.1333 29.9835 9.31684 29.5469 8.67605 28.9059C8.03526 28.2649 7.59892 27.4483 7.4222 26.5594C7.24548 25.6704 7.33632 24.749 7.68323 23.9117C8.03014 23.0744 8.61753 22.3587 9.37115 21.8552C10.1248 21.3517 11.0108 21.0843 11.9171 21.0843Z" stroke="#18181B" stroke-width="1.5"></path><path d="M16.5 2.75H21.0829C22.2985 2.75 23.4644 3.23291 24.3239 4.09249C25.1835 4.95208 25.6664 6.11793 25.6664 7.33356C25.6664 8.5492 25.1835 9.71505 24.3239 10.5746C23.4644 11.4342 22.2985 11.9171 21.0829 11.9171H16.5V2.75Z" stroke="#18181B" stroke-width="1.5"></path></svg>				\n									<h3>\n							UI/UX Design						\n					</h3>\n				<svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 33 33" fill="none"><path d="M17.7127 16.5C19.3215 16.5 20.625 17.7306 20.625 19.25C20.625 20.7694 19.3215 22 17.7127 22H14.575C13.5383 22 13.0199 22 12.6968 21.6782C12.375 21.3537 12.375 20.8367 12.375 19.8V16.5M17.7127 16.5C19.3215 16.5 20.625 15.2694 20.625 13.75C20.625 12.2306 19.3215 11 17.7127 11H14.575C13.5383 11 13.0199 11 12.6968 11.3218C12.375 11.6463 12.375 12.1633 12.375 13.2V16.5M17.7127 16.5H12.375" stroke="#454546" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M30.25 16.5C29.5207 16.5 28.8212 16.2103 28.3055 15.6945C27.7897 15.1788 27.5 14.4793 27.5 13.75V11C27.5 6.44875 26.5512 5.5 22 5.5H11C6.44875 5.5 5.5 6.44875 5.5 11V13.75C5.5 14.4793 5.21027 15.1788 4.69454 15.6945C4.17882 16.2103 3.47935 16.5 2.75 16.5M2.75 16.5C3.47935 16.5 4.17882 16.7897 4.69454 17.3055C5.21027 17.8212 5.5 18.5207 5.5 19.25V22C5.5 26.5512 6.44875 27.5 11 27.5H22C26.5512 27.5 27.5 26.5512 27.5 22V19.25C27.5 18.5207 27.7897 17.8212 28.3055 17.3055C28.8212 16.7897 29.5207 16.5 30.25 16.5" stroke="#454546" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>				\n									<h3>\n							Website Dev (Front End Slicing)						\n					</h3>\n				<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119.3 8 8 119.2 8 256c0 136.7 111.3 248 248 248s248-111.3 248-248C504 119.2 392.7 8 256 8zM33 256c0-32.3 6.9-63 19.3-90.7l106.4 291.4C84.3 420.5 33 344.2 33 256zm223 223c-21.9 0-43-3.2-63-9.1l66.9-194.4 68.5 187.8c.5 1.1 1 2.1 1.6 3.1-23.1 8.1-48 12.6-74 12.6zm30.7-327.5c13.4-.7 25.5-2.1 25.5-2.1 12-1.4 10.6-19.1-1.4-18.4 0 0-36.1 2.8-59.4 2.8-21.9 0-58.7-2.8-58.7-2.8-12-.7-13.4 17.7-1.4 18.4 0 0 11.4 1.4 23.4 2.1l34.7 95.2L200.6 393l-81.2-241.5c13.4-.7 25.5-2.1 25.5-2.1 12-1.4 10.6-19.1-1.4-18.4 0 0-36.1 2.8-59.4 2.8-4.2 0-9.1-.1-14.4-.3C109.6 73 178.1 33 256 33c58 0 110.9 22.2 150.6 58.5-1-.1-1.9-.2-2.9-.2-21.9 0-37.4 19.1-37.4 39.6 0 18.4 10.6 33.9 21.9 52.3 8.5 14.8 18.4 33.9 18.4 61.5 0 19.1-7.3 41.2-17 72.1l-22.2 74.3-80.7-239.6zm81.4 297.2l68.1-196.9c12.7-31.8 17-57.2 17-79.9 0-8.2-.5-15.8-1.5-22.9 17.4 31.8 27.3 68.2 27.3 107 0 82.3-44.6 154.1-110.9 192.7z"></path></svg>				\n									<h3>\n							WordPress Dev						\n					</h3>\n				<svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 33 33" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.49852 5.94551C14.1519 5.42948 18.8481 5.42948 23.5015 5.94551C24.3898 6.04383 25.2191 6.43875 25.8553 7.06648C26.4915 7.6942 26.8975 8.51808 27.0078 9.40501C27.5593 14.1189 27.5593 18.8811 27.0078 23.595C26.8975 24.4819 26.4915 25.3058 25.8553 25.9335C25.2191 26.5613 24.3898 26.9562 23.5015 27.0545C18.8481 27.5705 14.1519 27.5705 9.49852 27.0545C8.61019 26.9562 7.78094 26.5613 7.14473 25.9335C6.50852 25.3058 6.10251 24.4819 5.99227 23.595C5.4407 18.8811 5.4407 14.1189 5.99227 9.40501C6.10251 8.51808 6.50852 7.6942 7.14473 7.06648C7.78094 6.43875 8.61019 6.04383 9.49852 5.94551ZM23.7298 3.89676C18.9247 3.36384 14.0754 3.36384 9.27027 3.89676C6.50377 4.20476 4.26939 6.38413 3.94489 9.16438C3.37579 14.0382 3.37579 18.9618 3.94489 23.8356C4.26939 26.6159 6.50239 28.7953 9.27027 29.1046C14.0754 29.6364 18.9246 29.6364 23.7298 29.1046C26.4963 28.7953 28.7306 26.6159 29.0551 23.8356C29.6242 18.9618 29.6242 14.0382 29.0551 9.16438C28.7306 6.38413 26.4976 4.20476 23.7298 3.89538M12.8906 21.3125H11.0454V11.2544C11.7109 11.1334 12.6335 11.0426 13.8889 11.0426C15.2501 11.0426 16.2484 11.33 16.8988 11.8745C17.5038 12.3736 17.897 13.1753 17.897 14.1281C17.897 15.0961 17.5945 15.8978 17.0198 16.4423C16.2773 17.1834 15.114 17.5313 13.7981 17.5313C13.4503 17.5313 13.1326 17.5161 12.8906 17.4708V21.3125ZM13.9631 12.4644C13.4503 12.4644 13.0873 12.5098 12.8906 12.5551V16.0036C13.1175 16.0641 13.42 16.0793 13.7981 16.0793C15.1896 16.0793 16.0366 15.3986 16.0366 14.2038C16.0366 13.0694 15.2501 12.4644 13.9645 12.4644M20.4971 21.3125H18.6368V16.3213C18.6368 15.323 18.623 14.6121 18.5763 13.9466H20.1946L20.2551 15.3533H20.3156C20.6786 14.3096 21.5408 13.7803 22.3273 13.7803C22.5088 13.7803 22.616 13.7954 22.7673 13.8256V15.5801C22.5878 15.5418 22.4049 15.5215 22.2214 15.5196C21.329 15.5196 20.724 16.0944 20.5576 16.9263C20.52 17.1156 20.4997 17.308 20.4971 17.501V21.3125Z" fill="#454546"></path></svg>				\n									<h3>\n							Video Editing						\n					</h3>\n							<h2>As a UI/UX Designer, I have skills in designing, prototyping, and developing user interfaces that are both aesthetic and functional. My skills include UI/UX design, user research, information architecture, and interactive wireframe and prototyping. I am familiar with using design tools such as Figma, FigJam, and Maze, which help to create an optimal user experience. <br><br>In addition, I also familiar with HTML/CSS, Bootstrap, and Elementor, which enable me to collaborate effectively with the development team. Beyond that, I also have additional skills such as: Video Editing: Adobe Premiere Pro, CapCut Desktop Writing: Microsoft Office, Google Docs Soft Skills: Communication, Research and Analysis <br><br>With this combination of skills, I am ready to deliver innovative design solutions that meet user needs and business goals.</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>The Flow of My Creativity</h2>					<h2>I have worked with Indonesia’s leading and largest digital media companies.</h2>					<h2><b>Identifying Needs</b><br>Understanding the core objectives and challenges is the first step in creating an effective design. This phase involves gathering user requirements, analyzing problems, and defining goals to ensure the final product meets expectations.</h2>							\n							<h2><b>Research and Prototyping</b><br>Thorough research and initial prototyping help translate ideas into tangible concepts. By studying user behavior and industry trends, I create wireframes and low-fidelity prototypes to visualize potential solutions before moving forward.</h2>							\n							<h2><b>Discussion and Revision</b><br>Collaboration is key to refining ideas. Through discussions with stakeholders and users, I gather feedback to adjust and improve the design. This iterative process ensures that the final outcome aligns with both user needs and project goals.</h2>							\n							<h2><b>Refinement and Alternatives</b><br>Exploring multiple design alternatives allows for better decision-making. I refine key elements, experiment with different layouts, and evaluate usability to ensure the best possible experience before finalizing the design.</h2>							\n							<h2><b>Testing and Feedback</b><br>User testing plays a crucial role in validating a design’s effectiveness. By analyzing real user interactions and collecting feedback, I make data-driven improvements to enhance usability and overall functionality before launch.</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Creative Recharge​​						\n					</h3>\n							<h2>Me When I''m Not Designing</h2>					<h2>The Activities That Shape My Creativity and Perspective</h2>															<img width="364" height="364" src="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34444-2.png" alt="" srcset="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34444-2.png 364w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34444-2-300x300.png 300w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34444-2-150x150.png 150w" sizes="(max-width: 364px) 100vw, 364px" />																										<img width="364" height="364" src="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34446-2.png" alt="" srcset="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34446-2.png 364w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34446-2-300x300.png 300w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34446-2-150x150.png 150w" sizes="(max-width: 364px) 100vw, 364px" />																										<img width="364" height="364" src="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34445-2.png" alt="" srcset="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34445-2.png 364w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34445-2-300x300.png 300w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34445-2-150x150.png 150w" sizes="(max-width: 364px) 100vw, 364px" />', 'About', '', 'inherit', 'closed', 'closed', '', '36-revision-v1', '', '', '2025-12-26 09:13:54', '2025-12-26 09:13:54', '', 36, 'https://portoadib.my.id/?p=986', 0, 'revision', '', 0);
INSERT INTO `wpposts` VALUES
(987, 1, '2025-12-26 09:13:55', '2025-12-26 09:13:55', '<img width="1328" height="1346" src="https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib.png" alt="" srcset="https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib.png 1328w, https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib-296x300.png 296w, https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib-1010x1024.png 1010w, https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib-768x778.png 768w" sizes="(max-width: 1328px) 100vw, 1328px" />																<h2>Designing Creative Digital Solutions</h2>					<h2>Passionate about crafting seamless user experiences through design and technology.</h2>										<a href="#">\n				<svg aria-hidden="true" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"><path d="M369.9 97.9L286 14C277 5 264.8-.1 252.1-.1H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V131.9c0-12.7-5.1-25-14.1-34zM332.1 128H256V51.9l76.1 76.1zM48 464V48h160v104c0 13.3 10.7 24 24 24h104v288H48z"></path></svg>			\n									Adib''s CV\n					</a>\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>Summary</h2>					<h2>I have worked with Indonesia’s leading and largest digital media companies.</h2>					<h2><b>UI/UX Designer</b> with experience designing intuitive digital interfaces for websites and mobile apps. Skilled in <b>design thinking</b>, user research, wireframing, and usability testing to deliver user-centered solutions aligned with business goals. Proficient in <b>Figma</b>, HTML/CSS, Bootstrap, and Elementor. <br><br>Strong visual design foundation with additional experience in graphic and video editing. <br><br>A fast learner with strong communication and collaboration skills, <b>ready to contribute</b> to impactful digital projects.</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							My Work Journey​						\n					</h3>\n							<h2>Experience</h2>					<h2>I have worked with Indonesia’s leading and largest digital media companies.</h2>															<img width="66" height="66" src="https://portoadib.my.id/wp-content/uploads/2025/12/FlazzTax-Logo.png" alt="" />																<h2>UI/UX Designer &amp; WordPress Dev</h2>					<h2>PT Hansel Primatech Asia (FlazzTax)</h2>					<h2>Internship</h2>					<h2>Mei 2025-Present</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo.png" alt="" />																<h2>Website Designer</h2>					<h2>MENDIK Yayasan Islam Al Huda Bogor - Indonesia</h2>					<h2>Contract | Junior Position</h2>					<h2>Sep 2024-Dec 2024</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo-1.png" alt="" />																<h2>UI/UX Designer</h2>					<h2>PT Trans Digital Media (detikcom)</h2>					<h2>Internship | Magang Merdeka Batch 5</h2>					<h2>Aug 2023-Dec 2023</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Education​​						\n					</h3>\n							<h2>Study</h2>					<h2>Specialized in a field that directly supports my professional journey.</h2>															<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo-2.png" alt="" />																<h2>Universitas Pembangunan Nasional Veteran Jakarta</h2>					<h2>Information Systems</h2>					<h2>Lulusan Berprestasi</h2>					<h2>Aug 2021 - Jul 2024</h2>							\n							<h2>I completed my education in Information Systems at <b>UPN Veteran Jakarta</b> in 2024. During my study, I received various relevant courses such as Human and Computer Interaction, Information Systems Analysis and Design, Business Process Analysis, Web Programming, and Mobile Programming. <br><br>I was also honored to be one of the <b>outstanding students</b> in the study program.</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo-3.png" alt="" />																<h2>Politeknik Negeri Media Kreatif Jakarta</h2>					<h2>Multimedia</h2>					<h2>2 Semesters</h2>					<h2>Aug 2020 - May 2021</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>Certifications &amp; Credentials</h2>					<h2>Training and certification highlights from credible learning platforms and institutions.</h2>															<img width="66" height="66" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo-BNSO.png" alt="" />																<h2>Badan Nasional Sertifikasi Profesi</h2>					<h2>Certificate of Competence Junior Web Programmer (PHP)</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/LOGO-BWA.png" alt="" />																<h2>BuildWithAngga</h2>					<h2>Full-Stack JavaScript Developer Next JS: Booking Flight Ticket (JavaScript)</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/LOGO-MYSKILLID.png" alt="" />																<h2>MySkill</h2>					<h2>Design Process Using Figma</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/LOGO-MYSKILLID.png" alt="" />																<h2>MySkill</h2>					<h2>End-To-End UX Research Process</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>Honors &amp; Awards</h2>					<h2>I have achieved several awards in national competitions focused on innovation, creativity, and technological solutions. Here are some of my achievements.</h2>					<h2>Lulusan Berprestasi | D3 Sistem Informasi | UPNVJ</h2>					<h2>Sep 2024</h2>							\n							<h2>3rd Runner-up | UI/UX Design Competition | UNJANI</h2>					<h2>Apr 2023</h2>							\n							<h2>Semifinalist | Business Plan Competition | UNDIP</h2>					<h2>Mar 2023</h2>							\n							<h2>3rd Winner | Essay Competition | UKSW</h2>					<h2>Nov 2022</h2>							\n							<h2>1st Winner | Videography Competition | UPNVJ</h2>					<h2>Oct 2022</h2>							\n							<h2>3rd Winner | Innovation &amp; Research Competition | UPNVJ</h2>					<h2>Aug 2022</h2>							\n							<h2>2nd Winner | Short Movie BOFMAN4 | MAN 4 Jakarta</h2>					<h2>Nov 2019</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>Organization Experience</h2>					<h2>I have worked with Indonesia’s leading and largest digital media companies.</h2>															<img width="66" height="66" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo_KSM-Multimedia-1.png" alt="" />																<h2>KSM Multimedia UPNVJ</h2>					<h2>Website Development</h2>					<h2>2nd Best Project</h2>					<h2>Feb 2022 - Jan 2023</h2>							\n							<h2>As a member of the Multimedia Student Study Group, KSM Multimedia at FIK UPN Veteran Jakarta, I actively participated in the Website Development class, where I learned key aspects of web development, including HTML/CSS, JavaScript, and Bootstrap.<br><br>My final project earned the 2nd Best Project, featuring a flexible website design that emphasized aesthetics and functionality. I approached each session with enthusiasm and gained valuable insights.</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>Skills</h2>					<h2>I have worked with Indonesia’s leading and largest digital media companies.</h2>							\n				<svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 33 33" fill="none"><path opacity="0.5" d="M16.5 2.75H11.9171C10.7015 2.75 9.53564 3.23291 8.67605 4.09249C7.81647 4.95208 7.33356 6.11793 7.33356 7.33356C7.33356 8.5492 7.81647 9.71505 8.67605 10.5746C9.53564 11.4342 10.7015 11.9171 11.9171 11.9171H16.5V2.75Z" stroke="#18181B" stroke-width="1.5"></path><path d="M16.5 11.9172H11.9171C10.7017 11.9172 9.53599 12.4001 8.67654 13.2595C7.81708 14.119 7.33424 15.2847 7.33424 16.5001C7.33424 17.7156 7.81708 18.8812 8.67654 19.7407C9.53599 20.6001 10.7017 21.083 11.9171 21.083H16.5V11.9172Z" stroke="#18181B" stroke-width="1.5"></path><path opacity="0.5" d="M25.6671 16.5001C25.6671 17.7157 25.1842 18.8815 24.3246 19.7411C23.465 20.6007 22.2992 21.0836 21.0836 21.0836C19.8679 21.0836 18.7021 20.6007 17.8425 19.7411C16.9829 18.8815 16.5 17.7157 16.5 16.5001C16.5 15.2844 16.9829 14.1186 17.8425 13.259C18.7021 12.3994 19.8679 11.9165 21.0836 11.9165C22.2992 11.9165 23.465 12.3994 24.3246 13.259C25.1842 14.1186 25.6671 15.2844 25.6671 16.5001ZM11.9171 21.0843H16.5V25.6672C16.4997 26.5735 16.2307 27.4595 15.727 28.2129C15.2232 28.9664 14.5074 29.5536 13.67 29.9002C12.8325 30.2469 11.9111 30.3375 11.0222 30.1605C10.1333 29.9835 9.31684 29.5469 8.67605 28.9059C8.03526 28.2649 7.59892 27.4483 7.4222 26.5594C7.24548 25.6704 7.33632 24.749 7.68323 23.9117C8.03014 23.0744 8.61753 22.3587 9.37115 21.8552C10.1248 21.3517 11.0108 21.0843 11.9171 21.0843Z" stroke="#18181B" stroke-width="1.5"></path><path d="M16.5 2.75H21.0829C22.2985 2.75 23.4644 3.23291 24.3239 4.09249C25.1835 4.95208 25.6664 6.11793 25.6664 7.33356C25.6664 8.5492 25.1835 9.71505 24.3239 10.5746C23.4644 11.4342 22.2985 11.9171 21.0829 11.9171H16.5V2.75Z" stroke="#18181B" stroke-width="1.5"></path></svg>				\n									<h3>\n							UI/UX Design						\n					</h3>\n				<svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 33 33" fill="none"><path d="M17.7127 16.5C19.3215 16.5 20.625 17.7306 20.625 19.25C20.625 20.7694 19.3215 22 17.7127 22H14.575C13.5383 22 13.0199 22 12.6968 21.6782C12.375 21.3537 12.375 20.8367 12.375 19.8V16.5M17.7127 16.5C19.3215 16.5 20.625 15.2694 20.625 13.75C20.625 12.2306 19.3215 11 17.7127 11H14.575C13.5383 11 13.0199 11 12.6968 11.3218C12.375 11.6463 12.375 12.1633 12.375 13.2V16.5M17.7127 16.5H12.375" stroke="#454546" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M30.25 16.5C29.5207 16.5 28.8212 16.2103 28.3055 15.6945C27.7897 15.1788 27.5 14.4793 27.5 13.75V11C27.5 6.44875 26.5512 5.5 22 5.5H11C6.44875 5.5 5.5 6.44875 5.5 11V13.75C5.5 14.4793 5.21027 15.1788 4.69454 15.6945C4.17882 16.2103 3.47935 16.5 2.75 16.5M2.75 16.5C3.47935 16.5 4.17882 16.7897 4.69454 17.3055C5.21027 17.8212 5.5 18.5207 5.5 19.25V22C5.5 26.5512 6.44875 27.5 11 27.5H22C26.5512 27.5 27.5 26.5512 27.5 22V19.25C27.5 18.5207 27.7897 17.8212 28.3055 17.3055C28.8212 16.7897 29.5207 16.5 30.25 16.5" stroke="#454546" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>				\n									<h3>\n							Website Dev (Front End Slicing)						\n					</h3>\n				<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119.3 8 8 119.2 8 256c0 136.7 111.3 248 248 248s248-111.3 248-248C504 119.2 392.7 8 256 8zM33 256c0-32.3 6.9-63 19.3-90.7l106.4 291.4C84.3 420.5 33 344.2 33 256zm223 223c-21.9 0-43-3.2-63-9.1l66.9-194.4 68.5 187.8c.5 1.1 1 2.1 1.6 3.1-23.1 8.1-48 12.6-74 12.6zm30.7-327.5c13.4-.7 25.5-2.1 25.5-2.1 12-1.4 10.6-19.1-1.4-18.4 0 0-36.1 2.8-59.4 2.8-21.9 0-58.7-2.8-58.7-2.8-12-.7-13.4 17.7-1.4 18.4 0 0 11.4 1.4 23.4 2.1l34.7 95.2L200.6 393l-81.2-241.5c13.4-.7 25.5-2.1 25.5-2.1 12-1.4 10.6-19.1-1.4-18.4 0 0-36.1 2.8-59.4 2.8-4.2 0-9.1-.1-14.4-.3C109.6 73 178.1 33 256 33c58 0 110.9 22.2 150.6 58.5-1-.1-1.9-.2-2.9-.2-21.9 0-37.4 19.1-37.4 39.6 0 18.4 10.6 33.9 21.9 52.3 8.5 14.8 18.4 33.9 18.4 61.5 0 19.1-7.3 41.2-17 72.1l-22.2 74.3-80.7-239.6zm81.4 297.2l68.1-196.9c12.7-31.8 17-57.2 17-79.9 0-8.2-.5-15.8-1.5-22.9 17.4 31.8 27.3 68.2 27.3 107 0 82.3-44.6 154.1-110.9 192.7z"></path></svg>				\n									<h3>\n							WordPress Dev						\n					</h3>\n				<svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 33 33" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.49852 5.94551C14.1519 5.42948 18.8481 5.42948 23.5015 5.94551C24.3898 6.04383 25.2191 6.43875 25.8553 7.06648C26.4915 7.6942 26.8975 8.51808 27.0078 9.40501C27.5593 14.1189 27.5593 18.8811 27.0078 23.595C26.8975 24.4819 26.4915 25.3058 25.8553 25.9335C25.2191 26.5613 24.3898 26.9562 23.5015 27.0545C18.8481 27.5705 14.1519 27.5705 9.49852 27.0545C8.61019 26.9562 7.78094 26.5613 7.14473 25.9335C6.50852 25.3058 6.10251 24.4819 5.99227 23.595C5.4407 18.8811 5.4407 14.1189 5.99227 9.40501C6.10251 8.51808 6.50852 7.6942 7.14473 7.06648C7.78094 6.43875 8.61019 6.04383 9.49852 5.94551ZM23.7298 3.89676C18.9247 3.36384 14.0754 3.36384 9.27027 3.89676C6.50377 4.20476 4.26939 6.38413 3.94489 9.16438C3.37579 14.0382 3.37579 18.9618 3.94489 23.8356C4.26939 26.6159 6.50239 28.7953 9.27027 29.1046C14.0754 29.6364 18.9246 29.6364 23.7298 29.1046C26.4963 28.7953 28.7306 26.6159 29.0551 23.8356C29.6242 18.9618 29.6242 14.0382 29.0551 9.16438C28.7306 6.38413 26.4976 4.20476 23.7298 3.89538M12.8906 21.3125H11.0454V11.2544C11.7109 11.1334 12.6335 11.0426 13.8889 11.0426C15.2501 11.0426 16.2484 11.33 16.8988 11.8745C17.5038 12.3736 17.897 13.1753 17.897 14.1281C17.897 15.0961 17.5945 15.8978 17.0198 16.4423C16.2773 17.1834 15.114 17.5313 13.7981 17.5313C13.4503 17.5313 13.1326 17.5161 12.8906 17.4708V21.3125ZM13.9631 12.4644C13.4503 12.4644 13.0873 12.5098 12.8906 12.5551V16.0036C13.1175 16.0641 13.42 16.0793 13.7981 16.0793C15.1896 16.0793 16.0366 15.3986 16.0366 14.2038C16.0366 13.0694 15.2501 12.4644 13.9645 12.4644M20.4971 21.3125H18.6368V16.3213C18.6368 15.323 18.623 14.6121 18.5763 13.9466H20.1946L20.2551 15.3533H20.3156C20.6786 14.3096 21.5408 13.7803 22.3273 13.7803C22.5088 13.7803 22.616 13.7954 22.7673 13.8256V15.5801C22.5878 15.5418 22.4049 15.5215 22.2214 15.5196C21.329 15.5196 20.724 16.0944 20.5576 16.9263C20.52 17.1156 20.4997 17.308 20.4971 17.501V21.3125Z" fill="#454546"></path></svg>				\n									<h3>\n							Video Editing						\n					</h3>\n							<h2>As a UI/UX Designer, I have skills in designing, prototyping, and developing user interfaces that are both aesthetic and functional. My skills include UI/UX design, user research, information architecture, and interactive wireframe and prototyping. I am familiar with using design tools such as Figma, FigJam, and Maze, which help to create an optimal user experience. <br><br>In addition, I also familiar with HTML/CSS, Bootstrap, and Elementor, which enable me to collaborate effectively with the development team. Beyond that, I also have additional skills such as: Video Editing: Adobe Premiere Pro, CapCut Desktop Writing: Microsoft Office, Google Docs Soft Skills: Communication, Research and Analysis <br><br>With this combination of skills, I am ready to deliver innovative design solutions that meet user needs and business goals.</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>The Flow of My Creativity</h2>					<h2>I have worked with Indonesia’s leading and largest digital media companies.</h2>					<h2><b>Identifying Needs</b><br>Understanding the core objectives and challenges is the first step in creating an effective design. This phase involves gathering user requirements, analyzing problems, and defining goals to ensure the final product meets expectations.</h2>							\n							<h2><b>Research and Prototyping</b><br>Thorough research and initial prototyping help translate ideas into tangible concepts. By studying user behavior and industry trends, I create wireframes and low-fidelity prototypes to visualize potential solutions before moving forward.</h2>							\n							<h2><b>Discussion and Revision</b><br>Collaboration is key to refining ideas. Through discussions with stakeholders and users, I gather feedback to adjust and improve the design. This iterative process ensures that the final outcome aligns with both user needs and project goals.</h2>							\n							<h2><b>Refinement and Alternatives</b><br>Exploring multiple design alternatives allows for better decision-making. I refine key elements, experiment with different layouts, and evaluate usability to ensure the best possible experience before finalizing the design.</h2>							\n							<h2><b>Testing and Feedback</b><br>User testing plays a crucial role in validating a design’s effectiveness. By analyzing real user interactions and collecting feedback, I make data-driven improvements to enhance usability and overall functionality before launch.</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Creative Recharge​​						\n					</h3>\n							<h2>Me When I''m Not Designing</h2>					<h2>The Activities That Shape My Creativity and Perspective</h2>															<img width="364" height="364" src="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34444-2.png" alt="" srcset="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34444-2.png 364w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34444-2-300x300.png 300w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34444-2-150x150.png 150w" sizes="(max-width: 364px) 100vw, 364px" />																										<img width="364" height="364" src="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34446-2.png" alt="" srcset="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34446-2.png 364w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34446-2-300x300.png 300w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34446-2-150x150.png 150w" sizes="(max-width: 364px) 100vw, 364px" />																										<img width="364" height="364" src="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34445-2.png" alt="" srcset="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34445-2.png 364w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34445-2-300x300.png 300w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34445-2-150x150.png 150w" sizes="(max-width: 364px) 100vw, 364px" />', 'About', '', 'inherit', 'closed', 'closed', '', '36-revision-v1', '', '', '2025-12-26 09:13:55', '2025-12-26 09:13:55', '', 36, 'https://portoadib.my.id/?p=987', 0, 'revision', '', 0),
(988, 1, '2025-12-26 09:13:55', '2025-12-26 09:13:55', '<img width="1328" height="1346" src="https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib.png" alt="" srcset="https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib.png 1328w, https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib-296x300.png 296w, https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib-1010x1024.png 1010w, https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib-768x778.png 768w" sizes="(max-width: 1328px) 100vw, 1328px" />																<h2>Designing Creative Digital Solutions</h2>					<h2>Passionate about crafting seamless user experiences through design and technology.</h2>										<a href="#">\n				<svg aria-hidden="true" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"><path d="M369.9 97.9L286 14C277 5 264.8-.1 252.1-.1H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V131.9c0-12.7-5.1-25-14.1-34zM332.1 128H256V51.9l76.1 76.1zM48 464V48h160v104c0 13.3 10.7 24 24 24h104v288H48z"></path></svg>			\n									Adib''s CV\n					</a>\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>Summary</h2>					<h2>I have worked with Indonesia’s leading and largest digital media companies.</h2>					<h2><b>UI/UX Designer</b> with experience designing intuitive digital interfaces for websites and mobile apps. Skilled in <b>design thinking</b>, user research, wireframing, and usability testing to deliver user-centered solutions aligned with business goals. Proficient in <b>Figma</b>, HTML/CSS, Bootstrap, and Elementor. <br><br>Strong visual design foundation with additional experience in graphic and video editing. <br><br>A fast learner with strong communication and collaboration skills, <b>ready to contribute</b> to impactful digital projects.</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							My Work Journey​						\n					</h3>\n							<h2>Experience</h2>					<h2>I have worked with Indonesia’s leading and largest digital media companies.</h2>															<img width="66" height="66" src="https://portoadib.my.id/wp-content/uploads/2025/12/FlazzTax-Logo.png" alt="" />																<h2>UI/UX Designer &amp; WordPress Dev</h2>					<h2>PT Hansel Primatech Asia (FlazzTax)</h2>					<h2>Internship</h2>					<h2>Mei 2025-Present</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo.png" alt="" />																<h2>Website Designer</h2>					<h2>MENDIK Yayasan Islam Al Huda Bogor - Indonesia</h2>					<h2>Contract | Junior Position</h2>					<h2>Sep 2024-Dec 2024</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo-1.png" alt="" />																<h2>UI/UX Designer</h2>					<h2>PT Trans Digital Media (detikcom)</h2>					<h2>Internship | Magang Merdeka Batch 5</h2>					<h2>Aug 2023-Dec 2023</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Education​​						\n					</h3>\n							<h2>Study</h2>					<h2>Specialized in a field that directly supports my professional journey.</h2>															<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo-2.png" alt="" />																<h2>Universitas Pembangunan Nasional Veteran Jakarta</h2>					<h2>Information Systems</h2>					<h2>Lulusan Berprestasi</h2>					<h2>Aug 2021 - Jul 2024</h2>							\n							<h2>I completed my education in Information Systems at <b>UPN Veteran Jakarta</b> in 2024. During my study, I received various relevant courses such as Human and Computer Interaction, Information Systems Analysis and Design, Business Process Analysis, Web Programming, and Mobile Programming. <br><br>I was also honored to be one of the <b>outstanding students</b> in the study program.</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo-3.png" alt="" />																<h2>Politeknik Negeri Media Kreatif Jakarta</h2>					<h2>Multimedia</h2>					<h2>2 Semesters</h2>					<h2>Aug 2020 - May 2021</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>Certifications &amp; Credentials</h2>					<h2>Training and certification highlights from credible learning platforms and institutions.</h2>															<img width="66" height="66" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo-BNSO.png" alt="" />																<h2>Badan Nasional Sertifikasi Profesi</h2>					<h2>Certificate of Competence Junior Web Programmer (PHP)</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/LOGO-BWA.png" alt="" />																<h2>BuildWithAngga</h2>					<h2>Full-Stack JavaScript Developer Next JS: Booking Flight Ticket (JavaScript)</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/LOGO-MYSKILLID.png" alt="" />																<h2>MySkill</h2>					<h2>Design Process Using Figma</h2>							\n																	<img width="132" height="132" src="https://portoadib.my.id/wp-content/uploads/2025/12/LOGO-MYSKILLID.png" alt="" />																<h2>MySkill</h2>					<h2>End-To-End UX Research Process</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>Honors &amp; Awards</h2>					<h2>I have achieved several awards in national competitions focused on innovation, creativity, and technological solutions. Here are some of my achievements.</h2>					<h2>Lulusan Berprestasi | D3 Sistem Informasi | UPNVJ</h2>					<h2>Sep 2024</h2>							\n							<h2>3rd Runner-up | UI/UX Design Competition | UNJANI</h2>					<h2>Apr 2023</h2>							\n							<h2>Semifinalist | Business Plan Competition | UNDIP</h2>					<h2>Mar 2023</h2>							\n							<h2>3rd Winner | Essay Competition | UKSW</h2>					<h2>Nov 2022</h2>							\n							<h2>1st Winner | Videography Competition | UPNVJ</h2>					<h2>Oct 2022</h2>							\n							<h2>3rd Winner | Innovation &amp; Research Competition | UPNVJ</h2>					<h2>Aug 2022</h2>							\n							<h2>2nd Winner | Short Movie BOFMAN4 | MAN 4 Jakarta</h2>					<h2>Nov 2019</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>Organization Experience</h2>					<h2>I have worked with Indonesia’s leading and largest digital media companies.</h2>															<img width="66" height="66" src="https://portoadib.my.id/wp-content/uploads/2025/12/Logo_KSM-Multimedia-1.png" alt="" />																<h2>KSM Multimedia UPNVJ</h2>					<h2>Website Development</h2>					<h2>2nd Best Project</h2>					<h2>Feb 2022 - Jan 2023</h2>							\n							<h2>As a member of the Multimedia Student Study Group, KSM Multimedia at FIK UPN Veteran Jakarta, I actively participated in the Website Development class, where I learned key aspects of web development, including HTML/CSS, JavaScript, and Bootstrap.<br><br>My final project earned the 2nd Best Project, featuring a flexible website design that emphasized aesthetics and functionality. I approached each session with enthusiasm and gained valuable insights.</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>Skills</h2>					<h2>I have worked with Indonesia’s leading and largest digital media companies.</h2>							\n				<svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 33 33" fill="none"><path opacity="0.5" d="M16.5 2.75H11.9171C10.7015 2.75 9.53564 3.23291 8.67605 4.09249C7.81647 4.95208 7.33356 6.11793 7.33356 7.33356C7.33356 8.5492 7.81647 9.71505 8.67605 10.5746C9.53564 11.4342 10.7015 11.9171 11.9171 11.9171H16.5V2.75Z" stroke="#18181B" stroke-width="1.5"></path><path d="M16.5 11.9172H11.9171C10.7017 11.9172 9.53599 12.4001 8.67654 13.2595C7.81708 14.119 7.33424 15.2847 7.33424 16.5001C7.33424 17.7156 7.81708 18.8812 8.67654 19.7407C9.53599 20.6001 10.7017 21.083 11.9171 21.083H16.5V11.9172Z" stroke="#18181B" stroke-width="1.5"></path><path opacity="0.5" d="M25.6671 16.5001C25.6671 17.7157 25.1842 18.8815 24.3246 19.7411C23.465 20.6007 22.2992 21.0836 21.0836 21.0836C19.8679 21.0836 18.7021 20.6007 17.8425 19.7411C16.9829 18.8815 16.5 17.7157 16.5 16.5001C16.5 15.2844 16.9829 14.1186 17.8425 13.259C18.7021 12.3994 19.8679 11.9165 21.0836 11.9165C22.2992 11.9165 23.465 12.3994 24.3246 13.259C25.1842 14.1186 25.6671 15.2844 25.6671 16.5001ZM11.9171 21.0843H16.5V25.6672C16.4997 26.5735 16.2307 27.4595 15.727 28.2129C15.2232 28.9664 14.5074 29.5536 13.67 29.9002C12.8325 30.2469 11.9111 30.3375 11.0222 30.1605C10.1333 29.9835 9.31684 29.5469 8.67605 28.9059C8.03526 28.2649 7.59892 27.4483 7.4222 26.5594C7.24548 25.6704 7.33632 24.749 7.68323 23.9117C8.03014 23.0744 8.61753 22.3587 9.37115 21.8552C10.1248 21.3517 11.0108 21.0843 11.9171 21.0843Z" stroke="#18181B" stroke-width="1.5"></path><path d="M16.5 2.75H21.0829C22.2985 2.75 23.4644 3.23291 24.3239 4.09249C25.1835 4.95208 25.6664 6.11793 25.6664 7.33356C25.6664 8.5492 25.1835 9.71505 24.3239 10.5746C23.4644 11.4342 22.2985 11.9171 21.0829 11.9171H16.5V2.75Z" stroke="#18181B" stroke-width="1.5"></path></svg>				\n									<h3>\n							UI/UX Design						\n					</h3>\n				<svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 33 33" fill="none"><path d="M17.7127 16.5C19.3215 16.5 20.625 17.7306 20.625 19.25C20.625 20.7694 19.3215 22 17.7127 22H14.575C13.5383 22 13.0199 22 12.6968 21.6782C12.375 21.3537 12.375 20.8367 12.375 19.8V16.5M17.7127 16.5C19.3215 16.5 20.625 15.2694 20.625 13.75C20.625 12.2306 19.3215 11 17.7127 11H14.575C13.5383 11 13.0199 11 12.6968 11.3218C12.375 11.6463 12.375 12.1633 12.375 13.2V16.5M17.7127 16.5H12.375" stroke="#454546" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M30.25 16.5C29.5207 16.5 28.8212 16.2103 28.3055 15.6945C27.7897 15.1788 27.5 14.4793 27.5 13.75V11C27.5 6.44875 26.5512 5.5 22 5.5H11C6.44875 5.5 5.5 6.44875 5.5 11V13.75C5.5 14.4793 5.21027 15.1788 4.69454 15.6945C4.17882 16.2103 3.47935 16.5 2.75 16.5M2.75 16.5C3.47935 16.5 4.17882 16.7897 4.69454 17.3055C5.21027 17.8212 5.5 18.5207 5.5 19.25V22C5.5 26.5512 6.44875 27.5 11 27.5H22C26.5512 27.5 27.5 26.5512 27.5 22V19.25C27.5 18.5207 27.7897 17.8212 28.3055 17.3055C28.8212 16.7897 29.5207 16.5 30.25 16.5" stroke="#454546" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>				\n									<h3>\n							Website Dev (Front End Slicing)						\n					</h3>\n				<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119.3 8 8 119.2 8 256c0 136.7 111.3 248 248 248s248-111.3 248-248C504 119.2 392.7 8 256 8zM33 256c0-32.3 6.9-63 19.3-90.7l106.4 291.4C84.3 420.5 33 344.2 33 256zm223 223c-21.9 0-43-3.2-63-9.1l66.9-194.4 68.5 187.8c.5 1.1 1 2.1 1.6 3.1-23.1 8.1-48 12.6-74 12.6zm30.7-327.5c13.4-.7 25.5-2.1 25.5-2.1 12-1.4 10.6-19.1-1.4-18.4 0 0-36.1 2.8-59.4 2.8-21.9 0-58.7-2.8-58.7-2.8-12-.7-13.4 17.7-1.4 18.4 0 0 11.4 1.4 23.4 2.1l34.7 95.2L200.6 393l-81.2-241.5c13.4-.7 25.5-2.1 25.5-2.1 12-1.4 10.6-19.1-1.4-18.4 0 0-36.1 2.8-59.4 2.8-4.2 0-9.1-.1-14.4-.3C109.6 73 178.1 33 256 33c58 0 110.9 22.2 150.6 58.5-1-.1-1.9-.2-2.9-.2-21.9 0-37.4 19.1-37.4 39.6 0 18.4 10.6 33.9 21.9 52.3 8.5 14.8 18.4 33.9 18.4 61.5 0 19.1-7.3 41.2-17 72.1l-22.2 74.3-80.7-239.6zm81.4 297.2l68.1-196.9c12.7-31.8 17-57.2 17-79.9 0-8.2-.5-15.8-1.5-22.9 17.4 31.8 27.3 68.2 27.3 107 0 82.3-44.6 154.1-110.9 192.7z"></path></svg>				\n									<h3>\n							WordPress Dev						\n					</h3>\n				<svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 33 33" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.49852 5.94551C14.1519 5.42948 18.8481 5.42948 23.5015 5.94551C24.3898 6.04383 25.2191 6.43875 25.8553 7.06648C26.4915 7.6942 26.8975 8.51808 27.0078 9.40501C27.5593 14.1189 27.5593 18.8811 27.0078 23.595C26.8975 24.4819 26.4915 25.3058 25.8553 25.9335C25.2191 26.5613 24.3898 26.9562 23.5015 27.0545C18.8481 27.5705 14.1519 27.5705 9.49852 27.0545C8.61019 26.9562 7.78094 26.5613 7.14473 25.9335C6.50852 25.3058 6.10251 24.4819 5.99227 23.595C5.4407 18.8811 5.4407 14.1189 5.99227 9.40501C6.10251 8.51808 6.50852 7.6942 7.14473 7.06648C7.78094 6.43875 8.61019 6.04383 9.49852 5.94551ZM23.7298 3.89676C18.9247 3.36384 14.0754 3.36384 9.27027 3.89676C6.50377 4.20476 4.26939 6.38413 3.94489 9.16438C3.37579 14.0382 3.37579 18.9618 3.94489 23.8356C4.26939 26.6159 6.50239 28.7953 9.27027 29.1046C14.0754 29.6364 18.9246 29.6364 23.7298 29.1046C26.4963 28.7953 28.7306 26.6159 29.0551 23.8356C29.6242 18.9618 29.6242 14.0382 29.0551 9.16438C28.7306 6.38413 26.4976 4.20476 23.7298 3.89538M12.8906 21.3125H11.0454V11.2544C11.7109 11.1334 12.6335 11.0426 13.8889 11.0426C15.2501 11.0426 16.2484 11.33 16.8988 11.8745C17.5038 12.3736 17.897 13.1753 17.897 14.1281C17.897 15.0961 17.5945 15.8978 17.0198 16.4423C16.2773 17.1834 15.114 17.5313 13.7981 17.5313C13.4503 17.5313 13.1326 17.5161 12.8906 17.4708V21.3125ZM13.9631 12.4644C13.4503 12.4644 13.0873 12.5098 12.8906 12.5551V16.0036C13.1175 16.0641 13.42 16.0793 13.7981 16.0793C15.1896 16.0793 16.0366 15.3986 16.0366 14.2038C16.0366 13.0694 15.2501 12.4644 13.9645 12.4644M20.4971 21.3125H18.6368V16.3213C18.6368 15.323 18.623 14.6121 18.5763 13.9466H20.1946L20.2551 15.3533H20.3156C20.6786 14.3096 21.5408 13.7803 22.3273 13.7803C22.5088 13.7803 22.616 13.7954 22.7673 13.8256V15.5801C22.5878 15.5418 22.4049 15.5215 22.2214 15.5196C21.329 15.5196 20.724 16.0944 20.5576 16.9263C20.52 17.1156 20.4997 17.308 20.4971 17.501V21.3125Z" fill="#454546"></path></svg>				\n									<h3>\n							Video Editing						\n					</h3>\n							<h2>As a UI/UX Designer, I have skills in designing, prototyping, and developing user interfaces that are both aesthetic and functional. My skills include UI/UX design, user research, information architecture, and interactive wireframe and prototyping. I am familiar with using design tools such as Figma, FigJam, and Maze, which help to create an optimal user experience. <br><br>In addition, I also familiar with HTML/CSS, Bootstrap, and Elementor, which enable me to collaborate effectively with the development team. Beyond that, I also have additional skills such as: Video Editing: Adobe Premiere Pro, CapCut Desktop Writing: Microsoft Office, Google Docs Soft Skills: Communication, Research and Analysis <br><br>With this combination of skills, I am ready to deliver innovative design solutions that meet user needs and business goals.</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Area of Focus​						\n					</h3>\n							<h2>The Flow of My Creativity</h2>					<h2>I have worked with Indonesia’s leading and largest digital media companies.</h2>					<h2><b>Identifying Needs</b><br>Understanding the core objectives and challenges is the first step in creating an effective design. This phase involves gathering user requirements, analyzing problems, and defining goals to ensure the final product meets expectations.</h2>							\n							<h2><b>Research and Prototyping</b><br>Thorough research and initial prototyping help translate ideas into tangible concepts. By studying user behavior and industry trends, I create wireframes and low-fidelity prototypes to visualize potential solutions before moving forward.</h2>							\n							<h2><b>Discussion and Revision</b><br>Collaboration is key to refining ideas. Through discussions with stakeholders and users, I gather feedback to adjust and improve the design. This iterative process ensures that the final outcome aligns with both user needs and project goals.</h2>							\n							<h2><b>Refinement and Alternatives</b><br>Exploring multiple design alternatives allows for better decision-making. I refine key elements, experiment with different layouts, and evaluate usability to ensure the best possible experience before finalizing the design.</h2>							\n							<h2><b>Testing and Feedback</b><br>User testing plays a crucial role in validating a design’s effectiveness. By analyzing real user interactions and collecting feedback, I make data-driven improvements to enhance usability and overall functionality before launch.</h2>							\n				<svg aria-hidden="true" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M471.99 334.43L336.06 256l135.93-78.43c7.66-4.42 10.28-14.2 5.86-21.86l-32.02-55.43c-4.42-7.65-14.21-10.28-21.87-5.86l-135.93 78.43V16c0-8.84-7.17-16-16.01-16h-64.04c-8.84 0-16.01 7.16-16.01 16v156.86L56.04 94.43c-7.66-4.42-17.45-1.79-21.87 5.86L2.15 155.71c-4.42 7.65-1.8 17.44 5.86 21.86L143.94 256 8.01 334.43c-7.66 4.42-10.28 14.21-5.86 21.86l32.02 55.43c4.42 7.65 14.21 10.27 21.87 5.86l135.93-78.43V496c0 8.84 7.17 16 16.01 16h64.04c8.84 0 16.01-7.16 16.01-16V339.14l135.93 78.43c7.66 4.42 17.45 1.8 21.87-5.86l32.02-55.43c4.42-7.65 1.8-17.43-5.86-21.85z"></path></svg>				\n									<h3>\n							Creative Recharge​​						\n					</h3>\n							<h2>Me When I''m Not Designing</h2>					<h2>The Activities That Shape My Creativity and Perspective</h2>															<img width="364" height="364" src="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34444-2.png" alt="" srcset="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34444-2.png 364w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34444-2-300x300.png 300w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34444-2-150x150.png 150w" sizes="(max-width: 364px) 100vw, 364px" />																										<img width="364" height="364" src="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34446-2.png" alt="" srcset="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34446-2.png 364w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34446-2-300x300.png 300w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34446-2-150x150.png 150w" sizes="(max-width: 364px) 100vw, 364px" />																										<img width="364" height="364" src="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34445-2.png" alt="" srcset="https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34445-2.png 364w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34445-2-300x300.png 300w, https://portoadib.my.id/wp-content/uploads/2025/12/Frame-34445-2-150x150.png 150w" sizes="(max-width: 364px) 100vw, 364px" />', 'About', '', 'inherit', 'closed', 'closed', '', '36-revision-v1', '', '', '2025-12-26 09:13:55', '2025-12-26 09:13:55', '', 36, 'https://portoadib.my.id/?p=988', 0, 'revision', '', 0),
(990, 1, '2026-01-03 12:18:34', '2026-01-03 12:18:34', '<!doctype html>\n<html lang="id">\n<head>\n  <meta charset="utf-8" />\n  <meta name="viewport" content="width=device-width, initial-scale=1" />\n  <title>PortoAdib - UI/UX Designer</title>\n  <link rel="preconnect" href="https://fonts.googleapis.com" />\n  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />\n  <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap" rel="stylesheet" />\n  <style>\n    .no-scrollbar {\n      -ms-overflow-style: none;\n      scrollbar-width: none;\n    }\n    .no-scrollbar::-webkit-scrollbar {\n      display: none;\n    }\n    .header-floating {\n      width: min(860px, calc(100% - 4rem));\n      margin: 3.5rem auto 0;\n      border-radius: 999px;\n      box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);\n      border: 1px solid rgba(226, 232, 240, 0.8);\n      background: rgba(255, 255, 255, 0.5);\n      backdrop-filter: blur(12px);\n    }\n    .global-glow {\n      position: fixed;\n      inset: 0;\n      z-index: -1;\n      background:\n        radial-gradient(circle at 10% 10%, rgba(16, 185, 129, 0.22), transparent 45%),\n        radial-gradient(circle at 90% 20%, rgba(20, 184, 166, 0.18), transparent 50%),\n        radial-gradient(circle at 50% 80%, rgba(56, 189, 248, 0.16), transparent 55%),\n        linear-gradient(120deg, rgba(15, 23, 42, 0.04), rgba(255, 255, 255, 0.2));\n      filter: blur(60px);\n      opacity: 0.55;\n      pointer-events: none;\n      mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.6) 45%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0) 85%);\n      -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.6) 45%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0) 85%);\n    }\n  </style>\n</head>\n<body>\n      <nav id="site-header">\n        PortoAdib\n          <a href="#work">Work</a>\n          <a href="#services">Services</a>\n          <a href="#about">About</a>\n          <a href="#contact">Contact</a>\n      </nav>\n      <section>\n          <p>UI/UX Designer</p>\n          <h1>\n            Mendesain produk digital yang rapi, jelas, dan terasa manusiawi.\n          </h1>\n          <p>\n            PortoAdib fokus pada riset, flow yang sederhana, dan visual yang konsisten. Semua konten masih dummy.\n          </p>\n            Strategy\n            Research\n            Design System\n            Prototype\n            <a href="#contact">\n              Book a Call\n            </a>\n            <a href="#work">\n              View Case Studies\n            </a>\n            <img src="https://images.unsplash.com/photo-1498050108023-c5249f4df085?auto=format&fit=crop&w=900&q=80" alt="Workspace design" />\n                6+\n                Years\n                38\n                Projects\n                14\n                Brands\n      </section>\n            Product Design - Mobile App - SaaS Dashboard - Brand System - Research - Prototyping -\n            Product Design - Mobile App - SaaS Dashboard - Brand System - Research - Prototyping -\n      <section id="work">\n            <h2>Selected Work</h2>\n            <p>Ringkas, fokus pada dampak dan hasil.</p>\n            <button data-carousel-button="carousel-work" data-carousel-dir="prev">Prev</button>\n            <button data-carousel-button="carousel-work" data-carousel-dir="next">Next</button>\n            <article data-card>\n              <img src="https://images.unsplash.com/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=900&q=80" alt="Analytics dashboard" />\n            <p>Fintech - Dashboard</p>\n            <h3>Helio - alur subscription lebih cepat</h3>\n            <p>Informasi dipadatkan, keputusan finance lebih cepat.</p>\n          </article>\n            <article data-card>\n            <img src="https://images.unsplash.com/photo-1519389950473-47ba0277781c?auto=format&fit=crop&w=900&q=80" alt="Team collaboration" />\n            <p>SaaS - Collaboration</p>\n            <h3>Nova - onboarding lebih singkat</h3>\n            <p>Aktivasi naik, drop-off turun di minggu pertama.</p>\n          </article>\n            <article data-card>\n            <img src="https://images.unsplash.com/photo-1523475472560-d2df97ec485c?auto=format&fit=crop&w=900&q=80" alt="Mobile experience" />\n            <p>Lifestyle - Mobile</p>\n            <h3>Meraki - habit tracking yang hangat</h3>\n            <p>Copy dan motion ringan untuk konsistensi harian.</p>\n          </article>\n            <article data-card>\n              <img src="https://images.unsplash.com/photo-1487014679447-9f8336841d58?auto=format&fit=crop&w=900&q=80" alt="Brand studio" />\n              <p>Brand - Identity</p>\n              <h3>Luma - sistem visual modular</h3>\n              <p>Brand kit fleksibel untuk kampanye cepat.</p>\n            </article>\n            <article data-card>\n              <img src="https://images.unsplash.com/photo-1492724441997-5dc865305da7?auto=format&fit=crop&w=900&q=80" alt="Retail analytics" />\n              <p>Retail - Analytics</p>\n              <h3>Atlas - insight toko harian</h3>\n              <p>Dashboard ringkas untuk operasional outlet.</p>\n            </article>\n      </section>\n      <section id="services">\n            <h2>Services</h2>\n            <p>Paket fleksibel sesuai kebutuhan tim.</p>\n            <button data-carousel-button="carousel-services" data-carousel-dir="prev">Prev</button>\n            <button data-carousel-button="carousel-services" data-carousel-dir="next">Next</button>\n              <h3>Discovery Sprint</h3>\n            <p>Audit UX, mapping masalah, dan prioritas solusi.</p>\n            <h3>Product UX</h3>\n            <p>Wireframe hingga testing untuk iterasi cepat.</p>\n            <h3>Visual Identity</h3>\n            <p>Guideline komponen dan art direction.</p>\n              <h3>Design System</h3>\n              <p>Library komponen untuk konsistensi multi-team.</p>\n              <h3>UX Writing</h3>\n              <p>Microcopy yang jelas dan bersuara brand.</p>\n      </section>\n      <section id="about">\n            <h2>About PortoAdib</h2>\n            <p>Riset, sistem, dan storytelling visual yang fokus.</p>\n            <button data-carousel-button="carousel-about" data-carousel-dir="prev">Prev</button>\n            <button data-carousel-button="carousel-about" data-carousel-dir="next">Next</button>\n              <h3>Workflow</h3>\n            <p>Problem framing, journey, hingga design QA.</p>\n            <h3>Tools</h3>\n            <p>Figma, FigJam, Notion, Webflow (dummy).</p>\n            <h3>Values</h3>\n            <p>Empati, jelas, dan berani eksplorasi.</p>\n              <h3>Process</h3>\n              <p>Workshop, synthesis, hingga roadmap visual.</p>\n              <h3>Focus</h3>\n              <p>Sederhana, usable, dan scalable untuk growth.</p>\n      </section>\n      <section>\n            <h2>Testimonials</h2>\n            <p>Respons dari tim yang pernah kolaborasi.</p>\n            <button data-carousel-button="carousel-testimonials" data-carousel-dir="prev">Prev</button>\n            <button data-carousel-button="carousel-testimonials" data-carousel-dir="next">Next</button>\n              <p>"Kolaborasinya cepat, keputusan tim lebih tajam."</p>\n          <p>Andi - Product Lead</p>\n          <p>"Desain rapi dan insight-nya selalu to the point."</p>\n          <p>Rina - Founder</p>\n              <p>"Komunikasi jelas, timeline selalu on track."</p>\n              <p>Dewi - PM</p>\n              <p>"Sistem desainnya mudah diadopsi tim dev."</p>\n              <p>Rafi - Tech Lead</p>\n      </section>\n      <section id="contact">\n            <h2>Siap kolaborasi?</h2>\n            <p>Sesi singkat 30 menit untuk bahas kebutuhan produk.</p>\n              hello@portoadib.com\n              Jakarta - Remote\n              <a href="mailto:hello@portoadib.com">Email Me</a>\n              <a href="#work">Download CV</a>\n      </section>\n      <footer>\n        (c) 2025 PortoAdib\n        Behance - Dribbble - LinkedIn\n      </footer>\n</body>\n</html>', 'Test Tailwind', '', 'trash', 'closed', 'closed', '', 'test-tailwind__trashed', '', '', '2026-01-14 10:25:55', '2026-01-14 10:25:55', '', 0, 'https://portoadib.my.id/?page_id=990', 0, 'page', '', 0);
INSERT INTO `wpposts` VALUES
(991, 1, '2026-01-03 12:18:34', '2026-01-03 12:18:34', '<!-- wp:html -->\n<!doctype html>\n<html lang="id">\n<head>\n  <meta charset="utf-8" />\n  <meta name="viewport" content="width=device-width, initial-scale=1" />\n  <title>PortoAdib - UI/UX Designer</title>\n  <link rel="preconnect" href="https://fonts.googleapis.com" />\n  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />\n  <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap" rel="stylesheet" />\n  <script src="https://cdn.tailwindcss.com"></script>\n  <script>\n    tailwind.config = {\n      theme: {\n        extend: {\n          fontFamily: {\n            sans: ["Manrope", "system-ui", "sans-serif"],\n          },\n          keyframes: {\n            fadeUp: {\n              "0%": { opacity: "0", transform: "translateY(16px)" },\n              "100%": { opacity: "1", transform: "translateY(0)" },\n            },\n            marquee: {\n              "0%": { transform: "translateX(0)" },\n              "100%": { transform: "translateX(-50%)" },\n            },\n          },\n          animation: {\n            "fade-up": "fadeUp 0.7s ease forwards",\n            marquee: "marquee 16s linear infinite",\n          },\n        },\n      },\n    };\n  </script>\n  <style>\n    .no-scrollbar {\n      -ms-overflow-style: none;\n      scrollbar-width: none;\n    }\n    .no-scrollbar::-webkit-scrollbar {\n      display: none;\n    }\n    .header-floating {\n      width: min(920px, calc(100% - 3.5rem));\n      margin: 0.75rem auto 0;\n      border-radius: 999px;\n      box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);\n      border: 1px solid rgba(226, 232, 240, 0.8);\n      background: rgba(255, 255, 255, 0.95);\n      backdrop-filter: blur(12px);\n    }\n  </style>\n</head>\n<body class="font-sans text-slate-900 bg-slate-950/5 min-h-screen">\n  <div class="relative overflow-visible">\n    <div class="absolute -top-24 -left-20 h-[320px] w-[320px] rounded-full bg-emerald-400/30 blur-3xl"></div>\n    <div class="absolute top-20 -right-24 h-[360px] w-[360px] rounded-full bg-emerald-500/25 blur-3xl"></div>\n    <div class="absolute bottom-0 left-1/3 h-[360px] w-[360px] rounded-full bg-teal-400/20 blur-3xl"></div>\n\n    <div class="max-w-6xl mx-auto px-5 py-10 relative">\n      <nav id="site-header" class="sticky top-3 z-50 -mx-5 px-6 py-5 flex flex-col gap-5 md:flex-row md:items-center md:justify-between bg-transparent border-b border-transparent transition-all duration-300">\n        <div class="text-base tracking-[0.28em] uppercase font-semibold">PortoAdib</div>\n        <div class="flex flex-wrap gap-5 text-sm uppercase tracking-[0.2em] font-semibold text-slate-600">\n          <a href="#work" class="hover:text-emerald-600">Work</a>\n          <a href="#services" class="hover:text-emerald-600">Services</a>\n          <a href="#about" class="hover:text-emerald-600">About</a>\n          <a href="#contact" class="hover:text-emerald-600">Contact</a>\n        </div>\n      </nav>\n\n      <section class="grid gap-10 md:grid-cols-[1.05fr_0.95fr] items-center pt-10">\n        <div class="animate-fade-up">\n          <p class="uppercase tracking-[0.25em] text-xs font-semibold text-emerald-600">UI/UX Designer</p>\n          <h1 class="text-4xl sm:text-5xl lg:text-6xl font-semibold leading-tight mt-4">\n            Mendesain produk digital yang rapi, jelas, dan terasa manusiawi.\n          </h1>\n          <p class="text-base sm:text-lg text-slate-600 mt-5 max-w-xl">\n            PortoAdib fokus pada riset, flow yang sederhana, dan visual yang konsisten. Semua konten masih dummy.\n          </p>\n          <div class="flex flex-wrap gap-3 mt-6">\n            <span class="px-4 py-2 rounded-full border border-slate-200 text-xs uppercase tracking-[0.2em] bg-white/70">Strategy</span>\n            <span class="px-4 py-2 rounded-full border border-slate-200 text-xs uppercase tracking-[0.2em] bg-white/70">Research</span>\n            <span class="px-4 py-2 rounded-full border border-slate-200 text-xs uppercase tracking-[0.2em] bg-white/70">Design System</span>\n            <span class="px-4 py-2 rounded-full border border-slate-200 text-xs uppercase tracking-[0.2em] bg-white/70">Prototype</span>\n          </div>\n          <div class="flex flex-wrap gap-4 mt-8">\n            <a href="#contact" class="px-6 py-3 rounded-full bg-emerald-500 text-white text-xs font-semibold uppercase tracking-[0.2em] shadow-[0_18px_50px_rgba(16,185,129,0.35)]">\n              Book a Call\n            </a>\n            <a href="#work" class="px-6 py-3 rounded-full border border-slate-900 text-xs font-semibold uppercase tracking-[0.2em] hover:bg-slate-900 hover:text-white transition">\n              View Case Studies\n            </a>\n          </div>\n        </div>\n        <div class="animate-fade-up [animation-delay:0.2s]">\n          <div class="relative bg-white/90 p-6 rounded-[26px] shadow-[0_24px_60px_rgba(15,23,42,0.12)] backdrop-blur">\n            <div class="absolute inset-[-12px] border border-dashed border-slate-200 rounded-[32px] pointer-events-none"></div>\n            <img class="rounded-[20px]" src="https://images.unsplash.com/photo-1498050108023-c5249f4df085?auto=format&fit=crop&w=900&q=80" alt="Workspace design" />\n            <div class="grid grid-cols-3 gap-3 mt-5">\n              <div class="bg-slate-50 p-4 rounded-2xl border border-slate-200 text-center">\n                <div class="text-xl font-semibold">6+</div>\n                <div class="text-[10px] uppercase tracking-[0.2em] text-slate-500 mt-1">Years</div>\n              </div>\n              <div class="bg-slate-50 p-4 rounded-2xl border border-slate-200 text-center">\n                <div class="text-xl font-semibold">38</div>\n                <div class="text-[10px] uppercase tracking-[0.2em] text-slate-500 mt-1">Projects</div>\n              </div>\n              <div class="bg-slate-50 p-4 rounded-2xl border border-slate-200 text-center">\n                <div class="text-xl font-semibold">14</div>\n                <div class="text-[10px] uppercase tracking-[0.2em] text-slate-500 mt-1">Brands</div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </section>\n\n      <div class="overflow-hidden border-y border-slate-200 mt-12 py-5 uppercase tracking-[0.28em] text-sm sm:text-base font-semibold text-slate-600">\n        <div class="flex w-[200%] animate-marquee">\n          <span class="whitespace-nowrap">\n            Product Design - Mobile App - SaaS Dashboard - Brand System - Research - Prototyping -\n          </span>\n          <span class="whitespace-nowrap pl-10">\n            Product Design - Mobile App - SaaS Dashboard - Brand System - Research - Prototyping -\n          </span>\n        </div>\n      </div>\n\n      <section id="work" class="mt-16">\n        <div class="flex flex-col gap-4 md:flex-row md:items-end md:justify-between">\n          <div class="max-w-lg">\n            <h2 class="text-3xl sm:text-4xl font-semibold">Selected Work</h2>\n            <p class="text-slate-600 mt-2">Ringkas, fokus pada dampak dan hasil.</p>\n          </div>\n          <div class="flex gap-3">\n            <button class="px-4 py-2 rounded-full border border-slate-300 text-xs uppercase tracking-[0.2em] bg-white/70 hover:bg-slate-900 hover:text-white transition" data-carousel-button="carousel-work" data-carousel-dir="prev">Prev</button>\n            <button class="px-4 py-2 rounded-full border border-slate-300 text-xs uppercase tracking-[0.2em] bg-white/70 hover:bg-slate-900 hover:text-white transition" data-carousel-button="carousel-work" data-carousel-dir="next">Next</button>\n          </div>\n        </div>\n        <div class="flex flex-col gap-4 mt-4">\n          <div id="carousel-work" class="flex gap-6 overflow-x-auto overflow-y-visible no-scrollbar scroll-smooth snap-x snap-mandatory py-4">\n            <article data-card class="min-w-[260px] sm:min-w-[320px] md:min-w-[360px] bg-white/90 rounded-[22px] p-5 border border-slate-200 animate-fade-up snap-start">\n              <img class="rounded-[18px]" src="https://images.unsplash.com/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=900&q=80" alt="Analytics dashboard" />\n            <p class="text-xs uppercase tracking-[0.2em] text-slate-500 mt-4">Fintech - Dashboard</p>\n            <h3 class="text-lg font-semibold mt-2">Helio - alur subscription lebih cepat</h3>\n            <p class="text-sm text-slate-600 mt-2">Informasi dipadatkan, keputusan finance lebih cepat.</p>\n          </article>\n            <article data-card class="min-w-[260px] sm:min-w-[320px] md:min-w-[360px] bg-white/90 rounded-[22px] p-5 border border-slate-200 animate-fade-up [animation-delay:0.2s] snap-start">\n            <img class="rounded-[18px]" src="https://images.unsplash.com/photo-1519389950473-47ba0277781c?auto=format&fit=crop&w=900&q=80" alt="Team collaboration" />\n            <p class="text-xs uppercase tracking-[0.2em] text-slate-500 mt-4">SaaS - Collaboration</p>\n            <h3 class="text-lg font-semibold mt-2">Nova - onboarding lebih singkat</h3>\n            <p class="text-sm text-slate-600 mt-2">Aktivasi naik, drop-off turun di minggu pertama.</p>\n          </article>\n            <article data-card class="min-w-[260px] sm:min-w-[320px] md:min-w-[360px] bg-white/90 rounded-[22px] p-5 border border-slate-200 animate-fade-up [animation-delay:0.4s] snap-start">\n            <img class="rounded-[18px]" src="https://images.unsplash.com/photo-1523475472560-d2df97ec485c?auto=format&fit=crop&w=900&q=80" alt="Mobile experience" />\n            <p class="text-xs uppercase tracking-[0.2em] text-slate-500 mt-4">Lifestyle - Mobile</p>\n            <h3 class="text-lg font-semibold mt-2">Meraki - habit tracking yang hangat</h3>\n            <p class="text-sm text-slate-600 mt-2">Copy dan motion ringan untuk konsistensi harian.</p>\n          </article>\n            <article data-card class="min-w-[260px] sm:min-w-[320px] md:min-w-[360px] bg-white/90 rounded-[22px] p-5 border border-slate-200 animate-fade-up snap-start">\n              <img class="rounded-[18px]" src="https://images.unsplash.com/photo-1487014679447-9f8336841d58?auto=format&fit=crop&w=900&q=80" alt="Brand studio" />\n              <p class="text-xs uppercase tracking-[0.2em] text-slate-500 mt-4">Brand - Identity</p>\n              <h3 class="text-lg font-semibold mt-2">Luma - sistem visual modular</h3>\n              <p class="text-sm text-slate-600 mt-2">Brand kit fleksibel untuk kampanye cepat.</p>\n            </article>\n            <article data-card class="min-w-[260px] sm:min-w-[320px] md:min-w-[360px] bg-white/90 rounded-[22px] p-5 border border-slate-200 animate-fade-up snap-start">\n              <img class="rounded-[18px]" src="https://images.unsplash.com/photo-1492724441997-5dc865305da7?auto=format&fit=crop&w=900&q=80" alt="Retail analytics" />\n              <p class="text-xs uppercase tracking-[0.2em] text-slate-500 mt-4">Retail - Analytics</p>\n              <h3 class="text-lg font-semibold mt-2">Atlas - insight toko harian</h3>\n              <p class="text-sm text-slate-600 mt-2">Dashboard ringkas untuk operasional outlet.</p>\n            </article>\n          </div>\n        </div>\n      </section>\n\n      <section id="services" class="mt-16">\n        <div class="flex flex-col gap-4 md:flex-row md:items-end md:justify-between">\n          <div class="max-w-lg">\n            <h2 class="text-3xl sm:text-4xl font-semibold">Services</h2>\n            <p class="text-slate-600 mt-2">Paket fleksibel sesuai kebutuhan tim.</p>\n          </div>\n          <div class="flex gap-3">\n            <button class="px-4 py-2 rounded-full border border-slate-300 text-xs uppercase tracking-[0.2em] bg-white/70 hover:bg-slate-900 hover:text-white transition" data-carousel-button="carousel-services" data-carousel-dir="prev">Prev</button>\n            <button class="px-4 py-2 rounded-full border border-slate-300 text-xs uppercase tracking-[0.2em] bg-white/70 hover:bg-slate-900 hover:text-white transition" data-carousel-button="carousel-services" data-carousel-dir="next">Next</button>\n          </div>\n        </div>\n        <div class="flex flex-col gap-4 mt-4">\n          <div id="carousel-services" class="flex gap-5 overflow-x-auto overflow-y-visible no-scrollbar scroll-smooth snap-x snap-mandatory py-4">\n            <div data-card class="min-w-[240px] sm:min-w-[280px] md:min-w-[320px] border border-slate-200 rounded-[22px] p-6 bg-white/70 animate-fade-up snap-start">\n              <h3 class="text-lg font-semibold">Discovery Sprint</h3>\n            <p class="text-sm text-slate-600 mt-2">Audit UX, mapping masalah, dan prioritas solusi.</p>\n          </div>\n            <div data-card class="min-w-[240px] sm:min-w-[280px] md:min-w-[320px] border border-slate-200 rounded-[22px] p-6 bg-white/70 animate-fade-up [animation-delay:0.2s] snap-start">\n            <h3 class="text-lg font-semibold">Product UX</h3>\n            <p class="text-sm text-slate-600 mt-2">Wireframe hingga testing untuk iterasi cepat.</p>\n          </div>\n            <div data-card class="min-w-[240px] sm:min-w-[280px] md:min-w-[320px] border border-slate-200 rounded-[22px] p-6 bg-white/70 animate-fade-up [animation-delay:0.4s] snap-start">\n            <h3 class="text-lg font-semibold">Visual Identity</h3>\n            <p class="text-sm text-slate-600 mt-2">Guideline komponen dan art direction.</p>\n          </div>\n            <div data-card class="min-w-[240px] sm:min-w-[280px] md:min-w-[320px] border border-slate-200 rounded-[22px] p-6 bg-white/70 animate-fade-up snap-start">\n              <h3 class="text-lg font-semibold">Design System</h3>\n              <p class="text-sm text-slate-600 mt-2">Library komponen untuk konsistensi multi-team.</p>\n            </div>\n            <div data-card class="min-w-[240px] sm:min-w-[280px] md:min-w-[320px] border border-slate-200 rounded-[22px] p-6 bg-white/70 animate-fade-up snap-start">\n              <h3 class="text-lg font-semibold">UX Writing</h3>\n              <p class="text-sm text-slate-600 mt-2">Microcopy yang jelas dan bersuara brand.</p>\n            </div>\n          </div>\n        </div>\n      </section>\n\n      <section id="about" class="mt-16">\n        <div class="flex flex-col gap-4 md:flex-row md:items-end md:justify-between">\n          <div class="max-w-lg">\n            <h2 class="text-3xl sm:text-4xl font-semibold">About PortoAdib</h2>\n            <p class="text-slate-600 mt-2">Riset, sistem, dan storytelling visual yang fokus.</p>\n          </div>\n          <div class="flex gap-3">\n            <button class="px-4 py-2 rounded-full border border-slate-300 text-xs uppercase tracking-[0.2em] bg-white/70 hover:bg-slate-900 hover:text-white transition" data-carousel-button="carousel-about" data-carousel-dir="prev">Prev</button>\n            <button class="px-4 py-2 rounded-full border border-slate-300 text-xs uppercase tracking-[0.2em] bg-white/70 hover:bg-slate-900 hover:text-white transition" data-carousel-button="carousel-about" data-carousel-dir="next">Next</button>\n          </div>\n        </div>\n        <div class="flex flex-col gap-4 mt-4">\n          <div id="carousel-about" class="flex gap-6 overflow-x-auto overflow-y-visible no-scrollbar scroll-smooth snap-x snap-mandatory py-4">\n            <div data-card class="min-w-[240px] sm:min-w-[280px] md:min-w-[320px] bg-white/90 rounded-[22px] p-6 border border-slate-200 animate-fade-up snap-start">\n              <h3 class="text-lg font-semibold">Workflow</h3>\n            <p class="text-sm text-slate-600 mt-2">Problem framing, journey, hingga design QA.</p>\n          </div>\n            <div data-card class="min-w-[240px] sm:min-w-[280px] md:min-w-[320px] bg-white/90 rounded-[22px] p-6 border border-slate-200 animate-fade-up [animation-delay:0.2s] snap-start">\n            <h3 class="text-lg font-semibold">Tools</h3>\n            <p class="text-sm text-slate-600 mt-2">Figma, FigJam, Notion, Webflow (dummy).</p>\n          </div>\n            <div data-card class="min-w-[240px] sm:min-w-[280px] md:min-w-[320px] bg-white/90 rounded-[22px] p-6 border border-slate-200 animate-fade-up [animation-delay:0.4s] snap-start">\n            <h3 class="text-lg font-semibold">Values</h3>\n            <p class="text-sm text-slate-600 mt-2">Empati, jelas, dan berani eksplorasi.</p>\n          </div>\n            <div data-card class="min-w-[240px] sm:min-w-[280px] md:min-w-[320px] bg-white/90 rounded-[22px] p-6 border border-slate-200 animate-fade-up snap-start">\n              <h3 class="text-lg font-semibold">Process</h3>\n              <p class="text-sm text-slate-600 mt-2">Workshop, synthesis, hingga roadmap visual.</p>\n            </div>\n            <div data-card class="min-w-[240px] sm:min-w-[280px] md:min-w-[320px] bg-white/90 rounded-[22px] p-6 border border-slate-200 animate-fade-up snap-start">\n              <h3 class="text-lg font-semibold">Focus</h3>\n              <p class="text-sm text-slate-600 mt-2">Sederhana, usable, dan scalable untuk growth.</p>\n            </div>\n          </div>\n        </div>\n      </section>\n\n      <section class="mt-16">\n        <div class="flex flex-col gap-4 md:flex-row md:items-end md:justify-between">\n          <div class="max-w-lg">\n            <h2 class="text-3xl sm:text-4xl font-semibold">Testimonials</h2>\n            <p class="text-slate-600 mt-2">Respons dari tim yang pernah kolaborasi.</p>\n          </div>\n          <div class="flex gap-3">\n            <button class="px-4 py-2 rounded-full border border-slate-300 text-xs uppercase tracking-[0.2em] bg-white/70 hover:bg-slate-900 hover:text-white transition" data-carousel-button="carousel-testimonials" data-carousel-dir="prev">Prev</button>\n            <button class="px-4 py-2 rounded-full border border-slate-300 text-xs uppercase tracking-[0.2em] bg-white/70 hover:bg-slate-900 hover:text-white transition" data-carousel-button="carousel-testimonials" data-carousel-dir="next">Next</button>\n          </div>\n        </div>\n        <div class="flex flex-col gap-4 mt-4">\n          <div id="carousel-testimonials" class="flex gap-6 overflow-x-auto overflow-y-visible no-scrollbar scroll-smooth snap-x snap-mandatory py-4">\n            <div data-card class="min-w-[260px] sm:min-w-[320px] md:min-w-[360px] bg-white/90 rounded-[24px] p-6 border border-slate-200 animate-fade-up snap-start">\n              <p class="text-slate-600">"Kolaborasinya cepat, keputusan tim lebih tajam."</p>\n          <p class="font-semibold mt-4">Andi - Product Lead</p>\n        </div>\n            <div data-card class="min-w-[260px] sm:min-w-[320px] md:min-w-[360px] bg-white/90 rounded-[24px] p-6 border border-slate-200 animate-fade-up [animation-delay:0.2s] snap-start">\n          <p class="text-slate-600">"Desain rapi dan insight-nya selalu to the point."</p>\n          <p class="font-semibold mt-4">Rina - Founder</p>\n        </div>\n            <div data-card class="min-w-[260px] sm:min-w-[320px] md:min-w-[360px] bg-white/90 rounded-[24px] p-6 border border-slate-200 animate-fade-up snap-start">\n              <p class="text-slate-600">"Komunikasi jelas, timeline selalu on track."</p>\n              <p class="font-semibold mt-4">Dewi - PM</p>\n            </div>\n            <div data-card class="min-w-[260px] sm:min-w-[320px] md:min-w-[360px] bg-white/90 rounded-[24px] p-6 border border-slate-200 animate-fade-up snap-start">\n              <p class="text-slate-600">"Sistem desainnya mudah diadopsi tim dev."</p>\n              <p class="font-semibold mt-4">Rafi - Tech Lead</p>\n            </div>\n          </div>\n        </div>\n      </section>\n\n      <section id="contact" class="mt-16">\n        <div class="bg-slate-900 text-white rounded-[28px] p-8 md:p-10 grid gap-6 md:grid-cols-[1.1fr_0.9fr]">\n          <div>\n            <h2 class="text-3xl sm:text-4xl font-semibold">Siap kolaborasi?</h2>\n            <p class="text-white/70 mt-3">Sesi singkat 30 menit untuk bahas kebutuhan produk.</p>\n          </div>\n          <div>\n            <div class="flex flex-wrap gap-3">\n              <span class="px-4 py-2 rounded-full border border-white/40 text-xs uppercase tracking-[0.2em]">hello@portoadib.com</span>\n              <span class="px-4 py-2 rounded-full border border-white/40 text-xs uppercase tracking-[0.2em]">Jakarta - Remote</span>\n            </div>\n            <div class="flex flex-wrap gap-4 mt-6">\n              <a class="px-6 py-3 rounded-full border border-white text-xs font-semibold uppercase tracking-[0.2em] hover:bg-white hover:text-slate-900 transition" href="mailto:hello@portoadib.com">Email Me</a>\n              <a class="px-6 py-3 rounded-full bg-emerald-500 text-white text-xs font-semibold uppercase tracking-[0.2em]" href="#work">Download CV</a>\n            </div>\n          </div>\n        </div>\n      </section>\n\n      <footer class="mt-12 pb-6 text-xs uppercase tracking-[0.25em] text-slate-500 flex flex-col gap-3 md:flex-row md:items-center md:justify-between">\n        <span>(c) 2025 PortoAdib</span>\n        <span>Behance - Dribbble - LinkedIn</span>\n      </footer>\n    </div>\n  </div>\n  <script>\n    const getStep = (container) => {\n      const card = container.querySelector("[data-card]");\n      if (!card) return 0;\n      const styles = getComputedStyle(container);\n      const gap = parseFloat(styles.columnGap || styles.gap || 0);\n      return card.getBoundingClientRect().width + gap;\n    };\n\n    const scrollByCard = (container, dir) => {\n      const amount = getStep(container);\n      if (!amount) return;\n      container.scrollBy({ left: dir * amount, behavior: "smooth" });\n    };\n\n    const setupDragScroll = (container) => {\n      let isDown = false;\n      let startX = 0;\n      let scrollLeft = 0;\n\n      container.addEventListener("pointerdown", (e) => {\n        isDown = true;\n        startX = e.clientX;\n        scrollLeft = container.scrollLeft;\n        container.style.cursor = "grabbing";\n        container.setPointerCapture(e.pointerId);\n      });\n\n      container.addEventListener("pointermove", (e) => {\n        if (!isDown) return;\n        e.preventDefault();\n        const walk = startX - e.clientX;\n        container.scrollLeft = scrollLeft + walk;\n      });\n\n      const endDrag = (e) => {\n        if (!isDown) return;\n        isDown = false;\n        container.style.cursor = "grab";\n        if (e.pointerId !== undefined) {\n          container.releasePointerCapture(e.pointerId);\n        }\n      };\n\n      container.addEventListener("pointerup", endDrag);\n      container.addEventListener("pointerleave", endDrag);\n    };\n\n    document.querySelectorAll("[data-carousel-button]").forEach((btn) => {\n      btn.addEventListener("click", () => {\n        const id = btn.getAttribute("data-carousel-button");\n        const dir = btn.getAttribute("data-carousel-dir") === "next" ? 1 : -1;\n        const container = document.getElementById(id);\n        if (container) scrollByCard(container, dir);\n      });\n    });\n\n    document.querySelectorAll("#carousel-work, #carousel-services, #carousel-about, #carousel-testimonials").forEach((container) => {\n      container.style.cursor = "grab";\n      setupDragScroll(container);\n    });\n\n    const header = document.getElementById("site-header");\n\n    window.addEventListener("scroll", () => {\n      const currentY = window.scrollY;\n      header.classList.toggle("header-floating", currentY > 8);\n      if (currentY > 8) {\n        header.classList.remove("-mx-5");\n        header.classList.add("mx-auto");\n      } else {\n        header.classList.add("-mx-5");\n        header.classList.remove("mx-auto");\n      }\n    }, { passive: true });\n  </script>\n</body>\n</html>\n\n<!-- /wp:html -->', 'Test Tailwind', '', 'inherit', 'closed', 'closed', '', '990-revision-v1', '', '', '2026-01-03 12:18:34', '2026-01-03 12:18:34', '', 990, 'https://portoadib.my.id/?p=991', 0, 'revision', '', 0),
(992, 1, '2026-01-03 12:19:01', '2026-01-03 12:19:01', '', 'Test Tailwind', '', 'inherit', 'closed', 'closed', '', '990-revision-v1', '', '', '2026-01-03 12:19:01', '2026-01-03 12:19:01', '', 990, 'https://portoadib.my.id/?p=992', 0, 'revision', '', 0),
(993, 1, '2026-01-03 12:19:21', '2026-01-03 12:19:21', '<!-- wp:html -->\n<!doctype html>\n<html lang="id">\n<head>\n  <meta charset="utf-8" />\n  <meta name="viewport" content="width=device-width, initial-scale=1" />\n  <title>PortoAdib - UI/UX Designer</title>\n  <link rel="preconnect" href="https://fonts.googleapis.com" />\n  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />\n  <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap" rel="stylesheet" />\n  <script src="https://cdn.tailwindcss.com"></script>\n  <script>\n    tailwind.config = {\n      theme: {\n        extend: {\n          fontFamily: {\n            sans: ["Manrope", "system-ui", "sans-serif"],\n          },\n          keyframes: {\n            fadeUp: {\n              "0%": { opacity: "0", transform: "translateY(16px)" },\n              "100%": { opacity: "1", transform: "translateY(0)" },\n            },\n            marquee: {\n              "0%": { transform: "translateX(0)" },\n              "100%": { transform: "translateX(-50%)" },\n            },\n          },\n          animation: {\n            "fade-up": "fadeUp 0.7s ease forwards",\n            marquee: "marquee 16s linear infinite",\n          },\n        },\n      },\n    };\n  </script>\n  <style>\n    .no-scrollbar {\n      -ms-overflow-style: none;\n      scrollbar-width: none;\n    }\n    .no-scrollbar::-webkit-scrollbar {\n      display: none;\n    }\n    .header-floating {\n      width: min(920px, calc(100% - 3.5rem));\n      margin: 0.75rem auto 0;\n      border-radius: 999px;\n      box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);\n      border: 1px solid rgba(226, 232, 240, 0.8);\n      background: rgba(255, 255, 255, 0.95);\n      backdrop-filter: blur(12px);\n    }\n  </style>\n</head>\n<body class="font-sans text-slate-900 bg-slate-950/5 min-h-screen">\n  <div class="relative overflow-visible">\n    <div class="absolute -top-24 -left-20 h-[320px] w-[320px] rounded-full bg-emerald-400/30 blur-3xl"></div>\n    <div class="absolute top-20 -right-24 h-[360px] w-[360px] rounded-full bg-emerald-500/25 blur-3xl"></div>\n    <div class="absolute bottom-0 left-1/3 h-[360px] w-[360px] rounded-full bg-teal-400/20 blur-3xl"></div>\n\n    <div class="max-w-6xl mx-auto px-5 py-10 relative">\n      <nav id="site-header" class="sticky top-3 z-50 -mx-5 px-6 py-5 flex flex-col gap-5 md:flex-row md:items-center md:justify-between bg-transparent border-b border-transparent transition-all duration-300">\n        <div class="text-base tracking-[0.28em] uppercase font-semibold">PortoAdib</div>\n        <div class="flex flex-wrap gap-5 text-sm uppercase tracking-[0.2em] font-semibold text-slate-600">\n          <a href="#work" class="hover:text-emerald-600">Work</a>\n          <a href="#services" class="hover:text-emerald-600">Services</a>\n          <a href="#about" class="hover:text-emerald-600">About</a>\n          <a href="#contact" class="hover:text-emerald-600">Contact</a>\n        </div>\n      </nav>\n\n      <section class="grid gap-10 md:grid-cols-[1.05fr_0.95fr] items-center pt-10">\n        <div class="animate-fade-up">\n          <p class="uppercase tracking-[0.25em] text-xs font-semibold text-emerald-600">UI/UX Designer</p>\n          <h1 class="text-4xl sm:text-5xl lg:text-6xl font-semibold leading-tight mt-4">\n            Mendesain produk digital yang rapi, jelas, dan terasa manusiawi.\n          </h1>\n          <p class="text-base sm:text-lg text-slate-600 mt-5 max-w-xl">\n            PortoAdib fokus pada riset, flow yang sederhana, dan visual yang konsisten. Semua konten masih dummy.\n          </p>\n          <div class="flex flex-wrap gap-3 mt-6">\n            <span class="px-4 py-2 rounded-full border border-slate-200 text-xs uppercase tracking-[0.2em] bg-white/70">Strategy</span>\n            <span class="px-4 py-2 rounded-full border border-slate-200 text-xs uppercase tracking-[0.2em] bg-white/70">Research</span>\n            <span class="px-4 py-2 rounded-full border border-slate-200 text-xs uppercase tracking-[0.2em] bg-white/70">Design System</span>\n            <span class="px-4 py-2 rounded-full border border-slate-200 text-xs uppercase tracking-[0.2em] bg-white/70">Prototype</span>\n          </div>\n          <div class="flex flex-wrap gap-4 mt-8">\n            <a href="#contact" class="px-6 py-3 rounded-full bg-emerald-500 text-white text-xs font-semibold uppercase tracking-[0.2em] shadow-[0_18px_50px_rgba(16,185,129,0.35)]">\n              Book a Call\n            </a>\n            <a href="#work" class="px-6 py-3 rounded-full border border-slate-900 text-xs font-semibold uppercase tracking-[0.2em] hover:bg-slate-900 hover:text-white transition">\n              View Case Studies\n            </a>\n          </div>\n        </div>\n        <div class="animate-fade-up [animation-delay:0.2s]">\n          <div class="relative bg-white/90 p-6 rounded-[26px] shadow-[0_24px_60px_rgba(15,23,42,0.12)] backdrop-blur">\n            <div class="absolute inset-[-12px] border border-dashed border-slate-200 rounded-[32px] pointer-events-none"></div>\n            <img class="rounded-[20px]" src="https://images.unsplash.com/photo-1498050108023-c5249f4df085?auto=format&fit=crop&w=900&q=80" alt="Workspace design" />\n            <div class="grid grid-cols-3 gap-3 mt-5">\n              <div class="bg-slate-50 p-4 rounded-2xl border border-slate-200 text-center">\n                <div class="text-xl font-semibold">6+</div>\n                <div class="text-[10px] uppercase tracking-[0.2em] text-slate-500 mt-1">Years</div>\n              </div>\n              <div class="bg-slate-50 p-4 rounded-2xl border border-slate-200 text-center">\n                <div class="text-xl font-semibold">38</div>\n                <div class="text-[10px] uppercase tracking-[0.2em] text-slate-500 mt-1">Projects</div>\n              </div>\n              <div class="bg-slate-50 p-4 rounded-2xl border border-slate-200 text-center">\n                <div class="text-xl font-semibold">14</div>\n                <div class="text-[10px] uppercase tracking-[0.2em] text-slate-500 mt-1">Brands</div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </section>\n\n      <div class="overflow-hidden border-y border-slate-200 mt-12 py-5 uppercase tracking-[0.28em] text-sm sm:text-base font-semibold text-slate-600">\n        <div class="flex w-[200%] animate-marquee">\n          <span class="whitespace-nowrap">\n            Product Design - Mobile App - SaaS Dashboard - Brand System - Research - Prototyping -\n          </span>\n          <span class="whitespace-nowrap pl-10">\n            Product Design - Mobile App - SaaS Dashboard - Brand System - Research - Prototyping -\n          </span>\n        </div>\n      </div>\n\n      <section id="work" class="mt-16">\n        <div class="flex flex-col gap-4 md:flex-row md:items-end md:justify-between">\n          <div class="max-w-lg">\n            <h2 class="text-3xl sm:text-4xl font-semibold">Selected Work</h2>\n            <p class="text-slate-600 mt-2">Ringkas, fokus pada dampak dan hasil.</p>\n          </div>\n          <div class="flex gap-3">\n            <button class="px-4 py-2 rounded-full border border-slate-300 text-xs uppercase tracking-[0.2em] bg-white/70 hover:bg-slate-900 hover:text-white transition" data-carousel-button="carousel-work" data-carousel-dir="prev">Prev</button>\n            <button class="px-4 py-2 rounded-full border border-slate-300 text-xs uppercase tracking-[0.2em] bg-white/70 hover:bg-slate-900 hover:text-white transition" data-carousel-button="carousel-work" data-carousel-dir="next">Next</button>\n          </div>\n        </div>\n        <div class="flex flex-col gap-4 mt-4">\n          <div id="carousel-work" class="flex gap-6 overflow-x-auto overflow-y-visible no-scrollbar scroll-smooth snap-x snap-mandatory py-4">\n            <article data-card class="min-w-[260px] sm:min-w-[320px] md:min-w-[360px] bg-white/90 rounded-[22px] p-5 border border-slate-200 animate-fade-up snap-start">\n              <img class="rounded-[18px]" src="https://images.unsplash.com/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=900&q=80" alt="Analytics dashboard" />\n            <p class="text-xs uppercase tracking-[0.2em] text-slate-500 mt-4">Fintech - Dashboard</p>\n            <h3 class="text-lg font-semibold mt-2">Helio - alur subscription lebih cepat</h3>\n            <p class="text-sm text-slate-600 mt-2">Informasi dipadatkan, keputusan finance lebih cepat.</p>\n          </article>\n            <article data-card class="min-w-[260px] sm:min-w-[320px] md:min-w-[360px] bg-white/90 rounded-[22px] p-5 border border-slate-200 animate-fade-up [animation-delay:0.2s] snap-start">\n            <img class="rounded-[18px]" src="https://images.unsplash.com/photo-1519389950473-47ba0277781c?auto=format&fit=crop&w=900&q=80" alt="Team collaboration" />\n            <p class="text-xs uppercase tracking-[0.2em] text-slate-500 mt-4">SaaS - Collaboration</p>\n            <h3 class="text-lg font-semibold mt-2">Nova - onboarding lebih singkat</h3>\n            <p class="text-sm text-slate-600 mt-2">Aktivasi naik, drop-off turun di minggu pertama.</p>\n          </article>\n            <article data-card class="min-w-[260px] sm:min-w-[320px] md:min-w-[360px] bg-white/90 rounded-[22px] p-5 border border-slate-200 animate-fade-up [animation-delay:0.4s] snap-start">\n            <img class="rounded-[18px]" src="https://images.unsplash.com/photo-1523475472560-d2df97ec485c?auto=format&fit=crop&w=900&q=80" alt="Mobile experience" />\n            <p class="text-xs uppercase tracking-[0.2em] text-slate-500 mt-4">Lifestyle - Mobile</p>\n            <h3 class="text-lg font-semibold mt-2">Meraki - habit tracking yang hangat</h3>\n            <p class="text-sm text-slate-600 mt-2">Copy dan motion ringan untuk konsistensi harian.</p>\n          </article>\n            <article data-card class="min-w-[260px] sm:min-w-[320px] md:min-w-[360px] bg-white/90 rounded-[22px] p-5 border border-slate-200 animate-fade-up snap-start">\n              <img class="rounded-[18px]" src="https://images.unsplash.com/photo-1487014679447-9f8336841d58?auto=format&fit=crop&w=900&q=80" alt="Brand studio" />\n              <p class="text-xs uppercase tracking-[0.2em] text-slate-500 mt-4">Brand - Identity</p>\n              <h3 class="text-lg font-semibold mt-2">Luma - sistem visual modular</h3>\n              <p class="text-sm text-slate-600 mt-2">Brand kit fleksibel untuk kampanye cepat.</p>\n            </article>\n            <article data-card class="min-w-[260px] sm:min-w-[320px] md:min-w-[360px] bg-white/90 rounded-[22px] p-5 border border-slate-200 animate-fade-up snap-start">\n              <img class="rounded-[18px]" src="https://images.unsplash.com/photo-1492724441997-5dc865305da7?auto=format&fit=crop&w=900&q=80" alt="Retail analytics" />\n              <p class="text-xs uppercase tracking-[0.2em] text-slate-500 mt-4">Retail - Analytics</p>\n              <h3 class="text-lg font-semibold mt-2">Atlas - insight toko harian</h3>\n              <p class="text-sm text-slate-600 mt-2">Dashboard ringkas untuk operasional outlet.</p>\n            </article>\n          </div>\n        </div>\n      </section>\n\n      <section id="services" class="mt-16">\n        <div class="flex flex-col gap-4 md:flex-row md:items-end md:justify-between">\n          <div class="max-w-lg">\n            <h2 class="text-3xl sm:text-4xl font-semibold">Services</h2>\n            <p class="text-slate-600 mt-2">Paket fleksibel sesuai kebutuhan tim.</p>\n          </div>\n          <div class="flex gap-3">\n            <button class="px-4 py-2 rounded-full border border-slate-300 text-xs uppercase tracking-[0.2em] bg-white/70 hover:bg-slate-900 hover:text-white transition" data-carousel-button="carousel-services" data-carousel-dir="prev">Prev</button>\n            <button class="px-4 py-2 rounded-full border border-slate-300 text-xs uppercase tracking-[0.2em] bg-white/70 hover:bg-slate-900 hover:text-white transition" data-carousel-button="carousel-services" data-carousel-dir="next">Next</button>\n          </div>\n        </div>\n        <div class="flex flex-col gap-4 mt-4">\n          <div id="carousel-services" class="flex gap-5 overflow-x-auto overflow-y-visible no-scrollbar scroll-smooth snap-x snap-mandatory py-4">\n            <div data-card class="min-w-[240px] sm:min-w-[280px] md:min-w-[320px] border border-slate-200 rounded-[22px] p-6 bg-white/70 animate-fade-up snap-start">\n              <h3 class="text-lg font-semibold">Discovery Sprint</h3>\n            <p class="text-sm text-slate-600 mt-2">Audit UX, mapping masalah, dan prioritas solusi.</p>\n          </div>\n            <div data-card class="min-w-[240px] sm:min-w-[280px] md:min-w-[320px] border border-slate-200 rounded-[22px] p-6 bg-white/70 animate-fade-up [animation-delay:0.2s] snap-start">\n            <h3 class="text-lg font-semibold">Product UX</h3>\n            <p class="text-sm text-slate-600 mt-2">Wireframe hingga testing untuk iterasi cepat.</p>\n          </div>\n            <div data-card class="min-w-[240px] sm:min-w-[280px] md:min-w-[320px] border border-slate-200 rounded-[22px] p-6 bg-white/70 animate-fade-up [animation-delay:0.4s] snap-start">\n            <h3 class="text-lg font-semibold">Visual Identity</h3>\n            <p class="text-sm text-slate-600 mt-2">Guideline komponen dan art direction.</p>\n          </div>\n            <div data-card class="min-w-[240px] sm:min-w-[280px] md:min-w-[320px] border border-slate-200 rounded-[22px] p-6 bg-white/70 animate-fade-up snap-start">\n              <h3 class="text-lg font-semibold">Design System</h3>\n              <p class="text-sm text-slate-600 mt-2">Library komponen untuk konsistensi multi-team.</p>\n            </div>\n            <div data-card class="min-w-[240px] sm:min-w-[280px] md:min-w-[320px] border border-slate-200 rounded-[22px] p-6 bg-white/70 animate-fade-up snap-start">\n              <h3 class="text-lg font-semibold">UX Writing</h3>\n              <p class="text-sm text-slate-600 mt-2">Microcopy yang jelas dan bersuara brand.</p>\n            </div>\n          </div>\n        </div>\n      </section>\n\n      <section id="about" class="mt-16">\n        <div class="flex flex-col gap-4 md:flex-row md:items-end md:justify-between">\n          <div class="max-w-lg">\n            <h2 class="text-3xl sm:text-4xl font-semibold">About PortoAdib</h2>\n            <p class="text-slate-600 mt-2">Riset, sistem, dan storytelling visual yang fokus.</p>\n          </div>\n          <div class="flex gap-3">\n            <button class="px-4 py-2 rounded-full border border-slate-300 text-xs uppercase tracking-[0.2em] bg-white/70 hover:bg-slate-900 hover:text-white transition" data-carousel-button="carousel-about" data-carousel-dir="prev">Prev</button>\n            <button class="px-4 py-2 rounded-full border border-slate-300 text-xs uppercase tracking-[0.2em] bg-white/70 hover:bg-slate-900 hover:text-white transition" data-carousel-button="carousel-about" data-carousel-dir="next">Next</button>\n          </div>\n        </div>\n        <div class="flex flex-col gap-4 mt-4">\n          <div id="carousel-about" class="flex gap-6 overflow-x-auto overflow-y-visible no-scrollbar scroll-smooth snap-x snap-mandatory py-4">\n            <div data-card class="min-w-[240px] sm:min-w-[280px] md:min-w-[320px] bg-white/90 rounded-[22px] p-6 border border-slate-200 animate-fade-up snap-start">\n              <h3 class="text-lg font-semibold">Workflow</h3>\n            <p class="text-sm text-slate-600 mt-2">Problem framing, journey, hingga design QA.</p>\n          </div>\n            <div data-card class="min-w-[240px] sm:min-w-[280px] md:min-w-[320px] bg-white/90 rounded-[22px] p-6 border border-slate-200 animate-fade-up [animation-delay:0.2s] snap-start">\n            <h3 class="text-lg font-semibold">Tools</h3>\n            <p class="text-sm text-slate-600 mt-2">Figma, FigJam, Notion, Webflow (dummy).</p>\n          </div>\n            <div data-card class="min-w-[240px] sm:min-w-[280px] md:min-w-[320px] bg-white/90 rounded-[22px] p-6 border border-slate-200 animate-fade-up [animation-delay:0.4s] snap-start">\n            <h3 class="text-lg font-semibold">Values</h3>\n            <p class="text-sm text-slate-600 mt-2">Empati, jelas, dan berani eksplorasi.</p>\n          </div>\n            <div data-card class="min-w-[240px] sm:min-w-[280px] md:min-w-[320px] bg-white/90 rounded-[22px] p-6 border border-slate-200 animate-fade-up snap-start">\n              <h3 class="text-lg font-semibold">Process</h3>\n              <p class="text-sm text-slate-600 mt-2">Workshop, synthesis, hingga roadmap visual.</p>\n            </div>\n            <div data-card class="min-w-[240px] sm:min-w-[280px] md:min-w-[320px] bg-white/90 rounded-[22px] p-6 border border-slate-200 animate-fade-up snap-start">\n              <h3 class="text-lg font-semibold">Focus</h3>\n              <p class="text-sm text-slate-600 mt-2">Sederhana, usable, dan scalable untuk growth.</p>\n            </div>\n          </div>\n        </div>\n      </section>\n\n      <section class="mt-16">\n        <div class="flex flex-col gap-4 md:flex-row md:items-end md:justify-between">\n          <div class="max-w-lg">\n            <h2 class="text-3xl sm:text-4xl font-semibold">Testimonials</h2>\n            <p class="text-slate-600 mt-2">Respons dari tim yang pernah kolaborasi.</p>\n          </div>\n          <div class="flex gap-3">\n            <button class="px-4 py-2 rounded-full border border-slate-300 text-xs uppercase tracking-[0.2em] bg-white/70 hover:bg-slate-900 hover:text-white transition" data-carousel-button="carousel-testimonials" data-carousel-dir="prev">Prev</button>\n            <button class="px-4 py-2 rounded-full border border-slate-300 text-xs uppercase tracking-[0.2em] bg-white/70 hover:bg-slate-900 hover:text-white transition" data-carousel-button="carousel-testimonials" data-carousel-dir="next">Next</button>\n          </div>\n        </div>\n        <div class="flex flex-col gap-4 mt-4">\n          <div id="carousel-testimonials" class="flex gap-6 overflow-x-auto overflow-y-visible no-scrollbar scroll-smooth snap-x snap-mandatory py-4">\n            <div data-card class="min-w-[260px] sm:min-w-[320px] md:min-w-[360px] bg-white/90 rounded-[24px] p-6 border border-slate-200 animate-fade-up snap-start">\n              <p class="text-slate-600">"Kolaborasinya cepat, keputusan tim lebih tajam."</p>\n          <p class="font-semibold mt-4">Andi - Product Lead</p>\n        </div>\n            <div data-card class="min-w-[260px] sm:min-w-[320px] md:min-w-[360px] bg-white/90 rounded-[24px] p-6 border border-slate-200 animate-fade-up [animation-delay:0.2s] snap-start">\n          <p class="text-slate-600">"Desain rapi dan insight-nya selalu to the point."</p>\n          <p class="font-semibold mt-4">Rina - Founder</p>\n        </div>\n            <div data-card class="min-w-[260px] sm:min-w-[320px] md:min-w-[360px] bg-white/90 rounded-[24px] p-6 border border-slate-200 animate-fade-up snap-start">\n              <p class="text-slate-600">"Komunikasi jelas, timeline selalu on track."</p>\n              <p class="font-semibold mt-4">Dewi - PM</p>\n            </div>\n            <div data-card class="min-w-[260px] sm:min-w-[320px] md:min-w-[360px] bg-white/90 rounded-[24px] p-6 border border-slate-200 animate-fade-up snap-start">\n              <p class="text-slate-600">"Sistem desainnya mudah diadopsi tim dev."</p>\n              <p class="font-semibold mt-4">Rafi - Tech Lead</p>\n            </div>\n          </div>\n        </div>\n      </section>\n\n      <section id="contact" class="mt-16">\n        <div class="bg-slate-900 text-white rounded-[28px] p-8 md:p-10 grid gap-6 md:grid-cols-[1.1fr_0.9fr]">\n          <div>\n            <h2 class="text-3xl sm:text-4xl font-semibold">Siap kolaborasi?</h2>\n            <p class="text-white/70 mt-3">Sesi singkat 30 menit untuk bahas kebutuhan produk.</p>\n          </div>\n          <div>\n            <div class="flex flex-wrap gap-3">\n              <span class="px-4 py-2 rounded-full border border-white/40 text-xs uppercase tracking-[0.2em]">hello@portoadib.com</span>\n              <span class="px-4 py-2 rounded-full border border-white/40 text-xs uppercase tracking-[0.2em]">Jakarta - Remote</span>\n            </div>\n            <div class="flex flex-wrap gap-4 mt-6">\n              <a class="px-6 py-3 rounded-full border border-white text-xs font-semibold uppercase tracking-[0.2em] hover:bg-white hover:text-slate-900 transition" href="mailto:hello@portoadib.com">Email Me</a>\n              <a class="px-6 py-3 rounded-full bg-emerald-500 text-white text-xs font-semibold uppercase tracking-[0.2em]" href="#work">Download CV</a>\n            </div>\n          </div>\n        </div>\n      </section>\n\n      <footer class="mt-12 pb-6 text-xs uppercase tracking-[0.25em] text-slate-500 flex flex-col gap-3 md:flex-row md:items-center md:justify-between">\n        <span>(c) 2025 PortoAdib</span>\n        <span>Behance - Dribbble - LinkedIn</span>\n      </footer>\n    </div>\n  </div>\n  <script>\n    const getStep = (container) => {\n      const card = container.querySelector("[data-card]");\n      if (!card) return 0;\n      const styles = getComputedStyle(container);\n      const gap = parseFloat(styles.columnGap || styles.gap || 0);\n      return card.getBoundingClientRect().width + gap;\n    };\n\n    const scrollByCard = (container, dir) => {\n      const amount = getStep(container);\n      if (!amount) return;\n      container.scrollBy({ left: dir * amount, behavior: "smooth" });\n    };\n\n    const setupDragScroll = (container) => {\n      let isDown = false;\n      let startX = 0;\n      let scrollLeft = 0;\n\n      container.addEventListener("pointerdown", (e) => {\n        isDown = true;\n        startX = e.clientX;\n        scrollLeft = container.scrollLeft;\n        container.style.cursor = "grabbing";\n        container.setPointerCapture(e.pointerId);\n      });\n\n      container.addEventListener("pointermove", (e) => {\n        if (!isDown) return;\n        e.preventDefault();\n        const walk = startX - e.clientX;\n        container.scrollLeft = scrollLeft + walk;\n      });\n\n      const endDrag = (e) => {\n        if (!isDown) return;\n        isDown = false;\n        container.style.cursor = "grab";\n        if (e.pointerId !== undefined) {\n          container.releasePointerCapture(e.pointerId);\n        }\n      };\n\n      container.addEventListener("pointerup", endDrag);\n      container.addEventListener("pointerleave", endDrag);\n    };\n\n    document.querySelectorAll("[data-carousel-button]").forEach((btn) => {\n      btn.addEventListener("click", () => {\n        const id = btn.getAttribute("data-carousel-button");\n        const dir = btn.getAttribute("data-carousel-dir") === "next" ? 1 : -1;\n        const container = document.getElementById(id);\n        if (container) scrollByCard(container, dir);\n      });\n    });\n\n    document.querySelectorAll("#carousel-work, #carousel-services, #carousel-about, #carousel-testimonials").forEach((container) => {\n      container.style.cursor = "grab";\n      setupDragScroll(container);\n    });\n\n    const header = document.getElementById("site-header");\n\n    window.addEventListener("scroll", () => {\n      const currentY = window.scrollY;\n      header.classList.toggle("header-floating", currentY > 8);\n      if (currentY > 8) {\n        header.classList.remove("-mx-5");\n        header.classList.add("mx-auto");\n      } else {\n        header.classList.add("-mx-5");\n        header.classList.remove("mx-auto");\n      }\n    }, { passive: true });\n  </script>\n</body>\n</html>\n\n<!-- /wp:html -->', 'Test Tailwind', '', 'inherit', 'closed', 'closed', '', '990-revision-v1', '', '', '2026-01-03 12:19:21', '2026-01-03 12:19:21', '', 990, 'https://portoadib.my.id/?p=993', 0, 'revision', '', 0),
(994, 1, '2026-01-03 12:23:49', '2026-01-03 12:23:49', '', 'Test Tailwind', '', 'inherit', 'closed', 'closed', '', '990-revision-v1', '', '', '2026-01-03 12:23:49', '2026-01-03 12:23:49', '', 990, 'https://portoadib.my.id/?p=994', 0, 'revision', '', 0),
(995, 1, '2026-01-03 12:31:25', '2026-01-03 12:31:25', '', 'Test Tailwind', '', 'inherit', 'closed', 'closed', '', '990-revision-v1', '', '', '2026-01-03 12:31:25', '2026-01-03 12:31:25', '', 990, 'https://portoadib.my.id/?p=995', 0, 'revision', '', 0),
(996, 1, '2026-01-03 12:31:25', '2026-01-03 12:31:25', '', 'Test Tailwind', '', 'inherit', 'closed', 'closed', '', '990-revision-v1', '', '', '2026-01-03 12:31:25', '2026-01-03 12:31:25', '', 990, 'https://portoadib.my.id/?p=996', 0, 'revision', '', 0),
(997, 1, '2026-01-03 12:31:25', '2026-01-03 12:31:25', '<!doctype html>\n<html lang="id">\n<head>\n  <meta charset="utf-8" />\n  <meta name="viewport" content="width=device-width, initial-scale=1" />\n  <title>PortoAdib - UI/UX Designer</title>\n  <link rel="preconnect" href="https://fonts.googleapis.com" />\n  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />\n  <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap" rel="stylesheet" />\n  <style>\n    .no-scrollbar {\n      -ms-overflow-style: none;\n      scrollbar-width: none;\n    }\n    .no-scrollbar::-webkit-scrollbar {\n      display: none;\n    }\n    .header-floating {\n      width: min(860px, calc(100% - 4rem));\n      margin: 3.5rem auto 0;\n      border-radius: 999px;\n      box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);\n      border: 1px solid rgba(226, 232, 240, 0.8);\n      background: rgba(255, 255, 255, 0.5);\n      backdrop-filter: blur(12px);\n    }\n    .global-glow {\n      position: fixed;\n      inset: 0;\n      z-index: -1;\n      background:\n        radial-gradient(circle at 10% 10%, rgba(16, 185, 129, 0.22), transparent 45%),\n        radial-gradient(circle at 90% 20%, rgba(20, 184, 166, 0.18), transparent 50%),\n        radial-gradient(circle at 50% 80%, rgba(56, 189, 248, 0.16), transparent 55%),\n        linear-gradient(120deg, rgba(15, 23, 42, 0.04), rgba(255, 255, 255, 0.2));\n      filter: blur(60px);\n      opacity: 0.55;\n      pointer-events: none;\n      mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.6) 45%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0) 85%);\n      -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.6) 45%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0) 85%);\n    }\n  </style>\n</head>\n<body>\n      <nav id="site-header">\n        PortoAdib\n          <a href="#work">Work</a>\n          <a href="#services">Services</a>\n          <a href="#about">About</a>\n          <a href="#contact">Contact</a>\n      </nav>\n      <section>\n          <p>UI/UX Designer</p>\n          <h1>\n            Mendesain produk digital yang rapi, jelas, dan terasa manusiawi.\n          </h1>\n          <p>\n            PortoAdib fokus pada riset, flow yang sederhana, dan visual yang konsisten. Semua konten masih dummy.\n          </p>\n            Strategy\n            Research\n            Design System\n            Prototype\n            <a href="#contact">\n              Book a Call\n            </a>\n            <a href="#work">\n              View Case Studies\n            </a>\n            <img src="https://images.unsplash.com/photo-1498050108023-c5249f4df085?auto=format&fit=crop&w=900&q=80" alt="Workspace design" />\n                6+\n                Years\n                38\n                Projects\n                14\n                Brands\n      </section>\n            Product Design - Mobile App - SaaS Dashboard - Brand System - Research - Prototyping -\n            Product Design - Mobile App - SaaS Dashboard - Brand System - Research - Prototyping -\n      <section id="work">\n            <h2>Selected Work</h2>\n            <p>Ringkas, fokus pada dampak dan hasil.</p>\n            <button data-carousel-button="carousel-work" data-carousel-dir="prev">Prev</button>\n            <button data-carousel-button="carousel-work" data-carousel-dir="next">Next</button>\n            <article data-card>\n              <img src="https://images.unsplash.com/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=900&q=80" alt="Analytics dashboard" />\n            <p>Fintech - Dashboard</p>\n            <h3>Helio - alur subscription lebih cepat</h3>\n            <p>Informasi dipadatkan, keputusan finance lebih cepat.</p>\n          </article>\n            <article data-card>\n            <img src="https://images.unsplash.com/photo-1519389950473-47ba0277781c?auto=format&fit=crop&w=900&q=80" alt="Team collaboration" />\n            <p>SaaS - Collaboration</p>\n            <h3>Nova - onboarding lebih singkat</h3>\n            <p>Aktivasi naik, drop-off turun di minggu pertama.</p>\n          </article>\n            <article data-card>\n            <img src="https://images.unsplash.com/photo-1523475472560-d2df97ec485c?auto=format&fit=crop&w=900&q=80" alt="Mobile experience" />\n            <p>Lifestyle - Mobile</p>\n            <h3>Meraki - habit tracking yang hangat</h3>\n            <p>Copy dan motion ringan untuk konsistensi harian.</p>\n          </article>\n            <article data-card>\n              <img src="https://images.unsplash.com/photo-1487014679447-9f8336841d58?auto=format&fit=crop&w=900&q=80" alt="Brand studio" />\n              <p>Brand - Identity</p>\n              <h3>Luma - sistem visual modular</h3>\n              <p>Brand kit fleksibel untuk kampanye cepat.</p>\n            </article>\n            <article data-card>\n              <img src="https://images.unsplash.com/photo-1492724441997-5dc865305da7?auto=format&fit=crop&w=900&q=80" alt="Retail analytics" />\n              <p>Retail - Analytics</p>\n              <h3>Atlas - insight toko harian</h3>\n              <p>Dashboard ringkas untuk operasional outlet.</p>\n            </article>\n      </section>\n      <section id="services">\n            <h2>Services</h2>\n            <p>Paket fleksibel sesuai kebutuhan tim.</p>\n            <button data-carousel-button="carousel-services" data-carousel-dir="prev">Prev</button>\n            <button data-carousel-button="carousel-services" data-carousel-dir="next">Next</button>\n              <h3>Discovery Sprint</h3>\n            <p>Audit UX, mapping masalah, dan prioritas solusi.</p>\n            <h3>Product UX</h3>\n            <p>Wireframe hingga testing untuk iterasi cepat.</p>\n            <h3>Visual Identity</h3>\n            <p>Guideline komponen dan art direction.</p>\n              <h3>Design System</h3>\n              <p>Library komponen untuk konsistensi multi-team.</p>\n              <h3>UX Writing</h3>\n              <p>Microcopy yang jelas dan bersuara brand.</p>\n      </section>\n      <section id="about">\n            <h2>About PortoAdib</h2>\n            <p>Riset, sistem, dan storytelling visual yang fokus.</p>\n            <button data-carousel-button="carousel-about" data-carousel-dir="prev">Prev</button>\n            <button data-carousel-button="carousel-about" data-carousel-dir="next">Next</button>\n              <h3>Workflow</h3>\n            <p>Problem framing, journey, hingga design QA.</p>\n            <h3>Tools</h3>\n            <p>Figma, FigJam, Notion, Webflow (dummy).</p>\n            <h3>Values</h3>\n            <p>Empati, jelas, dan berani eksplorasi.</p>\n              <h3>Process</h3>\n              <p>Workshop, synthesis, hingga roadmap visual.</p>\n              <h3>Focus</h3>\n              <p>Sederhana, usable, dan scalable untuk growth.</p>\n      </section>\n      <section>\n            <h2>Testimonials</h2>\n            <p>Respons dari tim yang pernah kolaborasi.</p>\n            <button data-carousel-button="carousel-testimonials" data-carousel-dir="prev">Prev</button>\n            <button data-carousel-button="carousel-testimonials" data-carousel-dir="next">Next</button>\n              <p>"Kolaborasinya cepat, keputusan tim lebih tajam."</p>\n          <p>Andi - Product Lead</p>\n          <p>"Desain rapi dan insight-nya selalu to the point."</p>\n          <p>Rina - Founder</p>\n              <p>"Komunikasi jelas, timeline selalu on track."</p>\n              <p>Dewi - PM</p>\n              <p>"Sistem desainnya mudah diadopsi tim dev."</p>\n              <p>Rafi - Tech Lead</p>\n      </section>\n      <section id="contact">\n            <h2>Siap kolaborasi?</h2>\n            <p>Sesi singkat 30 menit untuk bahas kebutuhan produk.</p>\n              hello@portoadib.com\n              Jakarta - Remote\n              <a href="mailto:hello@portoadib.com">Email Me</a>\n              <a href="#work">Download CV</a>\n      </section>\n      <footer>\n        (c) 2025 PortoAdib\n        Behance - Dribbble - LinkedIn\n      </footer>\n</body>\n</html>', 'Test Tailwind', '', 'inherit', 'closed', 'closed', '', '990-revision-v1', '', '', '2026-01-03 12:31:25', '2026-01-03 12:31:25', '', 990, 'https://portoadib.my.id/?p=997', 0, 'revision', '', 0);
INSERT INTO `wpposts` VALUES
(998, 1, '2026-01-14 10:19:16', '0000-00-00 00:00:00', '', 'Auto Draft', '', 'auto-draft', 'open', 'open', '', '', '', '', '2026-01-14 10:19:16', '0000-00-00 00:00:00', '', 0, 'https://portoadib.my.id/?p=998', 0, 'post', '', 0),
(999, 1, '2026-01-14 10:19:18', '0000-00-00 00:00:00', '', 'Auto Draft', '', 'auto-draft', 'open', 'open', '', '', '', '', '2026-01-14 10:19:18', '0000-00-00 00:00:00', '', 0, 'https://portoadib.my.id/?p=999', 0, 'post', '', 0),
(1000, 1, '2026-01-14 10:26:12', '2026-01-14 10:26:12', '<label> Your name\n    [text* your-name autocomplete:name] </label>\n\n<label> Your email\n    [email* your-email autocomplete:email] </label>\n\n<label> Subject\n    [text* your-subject] </label>\n\n<label> Your message (optional)\n    [textarea your-message] </label>\n\n[submit "Submit"]\n[_site_title] "[your-subject]"\n[_site_title] <admin@portoadib.my.id>\nFrom: [your-name] [your-email]\nSubject: [your-subject]\n\nMessage Body:\n[your-message]\n\n-- \nThis is a notification that a contact form was submitted on your website ([_site_title] [_site_url]).\n[_site_admin_email]\nReply-To: [your-email]\n\n0\n0\n\n[_site_title] "[your-subject]"\n[_site_title] <admin@portoadib.my.id>\nMessage Body:\n[your-message]\n\n-- \nThis email is a receipt for your contact form submission on our website ([_site_title] [_site_url]) in which your email address was used. If that was not you, please ignore this message.\n[your-email]\nReply-To: [_site_admin_email]\n\n0\n0\nThank you for your message. It has been sent.\nThere was an error trying to send your message. Please try again later.\nOne or more fields have an error. Please check and try again.\nThere was an error trying to send your message. Please try again later.\nYou must accept the terms and conditions before sending your message.\nPlease fill out this field.\nThis field has a too long input.\nThis field has a too short input.\nThere was an unknown error uploading the file.\nYou are not allowed to upload files of this type.\nThe uploaded file is too large.\nThere was an error uploading the file.', 'Contact form 1', '', 'publish', 'closed', 'closed', '', 'contact-form-1', '', '', '2026-01-14 10:26:12', '2026-01-14 10:26:12', '', 0, 'https://portoadib.my.id/?post_type=wpcf7_contact_form&p=1000', 0, 'wpcf7_contact_form', '', 0),
(1001, 1, '2026-01-14 10:30:53', '0000-00-00 00:00:00', '', 'Auto Draft', '', 'auto-draft', 'closed', 'closed', '', '', '', '', '2026-01-14 10:30:53', '0000-00-00 00:00:00', '', 0, 'https://portoadib.my.id/?page_id=1001', 0, 'page', '', 0),
(1002, 1, '2026-01-14 10:41:45', '0000-00-00 00:00:00', '', 'Auto Draft', '', 'auto-draft', 'closed', 'closed', '', '', '', '', '2026-01-14 10:41:45', '0000-00-00 00:00:00', '', 0, 'https://portoadib.my.id/?page_id=1002', 0, 'page', '', 0);

-- --------------------------------------------------------

--
-- Table structure for table `wpsnippets`
--

CREATE TABLE `wpsnippets` (
  `id` bigint(20) NOT NULL AUTO_INCREMENT,
  `name` tinytext NOT NULL,
  `description` text NOT NULL,
  `code` longtext NOT NULL,
  `tags` longtext NOT NULL,
  `scope` varchar(15) NOT NULL DEFAULT 'global',
  `condition_id` bigint(20) NOT NULL DEFAULT 0,
  `priority` smallint(6) NOT NULL DEFAULT 10,
  `active` tinyint(1) NOT NULL DEFAULT 0,
  `modified` datetime NOT NULL DEFAULT current_timestamp(),
  `revision` bigint(20) NOT NULL DEFAULT 1,
  `cloud_id` varchar(255) DEFAULT NULL,
  PRIMARY KEY (`id`),
  KEY `scope` (`scope`),
  KEY `active` (`active`)
) ENGINE=InnoDB  DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_520_ci;

--
-- Dumping data for table `wpsnippets`
--

INSERT INTO `wpsnippets` VALUES
(1, 'Make upload filenames lowercase', 'Makes sure that image and file uploads have lowercase filenames.\n\nThis is a sample snippet. Feel free to use it, edit it, or remove it.', 'add_filter( ''sanitize_file_name'', ''mb_strtolower'' );', 'sample, media', 'global', 0, 10, 0, '2025-12-21 14:32:56', 1, NULL),
(2, 'Disable admin bar', 'Turns off the WordPress admin bar for everyone except administrators.\n\nThis is a sample snippet. Feel free to use it, edit it, or remove it.', 'add_action( ''wp'', function () {\n	if ( ! current_user_can( ''manage_options'' ) ) {\n		show_admin_bar( false );\n	}\n} );', 'sample, admin-bar', 'front-end', 0, 10, 0, '2025-12-21 14:32:56', 1, NULL),
(3, 'Allow smilies', 'Allows smiley conversion in obscure places.\n\nThis is a sample snippet. Feel free to use it, edit it, or remove it.', 'add_filter( ''widget_text'', ''convert_smilies'' );\nadd_filter( ''the_title'', ''convert_smilies'' );\nadd_filter( ''wp_title'', ''convert_smilies'' );\nadd_filter( ''get_bloginfo'', ''convert_smilies'' );', 'sample', 'global', 0, 10, 0, '2025-12-21 14:32:56', 1, NULL),
(4, 'Current year', 'Shortcode for inserting the current year into a post or page..\n\nThis is a sample snippet. Feel free to use it, edit it, or remove it.', '<?php echo date( ''Y'' ); ?>', 'sample, dates', 'content', 0, 10, 0, '2025-12-21 14:32:56', 1, NULL),
(5, 'Custom Category Order for Project Filter', '', '/**\n * Sort categories by ACF term meta ''order'' for both normal queries and REST.\n */\n\n/* A) Non‑REST queries (Elementor uses get_terms()) */\nadd_filter(''get_terms_args'', function (array $args, array $taxonomies) {\n    // Only affect frontend queries for our ''category'' taxonomy\n    if (is_admin()) {\n        return $args;\n    }\n    if (in_array(''category'', $taxonomies, true)) {\n        $args[''meta_key'']  = ''order'';\n        $args[''orderby'']   = ''meta_value_num'';\n        $args[''order'']     = ''ASC'';\n    }\n    return $args;\n}, 10, 2);\n\n/* B) Allow meta_value_num sorting in REST API */\nadd_filter(''rest_category_collection_params'', function (array $params) {\n    // Extend allowed orderby values to include meta_value_num\n    if (isset($params[''orderby''])) {\n        $params[''orderby''][''enum''][] = ''meta_value_num'';\n    }\n    return $params;\n});\n\n/* C) REST query modifications */\nadd_filter(''rest_category_query'', function (array $args) {\n    $args[''meta_key'']  = ''order'';\n    $args[''orderby'']   = ''meta_value_num'';\n    $args[''order'']     = ''ASC'';\n    return $args;\n}, 10, 2);\n', '', 'global', 0, 10, 0, '2025-12-21 15:08:24', 1, NULL),
(6, 'CustomTaxonomy', '', 'add_filter(''get_terms_args'', function ($args, $taxonomies) {\n\n    if (is_admin()) return $args;\n\n    if (in_array(''project_category'', (array) $taxonomies, true)) {\n        $args[''meta_key''] = ''order'';\n        $args[''orderby''] = ''meta_value_num'';\n        $args[''order'']   = ''ASC'';\n    }\n\n    return $args;\n}, 10, 2);\n', '', 'global', 0, 10, 0, '2025-12-21 15:27:05', 1, NULL),
(7, 'CutomTaxOrder2', '', 'add_filter(''get_terms_orderby'', function ($orderby, $args) {\n    if (!empty($args[''taxonomy'']) && in_array(''project_category'', (array) $args[''taxonomy''])) {\n        return ''t.term_order'';\n    }\n    return $orderby;\n}, 10, 2);\n', '', 'global', 0, 10, 0, '2025-12-21 15:35:30', 1, NULL);

-- --------------------------------------------------------

--
-- Table structure for table `wptermmeta`
--

CREATE TABLE `wptermmeta` (
  `meta_id` bigint(20) unsigned NOT NULL AUTO_INCREMENT,
  `term_id` bigint(20) unsigned NOT NULL DEFAULT 0,
  `meta_key` varchar(255) DEFAULT NULL,
  `meta_value` longtext DEFAULT NULL,
  PRIMARY KEY (`meta_id`),
  KEY `term_id` (`term_id`),
  KEY `meta_key` (`meta_key`(191))
) ENGINE=InnoDB  DEFAULT CHARSET=utf8mb3 COLLATE=utf8mb3_general_ci;

--
-- Dumping data for table `wptermmeta`
--

INSERT INTO `wptermmeta` VALUES
(1, 13, 'order', '9'),
(2, 13, '_order', 'field_694801ed7c192'),
(3, 30, 'order', '8'),
(4, 30, '_order', 'field_694801ed7c192'),
(5, 31, 'order', '7'),
(6, 31, '_order', 'field_694801ed7c192'),
(7, 6, 'order', '6'),
(8, 6, '_order', 'field_694801ed7c192'),
(9, 12, 'order', '5'),
(10, 12, '_order', 'field_694801ed7c192'),
(11, 11, 'order', '4'),
(12, 11, '_order', 'field_694801ed7c192'),
(13, 10, 'order', '3'),
(14, 10, '_order', 'field_694801ed7c192'),
(15, 1, 'order', '2'),
(16, 1, '_order', 'field_694801ed7c192'),
(17, 29, 'order', '1'),
(18, 29, '_order', 'field_694801ed7c192'),
(19, 39, 'order', '8'),
(20, 39, '_order', 'field_694811299a5c0'),
(21, 33, 'order', '2'),
(22, 33, '_order', 'field_694811299a5c0'),
(23, 34, 'order', '3'),
(24, 34, '_order', 'field_694811299a5c0'),
(25, 35, 'order', '4'),
(26, 35, '_order', 'field_694811299a5c0'),
(27, 32, 'order', '1'),
(28, 32, '_order', 'field_694811299a5c0'),
(29, 36, 'order', '5'),
(30, 36, '_order', 'field_694811299a5c0'),
(31, 38, 'order', '7'),
(32, 38, '_order', 'field_694811299a5c0'),
(33, 37, 'order', '6'),
(34, 37, '_order', 'field_694811299a5c0');

-- --------------------------------------------------------

--
-- Table structure for table `wpterms`
--

CREATE TABLE `wpterms` (
  `term_id` bigint(20) unsigned NOT NULL AUTO_INCREMENT,
  `name` varchar(200) NOT NULL DEFAULT '',
  `slug` varchar(200) NOT NULL DEFAULT '',
  `term_group` bigint(10) NOT NULL DEFAULT 0,
  PRIMARY KEY (`term_id`),
  KEY `slug` (`slug`(191)),
  KEY `name` (`name`(191))
) ENGINE=InnoDB  DEFAULT CHARSET=utf8mb3 COLLATE=utf8mb3_general_ci;

--
-- Dumping data for table `wpterms`
--

INSERT INTO `wpterms` VALUES
(1, 'All', 'uncategorized', 0),
(2, 'twentytwentyfive', 'twentytwentyfive', 0),
(3, 'hello-elementor', 'hello-elementor', 0),
(4, 'page', 'page', 0),
(5, 'Main Menu Header', 'main-menu-header', 0),
(6, 'UI/UX Design', 'ui-ux-design', 0),
(7, 'Website Responsive', 'website-responsive', 0),
(8, 'Web App', 'web-app', 0),
(9, 'loop-item', 'loop-item', 0),
(10, 'Real Case Project', 'real-case-project', 0),
(11, 'Creative Explorations', 'creative-explorations', 0),
(12, 'National Competition', 'national-competition', 0),
(13, 'Others', 'others', 0),
(14, 'header', 'header', 0),
(15, 'footer', 'footer', 0),
(16, 'Figma', 'figma', 0),
(17, 'Trello', 'trello', 0),
(18, 'Canva', 'canva', 0),
(19, 'Adobe Premiere Pro', 'adobe-premiere-pro', 0),
(20, 'GMeet', 'gmeet', 0),
(21, 'UI/UX Design', 'ui-ux-design', 0),
(22, 'Video Editing', 'video-editing', 0),
(23, 'Learning Management System', 'learning-management-system', 0),
(24, 'Minimalist', 'minimalist', 0),
(25, 'Fun', 'fun', 0),
(26, 'Website', 'website', 0),
(27, 'detikcom', 'detikcom', 0),
(28, 'e-Learning', 'e-learning', 0),
(29, 'Selected Project', 'selected-project', 0),
(30, 'Video Production', 'video-production', 0),
(31, 'WordPress Development', 'wordpress-development', 0),
(32, 'Selected Project', 'selected-project', 0),
(33, 'Real Case Project', 'real-case-project', 0),
(34, 'Creative Explorations', 'creative-explorations', 0),
(35, 'National Competition', 'national-competition', 0),
(36, 'UI/UX Design', 'ui-ux-design', 0),
(37, 'WordPress Development', 'wordpress-development', 0),
(38, 'Video Production', 'video-production', 0),
(39, 'Others', 'others', 0);

-- --------------------------------------------------------

--
-- Table structure for table `wpterm_relationships`
--

CREATE TABLE `wpterm_relationships` (
  `object_id` bigint(20) unsigned NOT NULL DEFAULT 0,
  `term_taxonomy_id` bigint(20) unsigned NOT NULL DEFAULT 0,
  `term_order` int(11) NOT NULL DEFAULT 0,
  PRIMARY KEY (`object_id`,`term_taxonomy_id`),
  KEY `term_taxonomy_id` (`term_taxonomy_id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb3 COLLATE=utf8mb3_general_ci;

--
-- Dumping data for table `wpterm_relationships`
--

INSERT INTO `wpterm_relationships` VALUES
(1, 1, 0),
(7, 2, 0),
(22, 3, 0),
(29, 4, 0),
(67, 4, 0),
(74, 5, 0),
(77, 5, 0),
(174, 6, 0),
(174, 12, 0),
(177, 7, 0),
(177, 8, 0),
(177, 16, 0),
(177, 17, 0),
(177, 18, 0),
(177, 19, 0),
(177, 20, 0),
(177, 21, 0),
(177, 22, 0),
(177, 23, 0),
(177, 24, 0),
(177, 25, 0),
(177, 26, 0),
(177, 27, 0),
(177, 28, 0),
(177, 32, 0),
(177, 33, 0),
(177, 36, 0),
(180, 6, 0),
(180, 7, 0),
(180, 8, 0),
(180, 11, 0),
(183, 6, 0),
(183, 7, 0),
(183, 8, 0),
(183, 11, 0),
(186, 9, 0),
(193, 9, 0),
(263, 9, 0),
(287, 14, 0),
(293, 15, 0),
(319, 9, 0),
(325, 9, 0),
(353, 9, 0),
(367, 9, 0),
(381, 9, 0),
(396, 9, 0),
(414, 9, 0),
(451, 9, 0),
(472, 33, 0),
(472, 36, 0),
(474, 33, 0),
(474, 36, 0),
(478, 33, 0),
(478, 36, 0),
(478, 37, 0),
(481, 32, 0),
(481, 35, 0),
(481, 36, 0),
(485, 35, 0),
(485, 36, 0),
(489, 35, 0),
(489, 36, 0),
(492, 39, 0),
(496, 35, 0),
(496, 39, 0),
(500, 35, 0),
(500, 39, 0),
(533, 9, 0),
(550, 33, 0),
(550, 36, 0),
(550, 37, 0),
(557, 33, 0),
(557, 36, 0),
(559, 33, 0),
(559, 36, 0),
(559, 37, 0),
(561, 32, 0),
(561, 33, 0),
(561, 36, 0),
(561, 37, 0),
(563, 32, 0),
(563, 34, 0),
(563, 36, 0),
(565, 34, 0),
(565, 36, 0),
(568, 33, 0),
(568, 36, 0),
(571, 34, 0),
(571, 36, 0),
(576, 34, 0),
(576, 36, 0),
(578, 33, 0),
(578, 36, 0),
(580, 34, 0),
(580, 36, 0),
(586, 34, 0),
(586, 36, 0),
(590, 35, 0),
(590, 38, 0),
(590, 39, 0),
(594, 14, 0),
(617, 35, 0),
(617, 38, 0),
(617, 39, 0),
(660, 9, 0),
(663, 9, 0),
(768, 9, 0),
(820, 5, 0),
(821, 5, 0),
(938, 33, 0),
(938, 36, 0),
(938, 37, 0);

-- --------------------------------------------------------

--
-- Table structure for table `wpterm_taxonomy`
--

CREATE TABLE `wpterm_taxonomy` (
  `term_taxonomy_id` bigint(20) unsigned NOT NULL AUTO_INCREMENT,
  `term_id` bigint(20) unsigned NOT NULL DEFAULT 0,
  `taxonomy` varchar(32) NOT NULL DEFAULT '',
  `description` longtext NOT NULL,
  `parent` bigint(20) unsigned NOT NULL DEFAULT 0,
  `count` bigint(20) NOT NULL DEFAULT 0,
  PRIMARY KEY (`term_taxonomy_id`),
  UNIQUE KEY `term_id_taxonomy` (`term_id`,`taxonomy`),
  KEY `taxonomy` (`taxonomy`)
) ENGINE=InnoDB  DEFAULT CHARSET=utf8mb3 COLLATE=utf8mb3_general_ci;

--
-- Dumping data for table `wpterm_taxonomy`
--

INSERT INTO `wpterm_taxonomy` VALUES
(1, 1, 'category', '', 0, 1),
(2, 2, 'wp_theme', '', 0, 1),
(3, 3, 'wp_theme', '', 0, 1),
(4, 4, 'elementor_library_type', '', 0, 2),
(5, 5, 'nav_menu', '', 0, 4),
(6, 6, 'category', '', 0, 0),
(7, 7, 'post_tag', '', 0, 1),
(8, 8, 'post_tag', '', 0, 1),
(9, 9, 'elementor_library_type', '', 0, 3),
(10, 10, 'category', '', 0, 0),
(11, 11, 'category', '', 0, 0),
(12, 12, 'category', '', 0, 0),
(13, 13, 'category', '', 0, 0),
(14, 14, 'elementor_library_type', '', 0, 1),
(15, 15, 'elementor_library_type', '', 0, 1),
(16, 16, 'tools', '', 0, 1),
(17, 17, 'tools', '', 0, 1),
(18, 18, 'tools', '', 0, 1),
(19, 19, 'tools', '', 0, 1),
(20, 20, 'tools', '', 0, 1),
(21, 21, 'keyword', '', 0, 1),
(22, 22, 'keyword', '', 0, 1),
(23, 23, 'keyword', '', 0, 1),
(24, 24, 'keyword', '', 0, 1),
(25, 25, 'keyword', '', 0, 1),
(26, 26, 'keyword', '', 0, 1),
(27, 27, 'keyword', '', 0, 1),
(28, 28, 'keyword', '', 0, 1),
(29, 29, 'category', '', 0, 0),
(30, 30, 'category', '', 0, 0),
(31, 31, 'category', '', 0, 0),
(32, 32, 'project_category', '', 0, 4),
(33, 33, 'project_category', '', 0, 11),
(34, 34, 'project_category', '', 0, 6),
(35, 35, 'project_category', '', 0, 7),
(36, 36, 'project_category', '', 0, 20),
(37, 37, 'project_category', '', 0, 5),
(38, 38, 'project_category', '', 0, 2),
(39, 39, 'project_category', '', 0, 5);

-- --------------------------------------------------------

--
-- Table structure for table `wpusermeta`
--

CREATE TABLE `wpusermeta` (
  `umeta_id` bigint(20) unsigned NOT NULL AUTO_INCREMENT,
  `user_id` bigint(20) unsigned NOT NULL DEFAULT 0,
  `meta_key` varchar(255) DEFAULT NULL,
  `meta_value` longtext DEFAULT NULL,
  PRIMARY KEY (`umeta_id`),
  KEY `user_id` (`user_id`),
  KEY `meta_key` (`meta_key`(191))
) ENGINE=InnoDB  DEFAULT CHARSET=utf8mb3 COLLATE=utf8mb3_general_ci;

--
-- Dumping data for table `wpusermeta`
--

INSERT INTO `wpusermeta` VALUES
(1, 1, 'nickname', 'portoadib'),
(2, 1, 'first_name', ''),
(3, 1, 'last_name', ''),
(4, 1, 'description', ''),
(5, 1, 'rich_editing', 'true'),
(6, 1, 'syntax_highlighting', 'true'),
(7, 1, 'comment_shortcuts', 'false'),
(8, 1, 'admin_color', 'fresh'),
(9, 1, 'use_ssl', '0'),
(10, 1, 'show_admin_bar_front', 'true'),
(11, 1, 'locale', ''),
(12, 1, 'wpcapabilities', 'a:1:{s:13:"administrator";b:1;}'),
(13, 1, 'wpuser_level', '10'),
(14, 1, 'dismissed_wp_pointers', ''),
(15, 1, 'show_welcome_panel', '1'),
(16, 1, 'session_tokens', 'a:1:{s:64:"90b0e0af855c64ef5e6e8e1ab0d30ee1677efe6ef508f5ffb11383fc6645a3e6";a:4:{s:10:"expiration";i:1768558751;s:2:"ip";s:15:"180.252.172.150";s:2:"ua";s:111:"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/143.0.0.0 Safari/537.36";s:5:"login";i:1768385951;}}'),
(17, 1, 'wpdashboard_quick_press_last_post_id', '999'),
(18, 1, 'community-events-location', 'a:1:{s:2:"ip";s:13:"180.252.172.0";}'),
(19, 1, 'wppersisted_preferences', 'a:3:{s:4:"core";a:3:{s:26:"isComplementaryAreaVisible";b:1;s:24:"enableChoosePatternModal";b:1;s:10:"openPanels";a:3:{i:0;s:11:"post-status";i:1;s:23:"taxonomy-panel-category";i:2;s:23:"taxonomy-panel-post_tag";}}s:14:"core/edit-post";a:3:{s:12:"welcomeGuide";b:0;s:19:"metaBoxesMainIsOpen";b:1;s:23:"metaBoxesMainOpenHeight";i:677;}s:9:"_modified";s:24:"2025-12-26T07:34:10.871Z";}'),
(20, 1, 'wpelementor_connect_common_data', 'a:3:{s:9:"client_id";s:32:"dlN9oP2bpfL1CT6MO0zi4Z6Z4kmH5bXg";s:11:"auth_secret";s:32:"BIjOCcFSz909iO8bCfudzwhnelghYwBN";s:5:"state";s:12:"SL4rdPtsvwUh";}'),
(21, 1, 'elementor_introduction', 'a:2:{s:27:"ai-get-started-announcement";b:1;s:20:"globals_introduction";b:1;}'),
(22, 1, 'managenav-menuscolumnshidden', 'a:5:{i:0;s:11:"link-target";i:1;s:11:"css-classes";i:2;s:3:"xfn";i:3;s:11:"description";i:4;s:15:"title-attribute";}'),
(23, 1, 'metaboxhidden_nav-menus', 'a:1:{i:0;s:12:"add-post_tag";}'),
(24, 1, 'wpuser-settings', 'libraryContent=browse&editor=tinymce'),
(25, 1, 'wpuser-settings-time', '1765906411'),
(26, 1, 'manageedit-acf-post-typecolumnshidden', 'a:1:{i:0;s:7:"acf-key";}'),
(27, 1, 'acf_user_settings', 'a:2:{s:19:"post-type-first-run";b:1;s:20:"taxonomies-first-run";b:1;}'),
(28, 1, 'manageedit-acf-taxonomycolumnshidden', 'a:1:{i:0;s:7:"acf-key";}'),
(29, 2, 'nickname', 'untukagentai'),
(30, 2, 'first_name', ''),
(31, 2, 'last_name', ''),
(32, 2, 'description', ''),
(33, 2, 'rich_editing', 'true'),
(34, 2, 'syntax_highlighting', 'true'),
(35, 2, 'comment_shortcuts', 'false'),
(36, 2, 'admin_color', 'fresh'),
(37, 2, 'use_ssl', '0'),
(38, 2, 'show_admin_bar_front', 'true'),
(39, 2, 'locale', ''),
(40, 2, 'wpcapabilities', 'a:1:{s:13:"administrator";b:1;}'),
(41, 2, 'wpuser_level', '10'),
(42, 2, 'dismissed_wp_pointers', ''),
(43, 2, 'session_tokens', 'a:7:{s:64:"eb9518f6d3f3cf653b42154e6a9924d8f267ae41005278a4db9df91598c04347";a:4:{s:10:"expiration";i:1767085854;s:2:"ip";s:13:"104.28.236.79";s:2:"ua";s:117:"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/141.0.0.0 Safari/537.36";s:5:"login";i:1765876254;}s:64:"43301bc7d0f6965868878a8592899b043c5fd7e42583bb9cf1c2bd36481d39c6";a:4:{s:10:"expiration";i:1766501042;s:2:"ip";s:13:"104.28.204.80";s:2:"ua";s:117:"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/141.0.0.0 Safari/537.36";s:5:"login";i:1766328242;}s:64:"145c4c2d2d01805256cfb2bca263aa72543d4895d40ee92daa647a23100df36f";a:4:{s:10:"expiration";i:1766611541;s:2:"ip";s:13:"104.28.240.84";s:2:"ua";s:114:"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.85 Safari/537.36";s:5:"login";i:1766438741;}s:64:"71ba37a79553632d7469b58c5a1ffddd829c590aacc42aabbf7f435c6a86400e";a:4:{s:10:"expiration";i:1766613235;s:2:"ip";s:14:"103.150.68.195";s:2:"ua";s:114:"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.85 Safari/537.36";s:5:"login";i:1766440435;}s:64:"84b635862b31d095b0dbd613cf0e20031463eb03089610a83e10bf1b3323a3ec";a:4:{s:10:"expiration";i:1766623256;s:2:"ip";s:13:"104.28.208.86";s:2:"ua";s:11:"Mozilla/5.0";s:5:"login";i:1766450456;}s:64:"62f03168ab263f0ae1402bdbb780fe65d0962fd2249cad1efaf50e01e9447d6a";a:4:{s:10:"expiration";i:1766625837;s:2:"ip";s:13:"46.203.28.254";s:2:"ua";s:116:"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.6045.160 Safari/537.36";s:5:"login";i:1766453037;}s:64:"ab238b829836a7ec6bdf3df5db38249b91dc45b905d93b64d31013348f72e2f5";a:4:{s:10:"expiration";i:1766630791;s:2:"ip";s:14:"167.100.105.61";s:2:"ua";s:115:"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.5993.89 Safari/537.36";s:5:"login";i:1766457991;}}'),
(44, 2, 'wpdashboard_quick_press_last_post_id', '958'),
(45, 2, 'community-events-location', 'a:1:{s:2:"ip";s:11:"38.76.140.0";}'),
(46, 2, 'manageedit-acf-post-typecolumnshidden', 'a:1:{i:0;s:7:"acf-key";}'),
(47, 2, 'acf_user_settings', 'a:1:{s:19:"post-type-first-run";b:1;}'),
(48, 2, 'closedpostboxes_acf-field-group', 'a:0:{}'),
(49, 2, 'metaboxhidden_acf-field-group', 'a:1:{i:0;s:7:"slugdiv";}'),
(50, 2, 'elementor_introduction', 'a:2:{s:27:"ai-get-started-announcement";b:1;s:20:"globals_introduction";b:1;}'),
(51, 2, 'elementor_dismissed_editor_notices', 'a:1:{i:0;s:20:"image_optimizer_hint";}'),
(52, 2, 'wpuser-settings', 'libraryContent=browse&editor=tinymce'),
(53, 2, 'wpuser-settings-time', '1765791745'),
(55, 2, 'wpyoast_notifications', 'a:2:{i:0;a:2:{s:7:"message";s:218:"<p>Looks like you’re new here. Yoast SEO makes it easy to optimize your website for search engines. Want to keep your site healthy and easier to find? Sign up below to receive practical emails to get you started!</p>";s:7:"options";a:11:{s:4:"type";s:7:"warning";s:2:"id";s:23:"wpseo-ping-other-admins";s:7:"user_id";i:2;s:5:"nonce";N;s:8:"priority";i:1;s:9:"data_json";a:0:{}s:13:"dismissal_key";N;s:12:"capabilities";a:1:{i:0;s:20:"wpseo_manage_options";}s:16:"capability_check";s:3:"all";s:14:"yoast_branding";b:0;s:13:"resolve_nonce";s:10:"1d33dc0d25";}}i:1;a:2:{s:7:"message";O:61:"Yoast\\WP\\SEO\\Presenters\\Admin\\Indexing_Notification_Presenter":3:{s:18:"\0*\0total_unindexed";i:74;s:9:"\0*\0reason";s:26:"permalink_settings_changed";s:20:"\0*\0short_link_helper";O:38:"Yoast\\WP\\SEO\\Helpers\\Short_Link_Helper":2:{s:17:"\0*\0options_helper";O:35:"Yoast\\WP\\SEO\\Helpers\\Options_Helper":0:{}s:17:"\0*\0product_helper";O:35:"Yoast\\WP\\SEO\\Helpers\\Product_Helper":0:{}}}s:7:"options";a:11:{s:4:"type";s:7:"warning";s:2:"id";s:13:"wpseo-reindex";s:7:"user_id";i:2;s:5:"nonce";N;s:8:"priority";d:0.8000000000000000444089209850062616169452667236328125;s:9:"data_json";a:0:{}s:13:"dismissal_key";N;s:12:"capabilities";s:20:"wpseo_manage_options";s:16:"capability_check";s:3:"all";s:14:"yoast_branding";b:0;s:13:"resolve_nonce";s:0:"";}}}'),
(56, 1, '_yoast_wpseo_introductions', 'a:0:{}'),
(58, 1, 'meta-box-order_project', 'a:4:{s:15:"acf_after_title";s:0:"";s:4:"side";s:127:"submitdiv,postexcerpt,postimagediv,categorydiv,project_categorydiv,tagsdiv-post_tag,tagsdiv-tools,tagsdiv-keyword,pageparentdiv";s:6:"normal";s:44:"acf-group_6938d3ef66486,slugdiv,revisionsdiv";s:8:"advanced";s:0:"";}'),
(59, 1, 'screen_layout_project', '2'),
(60, 1, 'closedpostboxes_project', 'a:0:{}'),
(61, 1, 'metaboxhidden_project', 'a:1:{i:0;s:7:"slugdiv";}'),
(62, 2, 'meta-box-order_project', 'a:4:{s:15:"acf_after_title";s:0:"";s:4:"side";s:107:"postexcerpt,postimagediv,categorydiv,tagsdiv-post_tag,tagsdiv-tools,tagsdiv-keyword,submitdiv,pageparentdiv";s:6:"normal";s:31:"acf-group_6938d3ef66486,slugdiv";s:8:"advanced";s:0:"";}'),
(63, 2, 'screen_layout_project', '2'),
(64, 2, 'closedpostboxes_project', 'a:0:{}'),
(65, 2, 'metaboxhidden_project', 'a:1:{i:0;s:7:"slugdiv";}'),
(66, 1, 'nav_menu_recently_edited', '5'),
(67, 3, 'nickname', 'trumpweiss'),
(68, 3, 'first_name', ''),
(69, 3, 'last_name', ''),
(70, 3, 'description', ''),
(71, 3, 'rich_editing', 'true'),
(72, 3, 'syntax_highlighting', 'true'),
(73, 3, 'comment_shortcuts', 'false'),
(74, 3, 'admin_color', 'fresh'),
(75, 3, 'use_ssl', '0'),
(76, 3, 'show_admin_bar_front', 'true'),
(77, 3, 'locale', ''),
(78, 3, 'wpcapabilities', 'a:1:{s:13:"administrator";b:1;}'),
(79, 3, 'wpuser_level', '10'),
(80, 3, 'dismissed_wp_pointers', ''),
(81, 4, 'nickname', 'adminbockup'),
(82, 4, 'first_name', ''),
(83, 4, 'last_name', ''),
(84, 4, 'description', ''),
(85, 4, 'rich_editing', 'true'),
(86, 4, 'syntax_highlighting', 'true'),
(87, 4, 'comment_shortcuts', 'false'),
(88, 4, 'admin_color', 'fresh'),
(89, 4, 'use_ssl', '0'),
(90, 4, 'show_admin_bar_front', 'true'),
(91, 4, 'locale', ''),
(92, 4, 'wpcapabilities', 'a:1:{s:13:"administrator";b:1;}'),
(93, 4, 'wpuser_level', '10'),
(96, 4, '_yoast_wpseo_profile_updated', '1768386800'),
(97, 1, '_yoast_wpseo_profile_updated', '1768386800'),
(98, 3, '_yoast_wpseo_profile_updated', '1768386800'),
(99, 2, '_yoast_wpseo_profile_updated', '1768386800');

-- --------------------------------------------------------

--
-- Table structure for table `wpusers`
--

CREATE TABLE `wpusers` (
  `ID` bigint(20) unsigned NOT NULL AUTO_INCREMENT,
  `user_login` varchar(60) NOT NULL DEFAULT '',
  `user_pass` varchar(255) NOT NULL DEFAULT '',
  `user_nicename` varchar(50) NOT NULL DEFAULT '',
  `user_email` varchar(100) NOT NULL DEFAULT '',
  `user_url` varchar(100) NOT NULL DEFAULT '',
  `user_registered` datetime NOT NULL DEFAULT '0000-00-00 00:00:00',
  `user_activation_key` varchar(255) NOT NULL DEFAULT '',
  `user_status` int(11) NOT NULL DEFAULT 0,
  `display_name` varchar(250) NOT NULL DEFAULT '',
  PRIMARY KEY (`ID`),
  KEY `user_login_key` (`user_login`),
  KEY `user_nicename` (`user_nicename`),
  KEY `user_email` (`user_email`)
) ENGINE=InnoDB  DEFAULT CHARSET=utf8mb3 COLLATE=utf8mb3_general_ci;

--
-- Dumping data for table `wpusers`
--

INSERT INTO `wpusers` VALUES
(1, 'portoadib', '$wp$2y$12$OpxR7oU4lnTV1MXpjnvFUOO5h1l9d8RQWYUTj.ghYCr2wCKfDBCAm', 'portoadib', 'admin@portoadib.my.id', 'https://portoadib.my.id', '2025-12-04 04:40:04', '', 0, 'portoadib'),
(2, 'untukagentai', '$wp$2y$12$AaR36AE4Qxay7Mq7zz.1Ce2yFvFsTFDqaCef2qk4x7ECheIhhCBwq', 'untukagentai', 'untukagentai@portoadib.my.id', '', '2025-12-15 07:20:24', '', 0, 'untukagentai'),
(3, 'trumpweiss', '$wp$2y$12$LxCLHyj12Vk4K2Kg5cnO4.eik27X78rcBORJH2ZVMxqmVGdMp3dDy', 'trumpweiss', 'portoadibbl@yahoo.com', '', '2025-12-23 01:24:15', '1766453055:$generic$KSeM-izg33pKVmRUwPJr6e51NxTbyd7JbbIdCFK4', 0, 'trumpweiss'),
(4, 'adminbockup', '$wp$2y$12$qas7eBLl4mcEoo6DabAqXeUEPw4mc/oE/4pBp5bIqvoYFR2/j5Pk2', 'adminbockup', 'adminbockup@wordpress.org', '', '2025-12-23 02:46:46', '', 0, 'adminbockup');

-- --------------------------------------------------------

--
-- Table structure for table `wpwpfm_backup`
--

CREATE TABLE `wpwpfm_backup` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `backup_name` text DEFAULT NULL,
  `backup_date` text DEFAULT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_520_ci;

-- --------------------------------------------------------

--
-- Table structure for table `wpwpmailsmtp_debug_events`
--

CREATE TABLE `wpwpmailsmtp_debug_events` (
  `id` int(10) unsigned NOT NULL AUTO_INCREMENT,
  `content` text DEFAULT NULL,
  `initiator` text DEFAULT NULL,
  `event_type` tinyint(3) unsigned NOT NULL DEFAULT 0,
  `created_at` timestamp NOT NULL DEFAULT current_timestamp(),
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_520_ci;

-- --------------------------------------------------------

--
-- Table structure for table `wpwpmailsmtp_tasks_meta`
--

CREATE TABLE `wpwpmailsmtp_tasks_meta` (
  `id` bigint(20) NOT NULL AUTO_INCREMENT,
  `action` varchar(255) NOT NULL,
  `data` longtext NOT NULL,
  `date` datetime NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_520_ci;

-- --------------------------------------------------------

--
-- Table structure for table `wpyoast_indexable`
--

CREATE TABLE `wpyoast_indexable` (
  `id` int(11) unsigned NOT NULL AUTO_INCREMENT,
  `permalink` longtext DEFAULT NULL,
  `permalink_hash` varchar(40) DEFAULT NULL,
  `object_id` bigint(20) DEFAULT NULL,
  `object_type` varchar(32) NOT NULL,
  `object_sub_type` varchar(32) DEFAULT NULL,
  `author_id` bigint(20) DEFAULT NULL,
  `post_parent` bigint(20) DEFAULT NULL,
  `title` text DEFAULT NULL,
  `description` mediumtext DEFAULT NULL,
  `breadcrumb_title` text DEFAULT NULL,
  `post_status` varchar(20) DEFAULT NULL,
  `is_public` tinyint(1) DEFAULT NULL,
  `is_protected` tinyint(1) DEFAULT 0,
  `has_public_posts` tinyint(1) DEFAULT NULL,
  `number_of_pages` int(11) unsigned DEFAULT NULL,
  `canonical` longtext DEFAULT NULL,
  `primary_focus_keyword` varchar(191) DEFAULT NULL,
  `primary_focus_keyword_score` int(3) DEFAULT NULL,
  `readability_score` int(3) DEFAULT NULL,
  `is_cornerstone` tinyint(1) DEFAULT 0,
  `is_robots_noindex` tinyint(1) DEFAULT 0,
  `is_robots_nofollow` tinyint(1) DEFAULT 0,
  `is_robots_noarchive` tinyint(1) DEFAULT 0,
  `is_robots_noimageindex` tinyint(1) DEFAULT 0,
  `is_robots_nosnippet` tinyint(1) DEFAULT 0,
  `twitter_title` text DEFAULT NULL,
  `twitter_image` longtext DEFAULT NULL,
  `twitter_description` longtext DEFAULT NULL,
  `twitter_image_id` varchar(191) DEFAULT NULL,
  `twitter_image_source` text DEFAULT NULL,
  `open_graph_title` text DEFAULT NULL,
  `open_graph_description` longtext DEFAULT NULL,
  `open_graph_image` longtext DEFAULT NULL,
  `open_graph_image_id` varchar(191) DEFAULT NULL,
  `open_graph_image_source` text DEFAULT NULL,
  `open_graph_image_meta` mediumtext DEFAULT NULL,
  `link_count` int(11) DEFAULT NULL,
  `incoming_link_count` int(11) DEFAULT NULL,
  `prominent_words_version` int(11) unsigned DEFAULT NULL,
  `created_at` datetime DEFAULT NULL,
  `updated_at` timestamp NOT NULL DEFAULT current_timestamp() ON UPDATE current_timestamp(),
  `blog_id` bigint(20) NOT NULL DEFAULT 1,
  `language` varchar(32) DEFAULT NULL,
  `region` varchar(32) DEFAULT NULL,
  `schema_page_type` varchar(64) DEFAULT NULL,
  `schema_article_type` varchar(64) DEFAULT NULL,
  `has_ancestors` tinyint(1) DEFAULT 0,
  `estimated_reading_time_minutes` int(11) DEFAULT NULL,
  `version` int(11) DEFAULT 1,
  `object_last_modified` datetime DEFAULT NULL,
  `object_published_at` datetime DEFAULT NULL,
  `inclusive_language_score` int(3) DEFAULT NULL,
  PRIMARY KEY (`id`),
  KEY `object_type_and_sub_type` (`object_type`,`object_sub_type`),
  KEY `object_id_and_type` (`object_id`,`object_type`),
  KEY `permalink_hash_and_object_type` (`permalink_hash`,`object_type`),
  KEY `subpages` (`post_parent`,`object_type`,`post_status`,`object_id`),
  KEY `prominent_words` (`prominent_words_version`,`object_type`,`object_sub_type`,`post_status`),
  KEY `published_sitemap_index` (`object_published_at`,`is_robots_noindex`,`object_type`,`object_sub_type`)
) ENGINE=InnoDB  DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_520_ci;

--
-- Dumping data for table `wpyoast_indexable`
--

INSERT INTO `wpyoast_indexable` VALUES
(1, 'https://portoadib.my.id/', '24:46555d65e431583442b055c5d355d8aa', NULL, 'home-page', NULL, NULL, NULL, '%%sitename%% %%page%% %%sep%% %%sitedesc%%', 'Adib&#039;s Portfolio', 'Home', NULL, NULL, 0, NULL, NULL, NULL, NULL, NULL, NULL, 0, 0, 0, 0, 0, 0, NULL, NULL, NULL, NULL, NULL, '%%sitename%%', '', '', '0', NULL, NULL, NULL, 2, NULL, '2025-12-15 09:57:39', '2025-12-15 10:23:30', 1, NULL, NULL, NULL, NULL, 0, NULL, 2, '2025-12-15 10:23:29', '2025-12-04 04:40:04', NULL),
(2, NULL, NULL, NULL, 'system-page', '404', NULL, NULL, 'Page not found %%sep%% %%sitename%%', NULL, 'Error 404: Page not found', NULL, NULL, 0, NULL, NULL, NULL, NULL, NULL, NULL, 0, 1, 0, 0, 0, 0, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, '2025-12-15 09:57:40', '2025-12-15 09:57:40', 1, NULL, NULL, NULL, NULL, 0, NULL, 1, NULL, NULL, NULL),
(3, 'https://portoadib.my.id/', '24:46555d65e431583442b055c5d355d8aa', 21, 'post', 'page', 1, 0, NULL, NULL, 'Home', 'publish', NULL, 0, NULL, NULL, NULL, NULL, NULL, 0, 0, NULL, 0, NULL, NULL, NULL, NULL, 'https://portoadib.my.id/wp-content/uploads/2025/12/LinkedIn_icon.svg', NULL, NULL, 'first-content-image', NULL, NULL, 'https://portoadib.my.id/wp-content/uploads/2025/12/LinkedIn_icon.svg', NULL, 'first-content-image', NULL, NULL, NULL, NULL, '2025-12-15 09:58:05', '2025-12-15 09:58:05', 1, NULL, NULL, NULL, NULL, 0, NULL, 2, '2025-12-15 08:43:53', '2025-12-04 08:04:00', 0),
(4, 'https://portoadib.my.id/author/portoadib/', '41:d85fb699bc4548b821544bfbbedc90c8', 1, 'user', NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, 0, 0, NULL, NULL, NULL, NULL, NULL, 0, 0, NULL, NULL, NULL, NULL, NULL, 'https://secure.gravatar.com/avatar/9a938889af21b827666a08442135dc25ac438f2b5cf492cbaa190c296737f90c?s=500&d=mm&r=g', NULL, NULL, 'gravatar-image', NULL, NULL, 'https://secure.gravatar.com/avatar/9a938889af21b827666a08442135dc25ac438f2b5cf492cbaa190c296737f90c?s=500&d=mm&r=g', NULL, 'gravatar-image', NULL, NULL, NULL, NULL, '2025-12-15 09:58:05', '2025-12-15 10:23:30', 1, NULL, NULL, NULL, NULL, 0, NULL, 2, '2025-12-15 10:23:29', '2025-12-04 04:40:04', NULL),
(5, 'https://portoadib.my.id/tools/adobe-premiere-pro/', '49:70a0ba1d107cdc90129700b45a5dcc59', 19, 'term', 'tools', NULL, NULL, NULL, NULL, 'Adobe Premiere Pro', NULL, NULL, 0, NULL, NULL, NULL, NULL, NULL, NULL, 0, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, 0, NULL, '2025-12-15 10:00:32', '2025-12-15 17:23:30', 1, NULL, NULL, NULL, NULL, 0, NULL, 2, '2025-12-15 09:01:16', '2025-12-10 02:27:35', NULL),
(6, 'https://portoadib.my.id/keyword/e-learning/', '43:e930e8ece050134b4b7544f3ebf56161', 28, 'term', 'keyword', NULL, NULL, NULL, NULL, 'e-Learning', NULL, NULL, 0, NULL, NULL, NULL, NULL, NULL, NULL, 0, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, 0, NULL, '2025-12-15 10:00:41', '2025-12-15 17:23:30', 1, NULL, NULL, NULL, NULL, 0, NULL, 2, '2025-12-15 09:01:16', '2025-12-10 02:27:35', NULL),
(7, 'https://portoadib.my.id/tag/web-app/', '36:e061689890c462def41726d8d33d4c16', 8, 'term', 'post_tag', NULL, NULL, NULL, NULL, 'Web App', NULL, NULL, 0, NULL, NULL, NULL, NULL, NULL, NULL, 0, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, '2025-12-15 10:01:17', '2025-12-15 10:01:17', 1, NULL, NULL, NULL, NULL, 0, NULL, 2, '2025-12-15 09:01:16', '2025-12-10 02:27:35', NULL),
(8, 'https://portoadib.my.id/tools/trello/', '37:e2b8a95cccd7e2f403da04928322d16f', 17, 'term', 'tools', NULL, NULL, NULL, NULL, 'Trello', NULL, NULL, 0, NULL, NULL, NULL, NULL, NULL, NULL, 0, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, 0, NULL, '2025-12-15 10:05:25', '2025-12-15 17:23:30', 1, NULL, NULL, NULL, NULL, 0, NULL, 2, '2025-12-15 09:01:16', '2025-12-10 02:27:35', NULL),
(9, 'https://portoadib.my.id/tools/canva/', '36:1a8e5a672cfbc7a9ada4e3d3a27cd98f', 18, 'term', 'tools', NULL, NULL, NULL, NULL, 'Canva', NULL, NULL, 0, NULL, NULL, NULL, NULL, NULL, NULL, 0, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, 0, NULL, '2025-12-15 10:06:49', '2025-12-15 17:23:30', 1, NULL, NULL, NULL, NULL, 0, NULL, 2, '2025-12-15 09:01:16', '2025-12-10 02:27:35', NULL),
(10, 'https://portoadib.my.id/keyword/learning-management-system/', '59:1ca77d24922441a4f43176376f488fb3', 23, 'term', 'keyword', NULL, NULL, NULL, NULL, 'Learning Management System', NULL, NULL, 0, NULL, NULL, NULL, NULL, NULL, NULL, 0, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, 0, NULL, '2025-12-15 10:06:57', '2025-12-15 17:23:30', 1, NULL, NULL, NULL, NULL, 0, NULL, 2, '2025-12-15 09:01:16', '2025-12-10 02:27:35', NULL),
(11, 'https://portoadib.my.id/keyword/ui-ux-design/', '45:c0d13c4aab611e8d9e05f28b9ff53fb1', 21, 'term', 'keyword', NULL, NULL, NULL, NULL, 'UI/UX Design', NULL, NULL, 0, NULL, NULL, NULL, NULL, NULL, NULL, 0, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, 0, NULL, '2025-12-15 10:07:45', '2025-12-15 17:23:30', 1, NULL, NULL, NULL, NULL, 0, NULL, 2, '2025-12-15 09:01:16', '2025-12-10 02:27:35', NULL),
(12, 'https://portoadib.my.id/tools/figma/', '36:5ae2ec8141c88f9902815c23c4b044db', 16, 'term', 'tools', NULL, NULL, NULL, NULL, 'Figma', NULL, NULL, 0, NULL, NULL, NULL, NULL, NULL, NULL, 0, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, 0, NULL, '2025-12-15 10:07:53', '2025-12-15 17:23:30', 1, NULL, NULL, NULL, NULL, 0, NULL, 2, '2025-12-15 09:01:16', '2025-12-10 02:27:35', NULL),
(13, 'https://portoadib.my.id/keyword/detikcom/', '41:2a9f0738fc58f636c8e589183f01da06', 27, 'term', 'keyword', NULL, NULL, NULL, NULL, 'detikcom', NULL, NULL, 0, NULL, NULL, NULL, NULL, NULL, NULL, 0, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, 0, NULL, '2025-12-15 10:08:38', '2025-12-15 17:23:30', 1, NULL, NULL, NULL, NULL, 0, NULL, 2, '2025-12-15 09:01:16', '2025-12-10 02:27:35', NULL),
(14, 'https://portoadib.my.id/detiklearning/', '38:5e84420126572f1d0afd6b1ca77a1bff', 373, 'post', 'page', 1, 0, NULL, NULL, 'detikLearning', 'publish', NULL, 0, NULL, NULL, NULL, NULL, NULL, 0, 0, NULL, 0, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, 2, NULL, NULL, '2025-12-15 10:17:14', '2025-12-15 10:23:30', 1, NULL, NULL, NULL, NULL, 0, NULL, 2, '2025-12-15 10:23:29', '2025-12-15 09:02:25', 0),
(15, 'https://portoadib.my.id/', '24:46555d65e431583442b055c5d355d8aa', 36, 'post', 'page', 1, 0, NULL, NULL, 'About', 'publish', NULL, 0, NULL, NULL, NULL, NULL, NULL, 0, 0, NULL, 0, NULL, NULL, NULL, NULL, 'https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib.png', NULL, NULL, 'first-content-image', NULL, NULL, 'https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib.png', NULL, 'first-content-image', NULL, NULL, NULL, NULL, '2026-01-14 10:27:08', '2026-01-14 10:27:08', 1, NULL, NULL, NULL, NULL, 0, NULL, 2, '2025-12-26 09:13:55', '2025-12-15 08:44:45', 0),
(16, 'https://portoadib.my.id/projects/', '33:810b96c9e9901c43ace6ebe5dfaafb30', 467, 'post', 'page', 1, 0, NULL, NULL, 'Projects', 'publish', NULL, 0, NULL, NULL, NULL, NULL, NULL, 0, 0, NULL, 0, NULL, NULL, NULL, NULL, 'https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib.png', NULL, NULL, 'first-content-image', NULL, NULL, 'https://portoadib.my.id/wp-content/uploads/2025/12/Asset-Hero-About-PortoAdib.png', NULL, 'first-content-image', NULL, NULL, NULL, NULL, '2026-01-14 10:27:08', '2026-01-14 10:27:08', 1, NULL, NULL, NULL, NULL, 0, NULL, 2, '2025-12-22 06:09:21', '2025-12-16 08:57:01', 0);

-- --------------------------------------------------------

--
-- Table structure for table `wpyoast_indexable_hierarchy`
--

CREATE TABLE `wpyoast_indexable_hierarchy` (
  `indexable_id` int(11) unsigned NOT NULL,
  `ancestor_id` int(11) unsigned NOT NULL,
  `depth` int(11) unsigned DEFAULT NULL,
  `blog_id` bigint(20) NOT NULL DEFAULT 1,
  PRIMARY KEY (`indexable_id`,`ancestor_id`),
  KEY `indexable_id` (`indexable_id`),
  KEY `ancestor_id` (`ancestor_id`),
  KEY `depth` (`depth`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_520_ci;

--
-- Dumping data for table `wpyoast_indexable_hierarchy`
--

INSERT INTO `wpyoast_indexable_hierarchy` VALUES
(3, 0, 0, 1),
(5, 0, 0, 1),
(6, 0, 0, 1),
(7, 0, 0, 1),
(8, 0, 0, 1),
(9, 0, 0, 1),
(10, 0, 0, 1),
(11, 0, 0, 1),
(12, 0, 0, 1),
(13, 0, 0, 1),
(14, 0, 0, 1),
(15, 0, 0, 1),
(16, 0, 0, 1);

-- --------------------------------------------------------

--
-- Table structure for table `wpyoast_migrations`
--

CREATE TABLE `wpyoast_migrations` (
  `id` int(11) unsigned NOT NULL AUTO_INCREMENT,
  `version` varchar(191) DEFAULT NULL,
  PRIMARY KEY (`id`),
  UNIQUE KEY `wpyoast_migrations_version` (`version`)
) ENGINE=InnoDB  DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_520_ci;

--
-- Dumping data for table `wpyoast_migrations`
--

INSERT INTO `wpyoast_migrations` VALUES
(1, '20171228151840'),
(2, '20171228151841'),
(3, '20190529075038'),
(4, '20191011111109'),
(5, '20200408101900'),
(6, '20200420073606'),
(7, '20200428123747'),
(8, '20200428194858'),
(9, '20200429105310'),
(10, '20200430075614'),
(11, '20200430150130'),
(12, '20200507054848'),
(13, '20200513133401'),
(14, '20200609154515'),
(15, '20200616130143'),
(16, '20200617122511'),
(17, '20200702141921'),
(18, '20200728095334'),
(19, '20201202144329'),
(20, '20201216124002'),
(21, '20201216141134'),
(22, '20210817092415'),
(23, '20211020091404'),
(24, '20230417083836');

-- --------------------------------------------------------

--
-- Table structure for table `wpyoast_primary_term`
--

CREATE TABLE `wpyoast_primary_term` (
  `id` int(11) unsigned NOT NULL AUTO_INCREMENT,
  `post_id` bigint(20) DEFAULT NULL,
  `term_id` bigint(20) DEFAULT NULL,
  `taxonomy` varchar(32) NOT NULL,
  `created_at` datetime DEFAULT NULL,
  `updated_at` timestamp NOT NULL DEFAULT current_timestamp() ON UPDATE current_timestamp(),
  `blog_id` bigint(20) NOT NULL DEFAULT 1,
  PRIMARY KEY (`id`),
  KEY `post_taxonomy` (`post_id`,`taxonomy`),
  KEY `post_term` (`post_id`,`term_id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_520_ci;

-- --------------------------------------------------------

--
-- Table structure for table `wpyoast_seo_links`
--

CREATE TABLE `wpyoast_seo_links` (
  `id` bigint(20) unsigned NOT NULL AUTO_INCREMENT,
  `url` varchar(255) DEFAULT NULL,
  `post_id` bigint(20) unsigned DEFAULT NULL,
  `target_post_id` bigint(20) unsigned DEFAULT NULL,
  `type` varchar(8) DEFAULT NULL,
  `indexable_id` int(11) unsigned DEFAULT NULL,
  `target_indexable_id` int(11) unsigned DEFAULT NULL,
  `height` int(11) unsigned DEFAULT NULL,
  `width` int(11) unsigned DEFAULT NULL,
  `size` int(11) unsigned DEFAULT NULL,
  `language` varchar(32) DEFAULT NULL,
  `region` varchar(32) DEFAULT NULL,
  PRIMARY KEY (`id`),
  KEY `link_direction` (`post_id`,`type`),
  KEY `indexable_link_direction` (`indexable_id`,`type`)
) ENGINE=InnoDB  DEFAULT CHARSET=utf8mb3 COLLATE=utf8mb3_general_ci;

--
-- Dumping data for table `wpyoast_seo_links`
--

INSERT INTO `wpyoast_seo_links` VALUES
(1, 'https://portoadib.my.id/', 373, NULL, 'internal', 14, 1, NULL, NULL, NULL, NULL, NULL),
(16, 'https://portoadib.my.id/', 373, NULL, 'internal', 14, 1, NULL, NULL, NULL, NULL, NULL);

-- --------------------------------------------------------

