I created a personal UX design and HTML/CSS library that includes commonly used components such as buttons, inputs, tabs, popups, tables, pagination, filters, titles, bulletin boards, and spacing menus. The components were built with SCSS, allowing for easy customization of primary and secondary colors for immediate use in projects.

개인적인 UX 디자인 및 html/css 라이브러리로 자주사용하는 버튼, 인풋, 탭, 팝업, 테이블, 페이징, 필터, 타이틀, 게시판 그리고 여백의 메뉴와 그에 대한 html과 css 사용이 가능하도록 구성하였습니다. 작업은 scss로 하여, 실 업무에서 사용시 primary, secondary 색상을 변경하여 바로 사용 가능하도록 스타일을 구성하였습니다.

Link

I worked on the HTML, SCSS, and JS coding for the SuB Pay app, ensuring that all features are easily accessible to users even on small devices.

SuB Pay라는 앱의 html/scss/js 퍼블리싱을 진행한 작업을 진행하였습니다. 작은 디바이스에서도 각 기능에 대한 사용자의 접근이 용의하도록 작업하였습니다.

Link

The task had to be completed within a short period and handed over to the development team, so I used SCSS to speed up the process. I handled the coding for tablet and mobile sizes without a separate design mockup and completed the work myself.

짧은 기간안에 퍼블리싱하여 개발 파트로 넘겨야 하는 작업으로, scss를 사용하여 작업속도를 높여 진행하였습니다. 테블릿 및 모바일 사이즈의 디자인 시안은 별도 제작 없이 본인이 직접 퍼블리싱 하며 작업하였습니다.

Link

The Jeju Dream Tower app was developed specifically for use on a certain tablet model. I coded the interface to fit the tablet's screen size and implemented media queries to ensure smooth usability in both landscape and portrait orientations.

제주 드림타워 앱은 특정 기종의 테블릿에서만 사용되는 앱으로 테블릿 사이즈에 맞추어 코딩하였으며, 미디어 쿼리를 추가하여 테블릿 가로 또는 세로 사용시에도 앱 사용이 용의하도록 작업하였습니다.

Link

The OnDoctor app contains a large amount of content displayed on a single screen. Although no separate designs were provided for small devices, I handled the responsive coding myself. I thoroughly checked and optimized all pages down to the minimum device size to ensure the content is clearly visible and easily accessible for users on small screens.

Link

I worked on the HTML, SCSS, and JS coding for the Korea Post. The website was developed in compliance with web standards and browser compatibility guidelines, and successfully obtained web accessibility certification. The project included cross-browser compatibility work, supporting up to Internet Explorer 10.

우정사업본부의 반응형 웹사이트 html/css/js 코딩을 진행하였습니다. 웹 표준과 웹 호환성을 준수하면서 웹접근성 인증을 획득하였습니다. 또한 Internet explorer 10 브라우저까지 크로스브라우징 작업을 하였습니다.

Link

I worked on the HTML, SCSS, and JS coding for the Korea Post Digital Service. The website was developed in compliance with web standards and browser compatibility guidelines, and successfully obtained web accessibility certification. The project included cross-browser compatibility work, supporting up to Internet Explorer 10.

우정사업정보센터 반응형 웹사이트 html/css/js 코딩을 진행하였습니다. 웹 표준과 웹 호환성을 준수하면서 웹접근성 인증을 획득하였습니다. 또한 Internet explorer 10 브라우저까지 크로스브라우징 작업을 하였습니다.

Link

I worked on the HTML, SCSS, and JS coding for the Korea Post Officials Training Institute. The project included cross-browser compatibility work, supporting up to Internet Explorer 10.

우정공무원교육원 반응형 웹사이트 html/css/js 코딩을 진행하였습니다. Internet explorer 10 브라우저까지 크로스브라우징 작업을 하였습니다.

Link

I worked on the HTML, SCSS, and JS coding for the Korea Post Procurement Center. The project included cross-browser compatibility work, supporting up to Internet Explorer 10.

우정사업조달센터 반응형 웹사이트 html/css/js 코딩을 진행하였습니다. Internet explorer 10 브라우저까지 크로스브라우징 작업을 하였습니다.

Link

I worked on the HTML, SCSS, and JS coding for the Seoul Central Post Office. The project included cross-browser compatibility work, supporting up to Internet Explorer 10.

서울중앙우체국 반응형 웹사이트 html/css/js 코딩을 진행하였습니다. Internet explorer 10 브라우저까지 크로스브라우징 작업을 하였습니다.

Link

I designed and developed a responsive admin website using HTML, SCSS, and JS. Following the client's request, I created a clean and minimal layout that allows a large amount of information to be easily viewed. The design ensures that users can conveniently view and input data even on small mobile devices. I tested and coded every page to guarantee full responsiveness across all screen sizes.

관리자 사이트의 반응형 웹사이트 디자인 및 html/scss/js 코딩을 진행하였습니다. 클라이언트의 요청대로 간결하면서도 많은 정보의 내용이 한눈에 보일수 있도록 작업하였습니다. 작은 모바일 기기에서도 정보를 한눈에 보고 입력또한 용의할수 있도록 디자인하고 모든페이지를 꼼꼼하게 체크하여 코딩하였습니다.

Link

I designed and developed the responsive website for Amtix Bio, a pharmaceutical company, using HTML, SCSS, and JS. The design reflected the client’s preferred style and color scheme, and was tailored to suit the needs of the target audience.

Amtix bio라는 제약회사의 반응형 웹사이트 디자인 및 html/scss/js 코딩을 진행하였습니다. 클라이언트가 원하는 스타일과 색감을 사용하고 주 사용 타켓층을 고려하여 디자인하였습니다.

Link

I developed the responsive NOBLAND website using HTML, CSS, and JS, with a strong focus on implementing engaging motion effects.

NOBLAND 반응형 웹사이트의 html/css/js 코딩을 진행하였습니다. 웹사이트의 모션에 중점을 두었습니다.

Link

I created design mockups for the Korea National Academy of Arts of The Republic of Korea website, providing separate designs for PC, tablet, and mobile devices.

대한민국예술원 홈페이지의 디자인 시안 작업을 하였습니다. PC, Tablet, Mobile 디자인을 별도로 제시하였습니다.

Link

I created design mockups for the landing page introducing the 'My Camera' app. As per the client's request, the design focused on highlighting the photo results produced through the app.

마이카메라 어플 소개 랜딩페이지의 디자인 시안작업을 진행하였습니다. 클라이언트의 요청대로 어플을 통한 사진의 결과물에 중점을 두어 디자인 작업을 하였습니다.

Link

KOSMO 교육기관의 반응형 웹사이트를 디자인 하고 html/css/js 코딩을 진행하였습니다. Internet explorer 10 브라우저까지 크로스브라우징 작업을 하였습니다.

Link