HomeToolsProjectExperienceCertificateContact

Welcome to Awan Portfolio

UI/UX Designer and Frontend Developer

My name is Awan, an Informatics Engineering Student at Institut Teknologi Sepuluh Nopember. I’m pursuing my career on UI/UX Design and implement it with Front-End Development and some of Back-End Development
Informatics Engineering ITS

This is where i study my bachelor degree in Informatics Engineering student. Now i am in 6th semester, currently learning Machine Learning and Deep Learning.

thumbnail

What can I do?

Programming Language

C/C++C/C++
JavascriptJavascript
PHPPHP
PythonPython

These are the programming languages that I have learned and used in bachelor's degree

Front End

React JSReact JS
Next JSNext JS
Tailwind CSSTailwind CSS

These are the front-end technologies that I have learned from the internet and used in personal projects and assignments.

UI Design

FigmaFigma

I use Figma a lot in my projects to design the user interface and user experience of the website or application.

Database

PrismaPrisma
PostgreSQLPostgreSQL
MySQLMySQL

I have learned and used Prisma, PostgreSQL, and MySQL in my projects to manage the database of the website or application.

Control System

GithubGithub
GitGit

For the version control system, I mostly use Github and Git to manage the source code of the project.

On-Progress Learning

TypescriptTypescript
LaravelLaravel
GolangGolang

I am currently learning Typescript, Laravel, and Golang to expand my knowledge in web development.

Works that I made!

COMPFEST 15: Libur.On
Figma

UX Design, UX Research, UX Writer, Design System, Design Thinking

thumbnail
ITS EXPO 2023
Figma

UI/UX Design, Website Design, Design System

thumbnail
UKM EXPO 2023
Figma

UI/UX Design, Website Design, Design System

thumbnail
Alpha Academy
Figma

UI/UX Design, Website Design, Design System

thumbnail
Schematics 2023
Figma

UI/UX Design, Website Design, Design System

thumbnail
3D Model: Modern House
Blender 3D

Blender, Modelling, Material, Lighting, Rendering, Compositing, Particle System

thumbnail
Hoobank Landing Page
Figma
React JS
Vite JS
Tailwind CSS

Website Design, Vite, TailwindCSS, React JS, Figma

thumbnail
Nike Store Landing Page
Figma
React JS
Vite JS
Tailwind CSS

Website Design, Vite, TailwindCSS, React JS, Figma

thumbnail
Alpha Academy
Figma
React JS
Next JS
Tailwind CSS

Website Design, Figma, Website Development, Next JS, Tailwind CSS, React JS

thumbnail

My Journey SO FAR!

Me as a UI/UX Designer

UX Academy Participant

FigmaTailwind CSS

UX Design

UX Research

UX Writer

Design System

Design Thinking

Project Management

Project Based Learning

COMPFEST 14

|

DKI Jakarta, South Jakarta Administration

August 2022 - September 2022

  • Trained and worked as a team at User Experience Academy, learned about UX research, writing, design, and usability testing for three weeks. Followed by solving a case study as a final project at the end of the training.
  • Collaborated and worked with Data Science, Software Engineering, and Startup teams to solve the final case study at the last event of COMPFEST 14.

Expert Staff of UI Designer

Figma

UI Design

Website Design

Mobile Design

Design System

Design Thinking

Project Management

Staff Intelligence

Staff Management

ITS EXPO 2023

|

East Java, Surabaya

December 2022 - June 2023

  • Responsible for the web design of the ITS Expo website
  • Designing the flow and user experience of the ITS Expo website
  • Working on Low Fidelity, High Fidelity, and Prototype of the ITS Expo website
  • Conducting staff intelligence in the form of material presentations and direct simulations
  • Coordinating with other expert staff and team in working on the ITS Expo website
  • Coordinating with other staff in working on the ITS Expo website flow

Expert Staff of UI Designer

Figma

UI Design

Website Design

Mobile Design

Design System

Design Thinking

Project Management

Staff Intelligence

Staff Management

UKM EXPO 2023

|

East Java, Surabaya

March 2023 - August 2023

  • Responsible for the web design of the UKM Expo website
  • Designing the flow and user experience of the UKM Expo website
  • Working on Low Fidelity, High Fidelity, and Prototype of the UKM Expo website
  • Conducting staff intelligence in the form of material presentations and direct simulations
  • Coordinating with other expert staff and team in working on the UKM Expo website

Expert Staff of UI Designer

Figma

UI Design

Website Design

Mobile Design

Design System

Design Thinking

Project Management

Staff Intelligence

Staff Management

Schematics ITS 2023

|

East Java, Surabaya

February 2023 - November 2023

  • Responsible for the web design of the Schematics ITS website
  • Designing the flow and user experience of the Schematics ITS website
  • Working on Low Fidelity, High Fidelity, and Prototype of the Schematics ITS website
  • Conducting staff intelligence in the form of material presentations and direct simulations
  • Coordinating with other expert staff and team in working on the Schematics ITS website

UI/UX Designer

Figma

UI Design

Website Design

Mobile Design

Design System

Design Thinking

Project Management

Team Collaboration

Alpha Academy

|

East Java, Surabaya

October 2022 - January 2024

  • Designed flow and main features of Alpha Academy website
  • Improved ongoing features from Alpha Academy
  • Discussed and worked together with IT team about the development of Alpha Academy website

Me as a Front-End Developer

Frontend Developer Internship

FigmaReact JSNext JSTailwind CSS

Frontend

Next JS Framework

React JS

UI Slicing

CSS Styling

Alpha Academy

|

East Java, Surabaya

January 2024 - Present

  • Implemented frontend of Alpha Academy website from design to code
  • Create certain logic and features of Alpha Academy website
  • Communicate and discuss with CTO, UI/UX Designer, and Backend Developer about the development of Alpha Academy website
  • Learn from other team members about frontend development especially using Next JS and Tailwind CSS

Frontend Developer Internship

FigmaReact JSNext JSTailwind CSS

Frontend

Next JS Framework

React JS

UI Slicing

CSS Styling

Information Intelligent Management Laboratory

|

East Java, Surabaya

April 2024 - Present

  • Worked on the migration of ERP ITS from a legacy truncated version to an updated iteration utilizing the Next.js framework.
  • Develop and integrate specific logic, while ensuring seamless transition of existing features to the updated platform.
  • Conduct UI refinement and CSS styling for the enhanced iteration of ERP ITS.
  • Acquire proficiency in Object-Oriented Programming (OOP) principles through React.js implementation.
  • Collaborate with the established backend infrastructure to effectively deploy new functionalities.

Me as a Graphic Designer

Media Designer

Figma

Media Design

Social Media Management

Media Analysis

Media Planning

HMTC Election Committee 2023

|

East Java, Surabaya

November 2022 - January 2023

  • Designed contents for KPU HMTC to engage its social media
  • Designed poster, flyer, and banner for ongoing event of KPU HMTC

Lead Media

Figma

Media Design

Social Media Management

Social Media Strategist

Media Analysis

Media Planning

Staff Management

HMTC Election Committee 2024

|

East Java, Surabaya

November 2023 - January 2024

  • Designed contents for KPU HMTC to engage its social media
  • Designed poster, flyer, and banner for ongoing event of KPU HMTC
  • Analyzed media coverage and social media analytics
  • Planned on to improve KPU HMTC Social Media to engage more people

Me as a Machine Learning Cohort

Machine Learning Participant

Python

Python Programming

Data Wrangling

Data Visualization

Linear Algebra

Calculus

Deep Learning

Computer Vision

Natural Language Processing

AI Trend

Realworld NLP App

REA AI Mastery Bootcamp Batch 1

|

West Java, Bekasi

August 2023 - October 2023

  • Mastered Python fundamentals for ML/DL, including data wrangling with Pandas
  • Built a solid foundation in Linear Algebra and Calculus for ML/DL
  • Implemented Deep Learning models with PyTorch, gaining hands-on experience
  • Explored Computer Vision techniques like CNNs for image tasks
  • Delved into NLP with Transformers, covering translation, summarization, sentiment analysis, and built a Real-world NLP app

Machine Learning Cohort

Python

Python Programming

Data Analytics

IT Automation

Machine Learning

Deep Learning

Math for ML/DL

TensorFlow

Softskill

Intro to Generative AI

Capstone Project

Bangkit Academy

|

East Java, Surabaya

February 2024 - Ongoing

  • TensorFlow Application Skills: Mastered TensorFlow for various projects, created Neural Networks, enhanced image tasks with Convolution, processed text with NLP, trained models for original poetry.
  • End-to-End Machine Learning Workflow: Diagnosed ML errors, prioritized directions, compared with human-level performance, applied end-to-end, transfer, and multi-task learning.
  • Advanced Deep Learning Techniques with TensorFlow: Used Functional API, learned distributed training, created computer vision models, explored generative deep learning.
  • Understanding Key Concepts in Generative AI: Learned basic concepts, Large Language Models, responsible AI with Google Cloud.
  • Preparation for TensorFlow Developer Certificate Exam: Created software with TensorFlow, understood ML/DL principles, applied for image, text, and Time Series tasks.

Certificates that I achieved!

COMPFEST 14 UX Academy

UX Design, UX Research, UX Writer, Design System, Design Thinking

thumbnail
Docker Mastery Bootcamp

Basic Service, Build Docker App, Basic Docker Security

thumbnail
Udemy: Modern 3D House in Blender

Blender, Modelling, Material, Lighting, Rendering, Compositing, Particle System

thumbnail
Hackerrank: Javascript Basic Assessment

Basic Javascript, Fundamental Javascript, Functions, Object Oriented Programming, Modules

thumbnail
Expert Staff: UI/UX Designer of ITS EXPO 2023

UI/UX Design, Website Design, Design System, Design Thinking, Staff Intelligence, Staff Management

thumbnail
Ruangguru Engineering Academy: AI Mastery Bootcamp Batch 1 2023

Fundamentals of Python, Data Visualization, Linear Algebra and Calculus, Basic Machine Learning, Intro to Deep Learning, Visual Recognition with CNN, Natural Language Processing with Transformers, Langchain

thumbnail
Expert Staff: UI/UX Designer of Schematics ITS 2023

UI/UX Design, Website Design, Design System, Design Thinking, Staff Intelligence, Staff Management

thumbnail
Staff of LKMM-TD (Avatar) XXIX HMTC ITS 2023

Event Managerial, Teamwork, Communication, Management, Leadership, Role Management

thumbnail
Frontend & Backend Web Development Kickstart

Next JS, React JS, Tailwind CSS, Layouting, Golang, API

thumbnail
Dicoding: Starting Basics of Programming to Become a Software Developer

Software Development, User Requirement Specification, Software Requirement Specification, Flowchart, HTML, CSS, Javascript, Version Control System

thumbnail
Dicoding: Introduction to Programming Logic 101

Programming Logic, Logic Method, Logic Gates, Computational Thinking

thumbnail
Dicoding: Beginner Git with Github

Version Control System, Branching, Merging, Pull Request, Gitflow

thumbnail
Coursera Google Certification: Crash Course on Python

Python, Data Types, Data Structure, Functions, OOP, File Handling, Unit Testing, Bash Scripting, Python Library, Python Scripting, Command Line Interface

thumbnail
Coursera Google Certification: Using Python to Interact with the Operating System

Python, Operating System, File System, Command Line Interface, Python Scripting, Bash Scripting, Unit Testing, Regular Expression, Python Library

thumbnail
Coursera Google Certification: Introduction to Git and Github

Version Control System, Branching, Merging, Rebasing, Pull Request, Gitflow, Code Review, Open Source Contribution

thumbnail

Wanna collaborate? Open For Business, Click to Contact Me!

Institut Teknologi Sepuluh Nopember

Teknik Kimia Street - Teknik Informatika Departement Building Campus Institut Teknologi Sepuluh Nopember Surabaya Highway ITS, Sukolilo, Surabaya 60111, Indonesia Surabaya

Copyright ©️ 2024 Awan Website