전체 글 17

PO의 AI실험기 : 1탄 클로드(claude)로 퍼블리싱해보기!

이 실험을 하게 된 배경최근 사내에 AX(AI Transformation) 프로세스를 도입하면서, 팀 안에서 이런 질문이 나왔다. "기획자의 필수 도구인 Figma를 아예 치워버리고 작업하면, 실제 배포까지의 속도가 개선될까?" (참고로 우리회사는 기획직군이 기획과 디자인을 함께 담당하고있다.) 기존의의 프로세스인 "기획 → Figma 시안 → 디자인 리뷰 → 개발 → QA → 배포" 이 과정에서 발생하는 문제는 Figma에서는 완벽해 보이던 화면이 실제로 구현되면 다른 문제를 드러내는 경우, 시안과 실물 사이의 괴리를 조율하는 데 드는 커뮤니케이션 비용이 반복되며 배포의 병목이 생기는 경우가 많았다. 그래서 이번 프로젝트에서는 시각적 시안 단계를 아예 없애고, Figma 없이, 클로드코드(Claude ..

스터디/기획 2026.04.22

[핀테커스 UXUI디자인 부트캠프 - 10일차] 리서치 미니과제

미니실습1 ) 핀테크 산업의 성장성 국내 핀테크 산업은 정부의 규제개혁와 핀테크 활성화 정책에 힘입어 가파르게 성장하고 있습니다. 금융당국은 금융산업의 혁신과 경쟁력 제고를 위해 지난 2015년 'IT/금융 융합 지원방안'을 시작으로 지속적인 규제 개선 정책을 추진하며 기존 오프라인 중심의 금융제도를 온라인과 모바일 환경에 맞춰 수정하였고, 핀테크 산업의 육성을 위한 정책자금을 조달할 뿐 아니라 전자금융업의 진입장벽을 완화하고 있습니다. 이를 통해 모바일 간편 결제/송금 서비스로 시작했던 핀테크 산업은 금융 전 분야로 저변을 확장할 수 있었고 혁신적인 금융서비스를 발굴하기 위한 정부의 '금융분야 규제특례' 및 '지정대리인 제도' 활성화와 맞물려 보다 고도화된 금융서비스를 선보이고 있습니다. 금융당국은 2..

카테고리 없음 2023.08.11

[핀테커스 UXUI디자인 부트캠프 - 5일차] 피그마란?

외쳐.. 갓그마..!!! 피그마를 개발한 사람에게는.. 노벨평화상을 주어야한다. 그동안 어도비툴로 인해 고통받던 디자이너에게 자유와 평화를 주었기 때문이다^_^ 사실 피그마는 2년 전부터 접혔기 때문에 기초적인건 나에게 그다지 어렵지 않지만 새로 복습하는 마음으로 정리해 보았다. 피그마는 어떤 툴? 기존에 디자이너들은 어도비툴을 활용해 디자인을 해왔다. 피그마는 클라우드 기반 디자인 툴로 주로 UXUI디자이너들이 많이 활용하고 있는 디자인 툴이지만 최근에는 기획, 웹디자인 등 다양한 디자인에 활용되어오고 있다. 현재 기준으로 모든 디자인 툴 중에 가장 핫한 툴이라고 할 수 있다. 피그마 뭐가 좋은데? 1. 가볍고 빠르다 굉장히 프로그램 자체가 가볍고 빠르기 때문에 잘만 활용하면 퇴근속도가 빨라지는 나를 ..

[핀테커스 UXUI디자인 부트캠프 - 4일차] 노션과 노코드툴

뭐..? 개발자 없이 웹사이트를 만들 수 있다고?! 노션과 노코드툴 노션이란? 노션은 오늘 날 많은 기업들이 협업을 위해 사용하는 협업툴로 메모, 데이터베이스, 칸반 보드, Wiki, 달력, 알림 등을 제공해주는 어플리케이션이다. 쉽게 메모(문서)에 필요한 모든 기능을 합쳐둔 기능이라 할 수 있다. UXUI디자이너는 노션을 어떻게 사용할까? 1.포트폴리오 노션은 웹기반 프로그램으로 피그마처럼 링크만 있다면 언제 어디서나 누구든 실시간으로 수정 및 공유가 가능하다. 그렇기 때문에 요즘은 노션으로도 포트폴리오를 만드는 경우가 많이 있다고 한다. 2.프로젝트 관리 프로젝트를 시작하기 앞서 프로젝트의 일정을 산출하고 목표와 세부 과제들을 관리하기 위해 노션의 여러가지 위젯을 사용하여 관리할 수 있다. 노코드툴?..

[핀테커스 UXUI디자인 부트캠프 - 3일차] 서비스 기획의 프로세스

기획.. 그거 어케하는 건데 스타트업에 다니며.. "기획은 그럼 유진씨가 하면 되겠네..^^" 라는 대표님의 말로 인해 기획을 야매로 해버린 나.. 이번 3주차 강의에서는 야매로 해왔던 서비스기획의 프로세스를 좀 더 세부적으로 공부해볼 수 있었다. 📝 서비스 기획이란? 사용자가 쓸 수 있는 ‘기능’과 ‘기능’을 동작하게 하는 일련의 과정을 정해 그것을 기반으로 순차적으로 진행하는 과정. IT서비스 개발 방법론에 따른 프로세스의 2가지 종류 1. 워터풀(Waterfall)방식 워터풀 방식이란 프로젝트 시작부터 최종 결과물 전달까지 특정 순서에 따라 이루어 지는 방식을 의미한다. 워터폴 기반 프로젝트 팀은 아래의 프로세스나 주기를 동일하고 정확한 순서로 실행 및 완료하는 프로세스이다. 워터풀 방식의 장단점 ..

[핀테커스 UXUI디자인 부트캠프 - 2일차] 핀테크산업과 그로스 개념, 그리고 지표

핀테크 산업.. 쉬운 듯 어렵도댜 오늘은 꽤나.. 어려운 내용을 배워 이해하는데 오랜 시간이 걸렸고 사실 아직도 이해를 하지 못했다..^^ 오늘 교육은 특히나 더 복습을 해야겠다..! 핀테크(Fintech)란? 금융(Finance)과 기술(Technology)의 합성어 금융업에 기술을 더한 개념(온라인 송금, 전자 결제 등) 2000년대 초반부터 주요 플레이어들의 약진으로 주목받기 시작함 잠깐!!✋✋ 국내 핀테크 산업의 웃픈 비하인드 스토리😂 😂 😂 우리나라 핀테크가 발전한 이유.. 사실 천송이 때문이었다. 사실 핀테크기술은 우리보다 중국이 더 고도화되어있었는데 천송이 코트를 사고 싶었던 중국인들이 한국 결제시스템을 경험하며 혀를 내둘렀고 그런 중국 고객을 잡기 위하여(자본이 무섭다 무서워..) 결제시스..

[핀테커스 UXUI디자인 부트캠프 - 1일차] 핀테커스에 합류하다!

핀테커스에 합류하다! 핀테커스란? 그리고 내가 합류하게 된 이유! 이전 회사에서 UXUI 디자인 직무를 담당하였지만 독학으로 혼자 성장을 해왔던 터라 사용자 설문과 데이터 기반의 사용성 개선의 경험이 부족하였고 전체적으로 UX와 UI의 개념을 다시 집고 가고자 하는 목표가 생겼다! 하여..! 서울로 상경하여 이것저것 교육과정을 알아보게 되었는데, 다양한 기관에서 UIUX 디자이너 양성을 위한 교육과정이 있었지만 그 후기들을 찾아보면 주로 툴 위주의 학습이나 실무에 딱히 도움이 되지 않는 교육내용들이 대부분이었다. 하지만 핀테커스 교육과정은 실무위주의 교육커리큘럼과 신뢰도 있는 강사진의 구성이 너무 마음에 들었고 또 평소 핀테크 분야에 대해 공부하고 싶었던 터라 더욱 합류하고 싶었다. 오늘 배운 것 & 잘..

[피그마]하단 바(하단네비게이션) 컴포넌트 만들기!

하단 바.. 컴포넌트로 좀 더 쉽게 만들 순 없나? 🧐 안녕하세요! UXUI디자이너 유디입니다! 오늘은 하단 앱바(네비게이션)를 컴 Variants(배리언츠)기능을 활용해 컴포넌트를 만드는 팁을 공유해드리겠습니다! 하단 앱바의 경우 모든 화면에서 공통으로 들어가고 메뉴별로 상태가 달라져야 하기 때문에 배리언츠를 이용해 컴포넌트를 만들어 둔다면 작업속도가 매우 빨라질 수 있어요! 📌 이런 기능들을 사용해요! 1) 컴포넌트(Componet) 2) 베리언츠(Variants) 3) 오토레이아웃(Autolayout) 1.하단앱바에 들어갈 메뉴아이콘들을 준비해봅시다! 저는 24x24로 작업했어요! 아이콘은 꼭 프레임 안에 넣어 주세요! 프레임명을 ' icon/아이콘명 ' 으로 통일해 주세요! 2.만들어준 아이콘을 ..

스터디/피그마 2023.01.20

첫 번째 사이드프로젝트 '더지' 회고록

나의 첫 번째 사이드 프로젝트 '더지' 2년 묵혀뒀다(썩겠다) 쓰는 나의 첫번째 사이드 프로젝트 더지는 한국관광공사와 카카오가 주관한 "2021 관광데이터 활용 공모전"의 출품을 목표로 백엔드 개발자, 데이터 분석가, 디자이너 총 3명의 팀원이 모여 약 6개월간 진행했던 프로젝트이다. 미션은 이러했다. 한국 관광공사 관광정보 OPEN API와 카카오 OPEN API를 활용하여 웹서비스 또는 SW 등 다양한 형태의 제품 서비스 개발 더지팀의 아이디어 도출 과정 2021년도의 관광트렌드에서 가장 큰 이슈는 바로 '코로나19'였다. 코로나로 인해 해외관광은 크게 줄었지만 국내여행객은 크게 늘어 여행, 숙박 관련 창업은 크게 증가하고 있었다. 여행, 숙박업은 주변 관광지와 밀접한 관계가 있기 때문에 여행,숙박업..