잡오브브라더스

JOB 홈페이지 시스템 22개의 글

우리가 홈페이지에 넣는 기능과 시스템, 운영 도구 이야기

핵심 요약

안녕하세요 클라이언트님, 여러 개발업체에서 천차만별인 견적을 받아 혼란스럽거나, 의뢰하려는 프로젝트에 필요한 합리적인 견적을 알고 싶으신 분들을 위해 잡오브브라더스에서 견적 상담받는 방법을 안내해드립니다. 어떤 프로젝트도 견적이 동일한 프로젝트는 없습니다. 필요 기능 디자인, 플랫폼, 페이지 수 등 클라이언트님의 요구사항에 따라 견적이 달라집니다.

홈페이지 제작 신청서 안내사항

안녕하세요 클라이언트님,

여러 개발업체에서 천차만별인 견적을 받아 혼란스럽거나,

의뢰하려는 프로젝트에 필요한 합리적인 견적을 알고 싶으신 분들을 위해

잡오브브라더스에서 견적 상담받는 방법을 안내해드립니다.


결과물에 필요한 기능을 정리합니다.

홈페이지 제작 신청서 안내사항

전체적인 무드

어떤 프로젝트도 견적이 동일한 프로젝트는 없습니다.

필요 기능 디자인, 플랫폼, 페이지 수 등 클라이언트님의 요구사항에 따라 견적이 달라집니다.

생각하고 계신 방향이나 요구사항을 정리해주시면, 클라이언트님의 상황을 파악해 맞춤 상담을 해드릴 수 있습니다.

문의 시 "병원 사이트 개발 비용이 궁금합니다.", "안전 거래 기능을 넣으려는대 비용이 얼마나 들까요 ?"등

대략적인 견적을 문의하시는 분들이 많은데요, 구체적으로 어떤 서비스를 개발하고 싶으신지 알 수 없어 견적을 안내해드리기 어렵습니다.

위 예시처럼 대략적으로 설명하고 견적을 받으셨다면, 실제 개발 시 필요한 견적과 크게 차이 날 가능성이 높습니다.

대략적인 업무 설명, 필요 기능, 주요 사용자층, 디자인 컨셉, 벤치마킹할 서비스 등

현재 생각하고 계신 방향을 편하게 작성부탁드리겠습니다.


레퍼런스 사이트 선정

홈페이지 제작 신청서 안내사항

레퍼런스 전달전, 스스로 정의해보기

이 단계는 클라이언트분과 작업자들의 서로 생각하고 있는 결과물의 싱크를 맞추는 단계라고 생각하면 쉽습니다.

내가 과연 무슨 결과물을 원하는지 구체적이고 확실하게 미리 정의 해두는 것이 중요합니다.

레퍼런스를 전달할 때에는 해당 콘텐츠가 어떤 이유로 레퍼런스로 선정된 선정된 이유를 알 수 있어야 합니다.

따라서 레퍼런스를 정리한 후, 구체적이고 충분한 이유와 함께 전달하는것이 좋습니다.

이 단계를 꼼꼼하게 진행할 경우 일관적인 방향성을 가진 레퍼런스를 전달할 수 있어, 제작해야 하는 결과물에 대한

이해도를 높일 수 있게됩니다.

또한 여러분이 원했던 그림을 머릿속으로 한번더 정리함으로써 더 논리적인 피드백을 전달할 수 있게 됩니다.

추천 레퍼런스 선정사이트

https://www.gdweb.co.kr/main/

지디웹

https://www.dbcut.com/bbs/index.php

디비컷 - 웹디자인 벤치마킹 및 우수 웹사이트 모음



홈페이지 제작 신청서 안내사항

홈페이지 제작 신청서 안내사항

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

이 글 전체 보기 →

핵심 요약

잡오브브라더스 홈페이지 제작은 6가지의 사항을 중점으로 제작하고 있습니다. 4k 해상도 이상의 모니터가 등장하고, 테블릿 스마트폰까지 수요가 많아져, 우리가 경험하는 화면의 해상도가 많아졌습니다. 반응형 홈페이지는 이제 제작 시 기본사항으로 적용되어갑니다. 제작사 입장에서는 PC, Mobile, Tablet PC 등 고려해야하는 상황이

홈페이지 제작 시, 6가지 중점사항

잡오브브라더스 홈페이지 제작은

6가지의 사항을 중점으로 제작하고 있습니다.

반응형 경험 극대화

쉽고 편리한 비대면 상담

마케팅 콘텐츠 활용

고객의 의심해소와 구매 연결

고객의 동선 파악

네이버 구글에 무료로 홈페이지 알리기 (SEO 최적화)


반응형 경험 극대화

홈페이지 제작 시, 6가지 중점사항

다양한 디바이스 환경

4k 해상도 이상의 모니터가 등장하고, 테블릿 스마트폰까지 수요가 많아져, 우리가 경험하는 화면의 해상도가 많아졌습니다.

반응형 홈페이지는 이제 제작 시 기본사항으로 적용되어갑니다. 제작사 입장에서는 PC, Mobile, Tablet PC 등 고려해야하는 상황이

많지만, 우리는 사용자의 입장에서 생각해야 합니다. 컴퓨터로 접속했다가 스마트폰으로 접속을 하더라도 100% 까지는 아니더라도

비슷한 맥락의 경험을 할 수 있어야합니다.

홈페이지 제작 시, 6가지 중점사항

그리고 요즘에는 웹 보다는 모바일을 우선적으로 작업하는 경우도 많아지고 있습니다. 아무래도 웹보다 모바일 접속량이 더 늘어났기

때문입니다. 이 글을 읽고 계시는 독자분도 하루 중 핸드폰을 활용하시는 시간이 얼마정도 되시나요 ?

앞으로의 기술의 발전에 있어서 접근성이 뛰어난 모바일 환경에 맞춰서 영향력이 더욱 커질것으로 전망됩니다.

잡오브브라더스(jobofbrothers)에서는 초기 기획단계부터 모바일 환경을 우선적으로 고민하고, 적용시킵니다.


쉽고 편리한 비대면 소통

홈페이지 제작 시, 6가지 중점사항

소통의 활성화

이제 고객과 기업은 수평적인 관계가 되었습니다. 더 나은 제품들과 서비스가 매일같이 나오는 상황에서 기업의 태도가 좋지않다면

이용자들은 등을 돌립니다. 이용자들을 잃기전, 궁금한점을 쉽고 편리하게 물어보고 소통하는 자세가 중요하다고 생각합니다. 하지만, 문의사항이 너무 많다면 어딘가에 이용자의 궁금증을 해소시켜줄 수 있는 공간이 있어야 겠죠 ?

문의사항이 많다는 것은 제대로 정보를 제공하지 못했다는 것과 같은 이야기입니다.

기본적인 부분과 고객(이용자)가 꼭 알아야 할 부분은 미리 제공하고, 추가적인 질문을 하고 싶을 때, 소통할 수 있는 공간이 필요합니다.

최근에는 채팅 상담을 도와주는 서비스들이 많이 등장했습니다. 채널 톡, 카카오톡 등 홈페이지 하단에 항상 존재하는 채팅 버튼을

추가해서 이용자가 쉽게 소통을 할 수 있게 해주는 것이 필요합니다.

잡오브브라더스(jobofbrothers)에서는 대표님의 사업을 이해하고 작업합니다.


마케팅 콘텐츠와 연결

고객은 크게 5단계의 여정 후 브랜드를 만나게 됩니다.

인지 (Aware) > 호감 (Appeal) > 질문 (Ask) > 행동 (Act) > 옹호 (Advocate)

홈페이지 제작 시, 6가지 중점사항

보 통 SNS 채널이나 배너광고, 주변 지인들의 추천으로 이 브랜드를 처음 인지(Aware) 하게 됩니다.

많은 브랜드를 인지 하지만 그중에서 개인의 취향(관심)에 맞는 브랜드만 호감(Appeal) 을 갖게 됩니다. 포털 사이트, 블로그, 유튜브, 인스타

등 다양한 미디어나 기업 홈페이지 (혹은 쇼핑몰)에서 리뷰를 찾아보거나 직접 질문 (Ask) 을 하면서 브랜드를 알아가게 됩니다.

추가 정보와 호감을 확인 후 구매인 행동 (Act) 를 하게 됩니다. 여기서 끝이 아닙니다. 그 브랜드를 겪은 후 브랜드와 상호작용을

통해 충성도를 얻고 팬이 되면 그 브랜드를 옹호(Advocate) 하게 됩니다. 브랜드의 팬이 된 이용자들은 알아서 주변사람에게

추천을 하거나 게시물을 올리고, 그 브랜드에 대한 안 좋은 이야기를 방어해주기도 합니다.

이렇듯 고객의 여정은 하나의 스토리입니다. 각 단계를 지나가다가 무언가 마음에 안 드는 것을 발견하거나

문제가 생기면 고객은 쉽게 그 여정에서 이탈하게 됩니다. 그러니 마케팅 콘텐츠와 기업 홈페이지는 물 흐르듯 자연스럽게 흘러가야 합니다.

모든 고객이 동일한 스토리로 브랜드를 경험하지 않겠지만, 느끼는 감정은 동일하게 설정해야합니다.

잡오브브라더스(jobofbrothers)에서는 마케팅 플랜과 홈페이지제작을 유기적으로 연동되게 설정합니다.

같은 업체를 통해서 브랜딩을 진행하는 것도 방법이지만, 각각 특화된 업체를 활용한다면, 업체간 커뮤니케이션이 잘 하게 유도해야 합니다.


고객의 의심 해소와 구매 유도

고객 여정중 질문과 행동에 관한 영역입니다.

질문 (Ask), 행동 (Act)

브랜드를 인지하고 호감을 느낀 후 고객들은 다양한 검색을 하다가 기업 홈페이지까지 도달하게 됩니다.

무언가 질문을 한다는 것은 아직 의심을 하거나 궁금증이 생겼다는 것 입니다.

홈페이지 제작 시, 6가지 중점사항

01. 이 브랜드 믿을만한가 ?

기업소개 페이지에 기업의 철학이나 비전, 미션 등을 담아줘야 합니다. 이때는 텍스트 보다 이미지와 영상이 좋습니다.

고객들은 기업소개 페이지에 관심이 없습니다. 하지만, 궁금할 때 의심을 해소시키기 위해서 소개페이지로 유입합니다.

다른 기업에는 없는 차별성 (특허, 기술)등 을 첨부하는 것이 좋습니다.

02. 다른 사람들이 이 브랜드를 써보고 어떻게 느꼈을까 ?

리뷰 자체를 콘텐츠화 시켜 페이지에 구성하는 방법, 구매가 가능한 쇼핑몰이라면 상세페이지 하단의 리뷰를 잘 관리해야합니다.

소비자들이 현명해져서 조작이 되는 느낌은 고객들도 다 느끼고 알 수 있습니다.

대부분의 고객들은 질문을 하지 않습니다. 질문하기 전 다른 사람들의 질문을 보고 힌트를 얻거나, 그 질문들에

어떻게 답변했는지를 확인하기도 합니다.

03. 내가 원하는 사양을 포함하고 있는 제품인가 ?

기본적으로 제품의 사양은 명확하고 알기 쉽게 잘 전달 해야 합니다. 오프라인에서 만질 수 없다고 생각하고 내용을 상세히 보여줘야 합니다.

하지만 넘 사양에 집중보다는 감성적인 요소와 스토리가 필요합니다. 인간은 감정적인 동요와 스토리에 민감합니다.

사양보다는 감정을 건드는 것을 추천드립니다.

04. 내가 이 제품을 왜 구매 해야하지 ?

명분이 필요합니다. 이 제품이 필요해서 구매해야하는 명분 일 수도 있고, 내가 이 제품을 구매한 후 소개하기 위한 명분도 있고,

또한 특정 일 지인에게 선물을 해야하는 명분일 수도 있습니다. 물론 거짓된 명분은 길게 봤을때 안 좋은 방향으로 흘러갈 수 있습니다.

궁금점이 해결되고 충분히 매료 되었다면, 그 누구도 장바구니에서 구매 버튼을 누르는 것을 막을 수 없습니다.


고객의 동선 파악

내 사이트를 방문한 사람은 어떤 행동을 할까 ?

홈페이지로 유입된 모든 고객이 구매 전환까지 가긴 쉽지 않습니다. 고객이 SNS, 블로그, 검색 등 어떤 경로로 유입하였고

어떤 페이지에서 오래 머물렀는지 등을 확인하고, 그리고 어떤 페이지에서 이탈했는지 파악할 수 있다면 더 좋은 서비스를

제공 할 수 있을겁니다. 이탈한 페이지를 수정하고, 더 많은 유입 경로를 파악하는 등 끊임없는 보완작업을 해야합니다.

잡오브브라더스(jobofbrothers)에서는 방문자 분석이 가능한 솔루션을 사용하고 있습니다.


네이버, 구글에 무료로 홈페이지 알리기 (SEO)

홈페이지 제작 시, 6가지 중점사항

우리 브랜드 알리기

네이버와 구글에서 노출이 되려면 무조건 광고비를 지불해야 할까요 ? 물론 광고비 투자로 유입되는 것도 효과가 있겠지만

비용이 들어가야만 유입이 된다는 단점이 존재합니다. 돈을 내지 않고 기업 홈페이지 (혹은 쇼핑몰)를 알리는 방법이 있습니다.

검색엔진 최적화라고 불리는 SEO는 구글과 네이버에 지용을 지불하고 광고하지 않아도 검색에 용이하게 해줍니다.

홈페이지 구축 시 이부분 까지 함께 구축하면 마케팅 비용을 추가적으로 지출하지 않더라도 이용자가 검색하는 여정속

귀사의 브랜드를 만날 수 있게 도와줄 것입니다.

잡오브브라더스(jobofbrothers)에서는 효율적인 검색엔진 최적화를 도와드리고 있습니다.



홈페이지 제작 시, 6가지 중점사항

홈페이지 제작 시, 6가지 중점사항

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

이 글 전체 보기 →

핵심 요약

창업을 해야겠다는 결심을 하고, 어느정도 진척도가 진행되었으면, 다음 고민은 기업의 홈페이지 입니다. 코로나 19로 인한 비대면 문화가 확산되면서 이커머스 시장이 급격하게 성장 했습니다. 오프라인 판매자들의 온라인 진출이 증가하면서 손쉽게 접근할 수 있는 스마트 스토어로 몰리면서 현재 47만개 정도의 이커머스가 개설된 상태라고 합니다.

홈페이지, 어떤 솔루션으로 만들어야 할까요 ?

창업을 해야겠다는 결심을 하고, 어느정도 진척도가 진행되었으면, 다음 고민은 기업의 홈페이지 입니다.

코로나 19로 인한 비대면 문화가 확산되면서 이커머스 시장이 급격하게 성장 했습니다.

오프라인 판매자들의 온라인 진출이 증가하면서 손쉽게 접근할 수 있는 스마트 스토어로 몰리면서

현재 47만개 정도의 이커머스가 개설된 상태라고 합니다.

홈페이지, 어떤 솔루션으로 만들어야 할까요 ?

4차 산업 시대라는 것은 "기업과 고객 간 온라인과 오프라인의상호작용을 통합한 마케팅 전략"이 필요한 시기이다. — '마케팅의 아버지' 필립 코틀러의 책 [마켓 4.0]

마케팅의 아버지 '필립코틀러'의 말에 따르면

온라인과 오프라인을 나눠서 생각하는 것이 아니라 두가지가 상호작용을 해야한다는 것입니다.

이제는 우리는 좋든 싫든 비즈니스를 잘 꾸려나가려고 한다면 온라인과 오프라인의

구분을 두어서는 안됩니다.


기업 홈페이지는 온라인의 매장과 같은 존재입니다.

홈페이지, 어떤 솔루션으로 만들어야 할까요 ?

사람이 많지 않는 곳에 카페를 차렸다고 가정을 해보면, 어떤일 부터 시작하실건가요 ?

더 많은 고객을 확보하기위해 온라인에도 우리의 매장을 갖는 방법입니다. 그매장은 단지 쇼윈도의 형태 (기업 및 제품 소개 홈페이지)가

될 수 있고, 실제 구매가 가능한 매장 (쇼핑몰, 이커머스)이 될 수 있다는 것입니다. 사람이 많지 않는 곳의 카페 처럼 소비자들이 오프라인 매장을 방문하기 어려운 상황이라면 온라인 공간에서 방문(소개) 할 수 있는 기업의 공간이 잘 구축 되어야합니다.


카페 24 — www.cafe24.com

www.cafe24.com

카페 24의 장점

초보자도 사용하기 쉽고 편리하다는 장점으로 많은 사람들이 찾는 카페 24 솔루션입니다.

그리고 카페 24는 다른 서비스와의 연동성 및 앱스토어 확장성이 좋다는 평이 있고 가장 보편적으로 사용하는

솔루션이라는 평이 대체적 이라고 합니다.

카페 24의 단점

커스터마이징이 불가능하다는 점이 큰 비중으로 카페 24의 단점으로 보고 있고,

쇼핑몰을 처음 접해보는 초보자가 사용하기에 어렵다는 점, 추가적인 코딩이 필요하다는 점

그리고 개발과 디자인의 한계, 비효율적인 시스템, 부가 서비스가 유료라는점이 단점으로 보고있습니다.

최근 카페24는 2021년 8월 카페24와 네이버가 약 1,300억원 규모의 상호 지분 교환을 결정했다고 하는대요 .

이는 대표적인 국내 마켓플레이스 사업자인 네이버와 국내 최대 규모의 D2C 솔루션 사업자가 손을 잡은것이라고 합니다.

따라서 해외를 공략중인 네이버처럼 카페 24 또한 자영업자들이 해외 대상으로 판매를 할 수있는 가능성을 보고 있습니다.


NHN 커머스 — www.nhn-commerce.com

www.nhn-commerce.com

NHN 커머스의 장점

카페 24와는 반대로 커스터마이징이 가능하다는 점이 많은 사람들의 편리한 점으로 선택되고 있습니다.

그리고 간편하고 편리하게 작업할수 있고, 무료로 이용할 수 있다와 기능이 다양하고 대중적이고 보편적이다.

다양한 결제 서비스와 연동할 수 있다는 점에서 NHN 커머스의 장점으로 보고 있습니다.

NHN 커머스의 단점

반면, 불편한 점으로 수정할때 전문적인 지식이 필요해 어렵다는 점이 있고

경쟁사에 비해 미흡한 기능, 비용이 부담된다, CS 서비스가 불만족스럽다라는 점들이 단점으로 꼽히고 있습니다.

무료소스가 서프라이즈로 제공되어 자주 체크해야 해서 번거롭다는 점도 불편사항으로 보이고 있습니다.


아임웹 — imweb.me

👍 장점 개발자가 없어도 쉽고 편리하게 작업이 가능합니다.가격이 부담스럽지 않고 가볍습니다.😢 단점 기능이 다양하지 않습니다.자유도가 낮습니다.

메이크 샵 — www.makeshop.co.kr

👍 장점 CS서비스가 24시간이어서 편하고 친절합니다.다른 채널·서비스와의 연동 및 확장이 편합니다.😢 단점 경쟁사에 비해 디자인과 기능이 미흡합니다.비용 부담이 큰 편입니다.

식스 샵 — www.sixshop.com

👍 장점 가격이 저럼하고 작업하기 간편합니다.😢 단점 아직 많은 기능이 제공 되지 않았습니다.

wix — ko.wix.com

👍 장점 UI가 간편하고 깔끔합니다.😢 단점 기능이 제한적입니다.

그렇다면 어떤 부분에서 중점을 두고 솔루션을 선택하고 제작해야 할까요 ?

잡오브브라더스에서는 6가지를 중점으로

온라인 홈페이지의 제작의 중점으로 생각하고 있습니다.

반응형 경험 극대화

쉽고 편리한 비대면 상담

마케팅 콘텐츠 활용

고객의 의심해소와 구매 연결

고객의 동선 파악

네이버 구글에 무료로 홈페이지 알리기 (SEO 최적화)

해당 내용은 다음 포스트에서 만나보실 수 있습니다.


홈페이지, 어떤 솔루션으로 만들어야 할까요 ?

중요한것은 이커머스의 시대라고 해서 온라인만 강화해야 하는 게 아니라는 점입니다.

온라인과 오프라인의 모든 채널에서 같은 이야기를 하고,

고객은 어디서 이 브랜드를 만나든 동일한 경험을 이어갈 수 있게 하는 게 중요하다고 판단됩니다.

"기업과 고객 간 온라인과 오프라인의 상호작용을 통합한 마케팅 전략"

이 필요한 시기라고 생각합니다.


홈페이지, 어떤 솔루션으로 만들어야 할까요 ?

홈페이지, 어떤 솔루션으로 만들어야 할까요 ?

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

이 글 전체 보기 →

핵심 요약

잡오브브라더스에서는 디자인 툴을 피그마로 채택하고, 현재까지 이용하고있습니다. 디자인 및 기획 시 사용 툴인 피그마 (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를 리뉴얼 하였습니다 : )

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

이 글 전체 보기 →
JOB 홈페이지 시스템 글 목록22

JOB 홈페이지 시스템 글 목록

22개의 글
글 제목조회작성일
법무법인 홈페이지 제작, 상담 전 확인할 구성과 견적 기준 JOB 홈페이지 시스템02026. 10. 6.
변호사 홈페이지 제작, 법률사무소의 신뢰를 전달하는 사이트 구성 JOB 홈페이지 시스템02026. 10. 2.
잡오브브라더스 프로젝트 홈페이지 제작 포트폴리오 소개 JOB 홈페이지 시스템02023. 9. 22.
잡오브브라더스 자동차 홈페이지 제작 포트폴리오 소개 JOB 홈페이지 시스템02023. 9. 20.
잡오브브라더스 법무법인 홈페이지 제작 포트폴리오 소개 JOB 홈페이지 시스템02023. 9. 14.
[신규 런칭] 클라이언트 전용 웹개발 유지보수 서비스 소개 JOB 홈페이지 시스템02023. 9. 12.
프랜차이즈 랜딩페이지 제작 사례 소개(ft. 하루엔 소쿠, 월미당, 평화로운 집) JOB 홈페이지 시스템02023. 9. 8.
UI UX 웹디자인 제작 사례 소개(ft. 소복, 오일발렛) JOB 홈페이지 시스템02023. 9. 7.
고도 개발 웹제작 프로젝트 사례 소개(ft. 컬처마이닝, 범트레이닝 시스템) JOB 홈페이지 시스템02023. 9. 6.
창업의 든든한 지원군 mvp 웹개발 서비스 안내 (ft. 창업지원사업) JOB 홈페이지 시스템02023. 8. 23.