Welcome to my personal
Portfolio
In this website you will find some of my work
About me
My name is Surya Ario Pratama, an Informatics Engineering graduate (GPA: 3.82 / 4.00) and tech enthusiast who loves turning complex ideas into high-performing digital solutions.
I bridge the gap between design and robust engineering by designing intuitive UI/UX concepts in Figma and translating them into speed-optimized frontends (Next.js/React) and secure, automated back-ends (Laravel/FastAPI).
For me, coding is not just about writing syntax, it is about driving business growth, automating manual bottlenecks, and securing user trust.
Core Expertise
Building scalable, high-performance web applications and data-driven solutions. I specialize in React/Next.js for rapid, conversion-focused frontends and Laravel/FastAPI for secure, automated, and robust back-ends.
Professional Highlights
- •Academic Excellence: Informatics Engineering graduate from Universitas Indo Global Mandiri with a stellar GPA of 3.82 / 4.00.
- •Proven Impact: Engineered and deployed official production web portals and HR management systems (SIMPEG) for academic institutions.
- •Data Science & AI: Published scientific research on classification models and predictive data algorithms (Jun 2025).
Availability
- •Open for Freelance / Contract / Project-based work
- •Open for Full-time Roles & Internships
How I Assist Your Business
Bridging the gap between code and commercial success. I design digital solutions focused on increasing revenue, saving operational hours, and securing user trust.
High-Converting Frontend
Speed & Conversion Optimization
Slow websites lose customers. I craft lightning-fast, visually stunning React & Next.js interfaces that captivate visitors, build immediate trust, and maximize conversion rates.
Operational Automation
Process Digitalization & Workflow Efficiency
Replace manual errors with seamless code. I build administrative dashboards, structured database back-ends, and integrations like the Google Drive API to automate repetitive workflows and save your business valuable time.
Shielded Security & Trust
Data Integrity & Bot Protection
A secure business is a trustworthy business. I secure sensitive user endpoints, integrate Google reCAPTCHA, implement standardized JWT token sessions, and use state-of-the-art Argon2 hashing to safeguard your digital assets.
Intelligent Data Insights
Smart Decision Making & Predictions
Leverage data to make smarter choices. I design and integrate machine learning prototypes (such as classification systems and pattern recognition) to help your business forecast demands and categorize operations.
Work & Organizations
Full Stack Web Developer
Universitas Indo Global Mandiri
Built a variety of websites for academic and university needs, focusing on high performance, data security, and seamless API integrations.
Vice Chair of System Apps Club (SYAP)
Club System Apps - Universitas Indo Global Mandiri
Assisted in leading the organization, designing application architectures, coordinating development teams, and mentoring members in modern web technologies.
Head of Teknova Division (IT)
Himpunan Mahasiswa Informatika (HMIF) - Universitas Indo Global Mandiri
Led the Technology and Innovation (Teknova) division, managing all digital infrastructure, websites, and technical programs under the Informatics Student Association.
My Journey
Starting Point
Started learning the basics of web development and writing my first lines of code. This was sparked by my interest in computer science and a desire to demystify how computers actually work.
Early College
Started college, actively building basic web projects while focusing on academic foundations.
First Practical Web Application
Applied my web development skills to solve real needs for the first time by building a thesis registration web application, transitioning from learning foundational theory to creating practical digital solutions for others.
Diverse & Collaborating Projects
Expanded my development capabilities by building and deploying websites for a wide range of needs, spanning personal projects, freelance clients, and college student organizations.
Institutional-Scale Development
Began engineering systems at an institutional level. Developed projects with complex business logic, requiring robust team communication, active project coordination, and strong time management.
My Projects
Discover how I leverage modern web technologies to build exceptional digital experiences. These case studies and designs showcase real-world client and personal success stories.
SuryaCell.co
Official business profile website for SuryaCell.co, a clean energy provider under Unit54p. Designed with a modern, high-performance landing page displaying clean energy solutions, real-time power metrics (12,000W+ capability), customer savings statistics, and core values including Accountability, Innovation, Reliability, and Sustainability.
Tenun Heritage
A cultural showcase and landing page for traditional textile weavers (Tenun). Crafted with warm, earth-toned visuals and elegant typography to highlight local craftsmanship and the history of every thread.
Aura Med Clinic Portal
A premium medical aesthetic, skin treatment, and wellness clinic web portal named AURA Med ("Where Care Meets Serenity"). Highlights signature aesthetic treatments, doctor consultation booking forms, client testimonials, and a team showcase featuring the founder, Dr. Surya Ario.
LandingBox - Website Builder SaaS
A high-converting SaaS landing page design for LandingBox, a modern website builder tool crafted to "boost your business." Includes a modular benefits grid, testimonials carousel, three-tiered pricing packages (Template $5, Custom $25, Flexible $100), and a comprehensive interactive FAQ system to maximize lead generation.
PPKPT Faculty of Medicine
An institutional-scale web portal and grievance redressal system for the PPKPT Satgas at the Faculty of Medicine, Universitas Indo Global Mandiri. Designed to provide a safe, secure, and anonymous environment for reporting violence or abuse, featuring digital guidelines, FAQ components, and incident reporting forms.
PPKPT UIGM
Integrated grievance redressal platform for abuse and harassment cases within the Indo Global Mandiri University campus, aiming to foster a safe academic environment.
Faculty of Medicine Web Portal
A comprehensive institutional landing page and web portal for the Faculty of Medicine at Universitas Indo Global Mandiri. Designed with a clean academic aesthetic, it features real clinical learning stats (73 students, 45 lecturers, 30+ partner clinics), study program exploration paths, direct portals for students/staff, and integrations for violence reporting.
SIMPEG UIGM
Integrated Human Resource Management Information System (SIMPEG) to manage faculty and staff directories, administrative profiles, attendance, and career tracking.
Interactive Personal Portfolio
Interactive personal portfolio website (this site) built using Next.js, React, Tailwind CSS, and GSAP ScrollTrigger for optimized performance and premium animations.
Digital Wedding Invitation - Elegant Classic
An elegant and classic responsive digital wedding invitation designed for Aris & Hana. Features a lush garden theme background with a live countdown timer (days, hours, minutes, seconds), RSVP guestbook system, music player controls, custom Google Maps direction tool, and structured event schedule details.
Digital Wedding Invitation - Modern Clean
A premium minimalist online wedding invitation showcasing a modern aesthetic for Aris & Hana (A&H). Designed with a stunning sunset beach boardwalk hero cover, custom open invitation controls, digital guestbook entries, e-wallet registry integrations, and interactive couples story timeline blocks.
Caffeine Cafe Landing Page & Ordering Site
A beautiful, responsive landing page and ordering platform for Caffeine Coffee & Bakery. Features customer favorites showcases (croissants, toast, tiramisu), interactive upcoming menus (Matcha Latte, Honey Waffle), testimonial carousels, maps integration, and a founder introduction section.
Nuvatech - Smart Device Landing Page
A futuristic e-commerce landing page design for Nuvatech, a smart hardware device brand ('Designed to Perform, Built to Last'). Features clean minimalist product showrooms, custom layout displays for next-gen pocket AI assistants, support page integrations, and premium interactive call-to-actions.
My Certificates
Associate Data Scientist
Digital Talent Scholarship (Kominfo) - BPPTIKCompleted a 67-hour training program covering fundamental concepts of Data Science, data gathering and review, data cleansing, and model building and evaluation.
Junior Web Developer
Digital Talent Scholarship (Kominfo) - BPPTIKIntensive 67-hour training focusing on User Interface implementation, structured programming, reusing pre-existing libraries/components, and writing clean code according to best practices.
Database Design Course
Oracle AcademyCompleted the Database Design course with outstanding performance, mastering database schemas and effective data modeling techniques.
Java Fundamentals
Oracle AcademyPassed the Java Fundamentals final exam with distinction, demonstrating core logic skills and object-oriented programming concepts using Java.
Intern - Accreditation Documentation Compiler
Informatics Engineering Department - UIGMResponsible for organizing accreditation documents for the IT study program, ensuring the completeness of academic and administrative records during the internship period.
Project Manager - UI/UX Design Workshop
Informatics Student Association (HMIF) - UIGMLed the organization of the workshop 'Interactive UI and User-Friendly UX' hosted by the Teknova Division of HMIF.
IT Support Member - Lumina Tech Expo 2025
UIGM Student AllianceServed as part of the IT technical support team to ensure smooth operations during the Lumina Tech Expo 2025.
Masterclass: Optimizing UX Research Methods
Faculty of Computer Science UIGMAttended the masterclass webinar focusing on UX research methods for interactive systems design.
What is my skill set?
Next.js
Powerful React framework for building high-performance web applications with server-side rendering.
React
Leading JavaScript library for building dynamic and interactive user interfaces with components.
FastAPI
Modern, high-performance web framework for building APIs with Python 3.6+ based on standard Python type hints.
JSON
Standard data format used for asynchronous browser-server communication.
MySQL
Popular open-source relational database management system for scalable data storage.
PostgreSQL
Advanced open-source relational database known for its reliability, feature robustness, and performance.
Tailwind CSS
Utility-first CSS framework for rapid UI development and custom, responsive designs.
Bootstrap
Comprehensive front-end toolkit for building responsive, mobile-first websites with ease.
Prisma
Next-generation Node.js and TypeScript ORM for easy database access and type-safety.
TypeScript
Strongly typed programming language that builds on JavaScript, providing better tooling and safety.
UI/UX Design
Designing intuitive and aesthetically pleasing user interfaces with a focus on user experience.
Web Design
Crafting visually stunning and functional website layouts that balance form and function.
Let's build something awesome together.
Interested in working together? Feel free to reach out to me for collaboration or just a friendly chat.