잡오브브라더스

전체 글 196개의 글

핵심 요약

잡오브브라더스에서는 디자인 툴을 피그마로 채택하고, 현재까지 이용하고있습니다. 디자인 및 기획 시 사용 툴인 피그마 (Figma)에 대해 안내 해드리려고 합니다. XD, Sketch, 포토샵등 수 많은 웹 디자인 툴의 전쟁에서 Figma 피그마는 UX 디자이너 뿐만이 아니라 기획자, 개발자가 가장 많이 사용하는 UX 툴로 급부상하였습니다.

잡오브브라더스, 디자인 툴 이용안내 (피그마 사용 방법 정리)

잡오브브라더스에서는 디자인 툴을 피그마로 채택하고, 현재까지 이용하고있습니다.

디자인 및 기획 시 사용 툴인 피그마 (Figma)에 대해 안내 해드리려고 합니다.


쟁쟁한 경쟁자들을 넘어 가장 많이 사용하는 툴

출처 : https://uxtools.co/survey-2021/

XD, Sketch, 포토샵등 수 많은 웹 디자인 툴의 전쟁에서

Figma 피그마는 UX 디자이너 뿐만이 아니라 기획자, 개발자가 가장 많이 사용하는 UX 툴로 급부상하였습니다.

Jobofbrothers에서도 포토샵, 일러스트를 넘어 피그마 툴을 안정적으로 도입하였습니다.

Figma 피그마는 따로 재플린을 연결할 필요 없이 기획, 디자인, 개발 공유까지 Figma 피그마 툴로 사용하고 있습니다.


언제 어디서든 클라우드 기반 저장

잡오브브라더스, 디자인 툴 이용안내 (피그마 사용 방법 정리)

Figma 피그마는 스케치와 XD 같이 비트맵 기반이 아닌 백터 기반이라는 점은 같습니다.

하지만 스케치와 XD와 가장 큰 차이는 Figma 피그마는 클라우드 웹 기반의 프로그램이라는 점입니다.

인터넷이 되는 Mac OS, Windows 모두에서 데스크톱 앱이 없더라도 어디서든 접속해서 작업을 할 수

있다는 점입니다. 인터넷이 되는 공간이라면, 내가 사용하던 컴퓨터가 아니더라도 파일 링크만 보내면

어디서든 확인 및 수정작업이 가능하다는 점이 다른 UI 툴 시장에서 Figma 피그마의 큰 장점 인 것 같습니다.

각 파일의 용량이 커서 외장하드를 따로 구매하거나 하는 별도의 저장 공간을 필요로 하지않습니다.

데스크톱에 용량을 단 1mb도 차지하지 않습니다.


합리적인 가격측정

잡오브브라더스, 디자인 툴 이용안내 (피그마 사용 방법 정리)

XD, 포토샵, 스케치 등 보편적인 작업 툴 들은 고정적인 비용을 듭니다.

Sketch의 경우 30일의 무료체험판을 제공하기는 하지만 99$의 비용을 지불 후

1년 후에는 매년 79$의 비용을 내야한다는 점에서 차별성이 적용됩니다.

Figma 피그마는 무료입니다.

팀 단위 프로젝트라면 무료가 아니지만 개인으로 이용한다면 돈을 지불할 필요 없이

웹 브라우저 상에서 로그인만 하면 사용이 가능합니다.

Figma 피그마는 기간제도 체험도 아닌 개인과 편집자 2명에 한해서 무제한 무료인 점입니다.

디자인 회사를 운영하지 않는 이상 비용을 지불할 일이 없습니다.


오토 레이아웃 시스템

Figma 피그마는 훌륭한 디자인 작업을 지원합니다.

디자인 시스템으로 디자인 속도를 높이고 디자인 일광성을 유지하도록

도와줍니다. PD 키트의 기반이 되는 유용한 기능입니다.

각 컴포넌트는 스타일, 모양 및 기타 구성 요소로 만들어지므로 몇번의 클릭만으로

레이아웃을 쉽게 복사하고 만들어갈 수 있습니다.


디자인 시스템 지정

디자인 작업중, 마무리 단계에서 기존 포토샵을 사용할때 색상이나 글꼴등 클라이언트의

무리한 수정요청이 들어올때가 있습니다.

그럴때마다 디자이너들의 멘탈이 터져나갔는대요,

figma 피그마는 애초에 이러한 시스템을 지정할 수 있습니다.

예를 들어 색상 #ffffff와 사이즈 32px인 타이틀로 구축하였을때

클라이언트가 #e4e4e4와 사이즈 42px로 바꾼다고합니다.

여기서 문제가 발생합니다.

수십 페이지의 타이틀을 바꾸니, 서브 텍스트 또한 전부 수정해야하는 현상이 발생합니다.

figma 피그마는 이런 문제를 쉽게 해결하기위한 기능을 지원합니다.

처음 지정해놓은 타이틀, 컬러 시스템에서 한 번만 바꾸면 한번의 클릭으로 수십 페이지들이

모두 수정되는 기능을 지원합니다.


자동 저장과 자동 업데이트

잡오브브라더스, 디자인 툴 이용안내 (피그마 사용 방법 정리)

Figma 피그마는 클라우드 기반이며 서버에 자동 저장하기 기능이 지원됩니다.

포토샵을 사용하신 분들은 아시겠지만 저장을 못해 작업이 날라가거나 프로그램이 멈췄을때

디자이너들의 멘탈이 터져나가지 않게 됩니다.

무료 플랜을 사용하면 지난 작업의 30일까지의 버전 관리가 가능합니다.


http://jobofbrothers.com/bbs/board.php?bo_table=manual

잡오브브라더스, 디자인 툴 이용안내 (피그마 사용 방법 정리)

잡오브브라더스, 디자인 툴 이용안내 (피그마 사용 방법 정리)

홈페이지 제작을 고민 중이라면 잡오브브라더스에 편하게 물어보세요. 기획부터 개발까지 직접 하는 팀이 답합니다. 홈페이지 제작 문의 →

이 글 전체 보기 →

핵심 요약

튼튼한 브랜드를 만들기 위해서는 가장 먼저 선행되어야 하는 작업은 무엇일까요 ? 바로 브랜드 성장의 기반이 되는 '단계'를 잘 구축하고, 그에 맞는 설계를 하는 과정입니다. 완벽한 브랜드 전략을 만들기 위해서 브랜드 리뉴얼을 진행했습니다. 브랜딩 전략으로 첫번째는 기업의 CI 리뉴얼입니다. 기존 잡오브브라더스의 로고는 영문의 서체에 레드로 포인트를 준 로고였습니다.

잡오브브라더스에서 CI를 리뉴얼 하였습니다 : )

튼튼한 브랜드를 만들기 위해서는 가장 먼저 선행되어야 하는 작업은 무엇일까요 ?

바로 브랜드 성장의 기반이 되는 '단계'를 잘 구축하고, 그에 맞는 설계를 하는 과정입니다.

완벽한 브랜드 전략을 만들기 위해서 브랜드 리뉴얼을 진행했습니다.

브랜딩 전략으로 첫번째는 기업의 CI 리뉴얼입니다.


잡오브브라더스 로고 리뉴얼

잡오브브라더스 로고 리뉴얼

기존 잡오브브라더스의 로고는 영문의 서체에 레드로 포인트를 준 로고였습니다.

로고를 통하여 주고 싶었던 기업의 이미지는 심플하고 정직한 느낌으로 표현하였습니다.

사용하던 중, 심볼 형태의 로고 이미지가 인상에 남는다는 피드백을 받아서 리뉴얼 작업을 진행하였습니다.


Brand Identity

잡오브브라더스에서 CI를 리뉴얼 하였습니다 : )

브랜드가 바라보는 방향성을 구체화하고 브랜드의 아이덴티티를 정립을 위한 목표치를 설정하였습니다.

잡오브브라더스는 형제, 자매와 같이 협력과 커뮤니케이션을 지향하는 의미를 내포합니다.

협력이라는 콘셉트를 구현하기 위해 J 와 B 텍스트 형태의 블록을 쌓고,

커뮤니케이션을 상징하는 O 문자를 조합하여 핵심 조합을 마무리 합니다.

그리고 모든것을 아우르는 원형 도형을 감싸주어 최종 심볼 셰이프를 완성합니다.

잡오브브라더스에서 CI를 리뉴얼 하였습니다 : )


Brand Mission

잡오브브라더스에서 CI를 리뉴얼 하였습니다 : )

잡오브브라더스는 단순한 웹 에이전시를 넘어 온라인 비즈니스의 파트너를 목표로 합니다.

우리의 임무는 고객의 핵심 가치를 확인하는 것과

설득력 있는 디자인, 그리고 완벽한 개발으로 통합하는 것 입니다.

이 의지를 잡오브브라더스의 로고와 슬로건을 통해 응답합니다.

로고에 포함시키는 개념, 아이디어를 시각화하도록 지시합니다.

'온라인 사업을 진출 해야하는데...'

'이번 기회에 우리 서비스만의 차별점을 담은 로고, 사이트를 어떻게 만들지...'

'새로운 서비스를 론칭할 때 홍보 수단이 필요한데...'

이 외에도 다양한 고민이 많으실때, 부담없이 잡오브브라더스를 찾아주세요.

잡오브브라더스는 기업의 아이덴티티와 핵심가치를 기반으로

든든한 온라인 사업 파트너가 되어드리겠습니다.


http://jobofbrothers.com/bbs/board.php?bo_table=manual

잡오브브라더스에서 CI를 리뉴얼 하였습니다 : )

잡오브브라더스에서 CI를 리뉴얼 하였습니다 : )

홈페이지 제작을 고민 중이라면 잡오브브라더스에 편하게 물어보세요. 기획부터 개발까지 직접 하는 팀이 답합니다. 홈페이지 제작 문의 →

이 글 전체 보기 →

핵심 요약

WONDERCHILD 비즈니스 영어 스피치 경진대회 는 학생들의 비즈니스적 창의력 증진과 기업가 정신 함양을 위해 매경비즈와 GIA가 개최하는 영어 스피치 대회입니다. 홈페이지를 통해 대회정보 제공, 참가신청 및 결제까지 할 수 있도록 제작하였습니다. 원더차일드 홈페이지는 반응형 으로 제작하여 핸드폰, 테블릿, PC 등 어느 디바이스로 접속해도

매일경제 '원더차일드 비즈니스 영어 스피치 경진대회' 홈페이지 제작 포트폴리오

원더차일드 비즈니스

영어 스피치 경진대회

WONDERCHILD 비즈니스 영어 스피치 경진대회 는

학생들의 비즈니스적 창의력 증진과

기업가 정신 함양을 위해

매경비즈와 GIA가 개최하는

영어 스피치 대회입니다.

홈페이지를 통해 대회정보 제공,

참가신청 및 결제까지 할 수 있도록

제작하였습니다.

원더차일드 홈페이지는 반응형 으로 제작하여

핸드폰, 테블릿, PC 등 어느 디바이스로 접속해도

불편함 없이 이용하실 수 있습니다.

홈페이지 주요 색상

333333 FFF2CC

매일경제 '원더차일드 비즈니스 영어 스피치 경진대회' 홈페이지 제작 포트폴리오

원더차일드 비즈니스 영어 스피치 경진대회 홈페이지 방문을 통해

결과물을 확인해 보세요 ~ 😊👍

http://e.wonderchild.co.kr/

Wonderchild, 매경 영어 스피치, 원더차일드 영어 스피치, MBN 영어스피치


https://jobofbrothers.com/

잡오브브라더스(jobofbrothers)

매일경제 '원더차일드 비즈니스 영어 스피치 경진대회' 홈페이지 제작 포트폴리오

매일경제 '원더차일드 비즈니스 영어 스피치 경진대회' 홈페이지 제작 포트폴리오

홈페이지 제작을 고민 중이라면 잡오브브라더스에 편하게 물어보세요. 기획부터 개발까지 직접 하는 팀이 답합니다. 홈페이지 제작 문의 →

이 글 전체 보기 →

핵심 요약

유니타 는 3D 가상공간에서 아바타와 함께 화상 소통부터 다양한 미션과 게임까지 즐거운 비대면 교육 솔루션입니다. 유니타 홈페이지는 반응형으로 제작 되어 핸드폰, 테블릿, PC 어느 디바이스로 접속해도 불편함 없이 이용할 수 있습니다. 홈페이지 주요 색상 유니타 홈페이지는 랜딩페이지 로 제작하여, 단일 마케팅으로 활용하기에

새롭고 즐거운 비대면 교육, '유니타' 홈페이지 제작 포트폴리오

새롭고 즐거운 비대면 교육

유니타

유니타 는 3D 가상공간에서 아바타와

함께 화상 소통부터

다양한 미션과 게임까지

즐거운 비대면 교육 솔루션입니다.

유니타 홈페이지는 반응형으로 제작 되어

핸드폰, 테블릿, PC 어느 디바이스로 접속해도

불편함 없이 이용할 수 있습니다.

홈페이지 주요 색상

576EED 7C39EF

유니타 홈페이지는 랜딩페이지 로 제작하여,

단일 마케팅으로 활용하기에

더욱 적합하도록 하였습니다.

새롭고 즐거운 비대면 교육, '유니타' 홈페이지 제작 포트폴리오

유니타 홈페이지 방문을 통해

홈페이지 결과물을 확인해보세요 ~ 👍❤️

새롭고 즐거운 비대면 교육, '유니타' 홈페이지 제작 포트폴리오

http://two-n.kr/

유니타


잡오브브라더스(jobofbrothers)

새롭고 즐거운 비대면 교육, '유니타' 홈페이지 제작 포트폴리오

새롭고 즐거운 비대면 교육, '유니타' 홈페이지 제작 포트폴리오

홈페이지 제작을 고민 중이라면 잡오브브라더스에 편하게 물어보세요. 기획부터 개발까지 직접 하는 팀이 답합니다. 홈페이지 제작 문의 →

이 글 전체 보기 →

핵심 요약

이혼관련 상황에 대해 문의하고, 관련 법에 대한 정보를 알아보기 위해 법무법인 사이트를 방문하게 됩니다. 사이트를 통해 고객들에게 효율적으로 정보를 전달하고, 고객 또한 업체에 대한 신뢰도가 향상 할 수 있습니다. 저희는 법무법인 '온조' 홈페이지를 제작 하기 위해서 온조 로고 색상을 참고하여 홈페이지 주요색상을 선택했습니다.

법무법인 온조, 홈페이지 제작 포트폴리오

이혼 하는것과, 잘 하는 것의 차이 법무법인 '온조'

법무법인 온조, 홈페이지 제작 포트폴리오

웹사이트제작 목적 및 기획의도

이혼관련 상황에 대해 문의하고,

관련 법에 대한 정보를 알아보기 위해

법무법인 사이트를 방문하게 됩니다.

사이트를 통해 고객들에게

효율적으로 정보를 전달하고,

고객 또한 업체에 대한 신뢰도가 향상 할 수 있습니다.

저희는 법무법인 '온조' 홈페이지를 제작 하기 위해서

온조 로고 색상을 참고하여

홈페이지 주요색상을 선택했습니다.

C7B7A1 312A28

사이트에 전체적으로 fade in 효과를 주어

부드러운 인상을 남길 수 있도록 하였습니다.

반응형 홈페이지로, 다양한 디스플레이 크기에 맞춰

불편함 없이 이용할 수 있도록 제작되었습니다.

홈페이지 (PC)

법무법인 온조, 홈페이지 제작 포트폴리오

법무법인 온조, 홈페이지 제작 포트폴리오

법무법인 온조, 홈페이지 제작 포트폴리오

홈페이지 ( Mobile )

법무법인 온조, 홈페이지 제작 포트폴리오

법무법인 온조, 홈페이지 제작 포트폴리오

법무법인 온조, 홈페이지 제작 포트폴리오

온조 홈페이지 방문을 통해

더 자세하게 홈페이지 결과물을 확인해 보세요 ~ 😊

http://onjofamily.com/

법무법인 온조


https://jobofbrothers.com/bbs/write.php?bo_table=connect

잡오브브라더스(jobofbrothers)

법무법인 온조, 홈페이지 제작 포트폴리오

법무법인 온조, 홈페이지 제작 포트폴리오

홈페이지 제작을 고민 중이라면 잡오브브라더스에 편하게 물어보세요. 기획부터 개발까지 직접 하는 팀이 답합니다. 홈페이지 제작 문의 →

이 글 전체 보기 →
블로그 글 목록196

블로그 글 목록

196개의 글
글 제목조회작성일
홈페이지 리뉴얼, 기존 검색 유입을 지키기 위한 점검 6가지 JOB 홈페이지 정보02026. 10. 19.
잡오브브라더스 레드브릭스 공식 홈페이지, 2025 K-Awards 온라인 마케팅 대상 수상 JOB 홈페이지 소식02026. 10. 16.
기업 홈페이지 제작, 회사 소개서 내용을 그대로 옮겨도 될까요? JOB 홈페이지 정보02026. 10. 14.
카페24 쇼핑몰 제작, 상품 분류부터 정리해야 하는 이유 JOB 홈페이지 정보02026. 10. 12.
2025 MBN 창의발명대회 홈페이지 | 아이디어와 참여를 연결하는 대회 웹사이트 행사·교육 홈페이지02026. 10. 8.
중앙대학교 푸르미르 홈페이지 | 배움의 가능성을 넓히는 AI·SW 교육 플랫폼 행사·교육 홈페이지02026. 10. 7.
변호사 홈페이지에 쓰면 안 되는 표현 체크리스트: 광고규정과 문구 점검 기준 JOB 홈페이지 정보02026. 10. 7.
법무법인 홈페이지 제작, 상담 전 확인할 구성과 견적 기준 JOB 홈페이지 시스템02026. 10. 6.
변호사 홈페이지 제작, 법률사무소의 신뢰를 전달하는 사이트 구성 JOB 홈페이지 시스템02026. 10. 2.
무료폰트 라이선스, 이것만 알면 문제 없습니다. 어디까지 써도 괜찮을까 총정리 JOB 홈페이지 정보02026. 5. 19.