Semantic Markup
웹접근성 및 웹표준을 준수한 시멘틱 마크업 구조로, 사용성과 검색 엔진의 이해도를 높입니다.
DAINODesign And Interface Navigation Optimization
사용자 경험을 기반으로 정적인 화면을 넘어, 감각적인 인터페이스를 구축합니다.
Motion-driven UI Publisher & Creative Developer
About
최신의 트랜드와 확장성을
고려한 퍼블리싱을 제작합니다.
사용자의 니즈 파악, 기획 의도부터 최종 구현까지 흐름을 놓치지않습니다. AI, WebGL, 3D, 인터랙션 등 다양한 기술과 최신 트렌드를 활용합니다. 재사용성과 확장성을 고려한 컴포넌트 기반의 퍼블리싱을 지향합니다.
Responsive CSS
Mobile, 태블릿, PC 등 다양한 크기와 각종 OS에 맞게 다양성을 고려하여, 자연스러운 레이아웃을 제작합니다.
Details
사용자 니즈에 맞춰 설계된 디자인을 바탕으로, 화면의 여백, 타이포그래피, 이미지 비율, 인터렉션의 속도까지 세심하게 맞춰 완성도를 높입니다.
Direction
불필요한 스크립트는 줄이고, 마크업의 가이드라인을 설계하며 컴포넌트 제작과 사용을 지향합니다.
Cooperation
기획자, 디자이너, 개발자 등 다양한 직군과 협업하며 공동의 목표를 향해 유연하게 소통하는 것을 중요하게 생각합니다.
Refactoring
완성된 결과물을 그대로 두는것이 아닌, 회고하며 리팩토링을 지향합니다.
Skills
수많은 경험과 학습을 통해
탄탄한 기술 스택을 습득했습니다.
Language
HTML5PHPJavascript
Styles
CSS3SASS / SCSSStyled-componentsTailwind CSSStorybook
Framework
ReactNextVue3CodeigniterLaravel
Library
TypeScriptJqueryGSAP
Tool
VS CodeSourceTreeGithubGitLabGiteaFigmaZeplinPhotoshopJiraConfluenceMantisRedmineSlackMicrosoft TeamsGatherAI(CODEX)
Projects
다양한 환경과 니즈에 맞춰
프로젝트들을 제작했습니다.
01
Components 중심의 설계
공통 섹션, 버튼, 카드, 규칙을 CSS 모듈로 정리해
재사용성이 높은 컴포넌트 중심의 설계로,
빠르게 확장 가능한 구조를 제작했습니다.
웹사이트 목적에 맞는 구축
웹사이트 목적성에 맞는 니즈 파악, v-charts 활용으로 차트와 테이블 등 복잡한 UI 구조를 제작했습니다.
공공기관 웹사이트 구축 경험
공공기관 웹사이트 구축 경험을 바탕으로, 웹 접근성 표준을 준수하며 KRDS 공공기관 디자인시스템과, React Data Grid를 활용하여 사용자, 관리자 UI 인터페이스를 제작했습니다.
대형사이트의 복잡한 UI 구조설계
복잡하고 오래된 대형사이트의 리뉴얼 프로젝트에서 정교하게 디자인된 레이아웃을 분석하여, 자연스럽게 구현했습니다.
하이브리드 웹앱 UI 제작
하이브리드 웹앱 프로젝트에서, 모바일과 데스크탑 환경 모두에 최적화된 UI를 제작했습니다. React와 GSAP를 활용하여, 인터랙티브한 요소와 애니메이션을 구현했습니다.
StoryBook UI를 활용한 컴포넌트 개발
삼성 엔지니어링 프로젝트를 진행하며, 디자인 시스템에 맞춰 컴포넌트를 구축하고, StoryBook을 활용하여 개발자와 디자이너 간의 원활한 소통과 협업을 도모했습니다.
관리자사이트 Dash Board 제작
병/의원 프로젝트에서 Next.js를 활용하여 차트와 테이블 등 복잡한 UI 요소들을 효율적으로 구현하여, 사용자 친화적인 인터페이스를 제공했습니다.
History
현재까지 많은 발걸음으로 달려왔습니다.
Web Publishing Start
HTML, CSS, JavaScript 기반의 반응형 웹 퍼블리싱을 시작했습니다.
e-learning Web Publishing
이러닝 플랫폼의 웹 퍼블리싱 프로젝트를 진행했습니다.
fintech project Web/App Publishing
핀테크 프로젝트를 진행하며, 웹앱 퍼블리싱을 진행했습니다.
Hybrid web app
하이브리드 웹앱 프로젝트와 다양한 프로젝트를 경험했습니다.
Interactive UI Publishing
정적/동적 페이지 구성을 인터렉티브한 UI를 구축했습니다.
AI Assisted Build
AI 도구와 함께 더 빠르고 정교한 UI 제작 흐름을 확장하고 있습니다.
Post
끊임없이 학습하며,
퍼블리싱의 완성도를 높이고 있습니다.
Contact
좋은 첫인상이 필요한 웹사이트를 함께 만들겠습니다.
브랜드 랜딩, 기업 소개, 솔루션, 캠페인 등 목적에 맞는 화면을 정교하게 퍼블리싱합니다.