전체 글 196개의 글

누구나 변화의 중심으로 만드는것 ,

미래를 꿈꾸는 사람들이

하는 일 입니다.

미래를 꿈꾸는 사람들

안녕하세요

미래를꿈꾸는사람들 홈페이지를 제작하게 되었습니다 😊

스크롤에 따라 애니메이션 효과를 넣어,

홈페이지의 재미요소를 주었습니다.

또한 반응형으로 제작되어, 노트북, 데스크톱 , 테블릿, 모바일에서도

---

미래를꿈꾸는사람들

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

당신의 삶을 따뜻하게 돕는 '온조'입니다법무법인 '온조'

안녕하세요

법무법인 온조 랜딩페이지를 제작하게 되었습니다 😊

지난번에 법무법인 온조 사이트를 제작 했었는데요.

https://blog.naver.com/jobofbrothers/222744184132

이번엔 랜딩페이지를 믿고 맡겨 주셨습니다.

홈페이지 주요 색상

AF9980 CDBDA9

---

http://onjomain.gabia.io/

법무법인 온조

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

작년 애니파킹(Anyparking) 홈페이지를 작업 했었는데요

이번에는 애니파킹 홈페이지 리뉴얼 작업을 하게 되었습니다.

리뉴얼 작업 내용 — 1. 메인 1섹션 디자인 및 기능 추가

2. 우측 하단 플로팅 아이콘 추가
3. 스마트 견적 기능 추가

메인화면 디자인 변경 후, 애니메이션 효과를 넣어 더욱 동적으로 보일수 있도록 하였습니다.

또한 새로 추가된 기능(스마트견적)을 메인화면에서 바로 이동할 수 있도록 아이콘을 우측에 배치하였습니다.

스마트 견적 기능을 통해 , 간단하게 견적문의를 할 수 있도록 하였습니다.

반응형으로 제작되어 컴퓨터, 테블릿, 핸드폰으로 접속해도

틀어짐 없는 홈페이지를 확인 할 수 있으실 거에요~!

http://www.anyparking.kr/

애니파킹

---

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

홈페이지 개발 완료 후, 검수 요청 받아보신적 있으신가요?

홈패이지 개발 후, 검수는 중요하기 때문에 꼭 필수로 해야 됩니다.

검수 경험이 없어 어떻게 해야하는지 감조차 잡지 못하는 분들이 많을것이라 예상됩니다.

잡오브 브라더스에서 작업 완료 후 검수를 어떻게 진행하면 좋을지 에 대해서 포스팅 이어가도록 하겠습니다 😊

---

홈페이지 검수란 무엇일까요 ?

홈페이지 검수란, 요청한 홈페이지가 디자인, 개발등에서 오류가 없는지 확인하는 과정입니다.

개발자가 생각하는 기능과, 고객(클라이언트)가 생각하는 기능이 제대로 구현 되었는지, 디자인은 시안대로 잘 나왔는지, 오타가 없는지 등의

검수를 통해 홈페이지의 완성도를 높이고 높음 품질로 홈페이지를 완성 할 수 있습니다.

---

홈페이지 검수를 왜 고객에게 요청할까요?

홈페이지 제작은 고객과 업체에서 같이 이루어 집니다 .

업체 개발자가 검수를 진행하긴 하지만, 고객이 원하는 기능을 제대로 파악하지 못한 상태면 누락한 부분이 발생할 수 있습니다.

또한, 고객이 검수를 하게 되면 사용자의 입장에서 검수를 하기 때문에 개발자가 검수하는 과정과의 차별점을 갖게 됩니다 .

---

홈페이지 검수 방법 ⭐

① 검수 시작 전, 쿠키를 삭제해 줍니다.

홈페이지 접속 후, ctrl + shift + R 을 눌러 홈페이지의 쿠키를 삭제해 줍니다.

※ 캐시를 삭제하는 이유 : 개발자가 수정하는 과정에서 홈페이지 접속을 했었다면, 홈페이지에서는 해당 사이트를 기억 해 두었다가 다시 접속했을때 빠른 로딩을 위해 전에 기억했던 홈페이지를 보여줍니다. 그렇기 때문에 , 수정된 기능과 화면이 보이지 않을 수 있으므로 쿠기값을 삭제해 주어야 합니다.

② 디자인 (레이아웃)이 잘 나왔는지 확인합니다.

디자이너가 홈페이지 시안을 준 화면과 홈페이지에 있는 디자인이 일치한지 확인합니다.

디자인을 검수 할 때에는 다양한 디바이스 환경(데스크톱, 노트북, 테블릿PC, 모바일)과 브라우저 (크롬, 웨일 등)에서 잘 나오는지 확인해야 합니다.

👉 애니메이션 효과도 잘 나오는지 확인하는 것이 좋습니다.

👉 레이아웃이 디자인 시안과 일치하지 않는다면 수정을 요청하셔야 합니다.

③ 오탈자가 없는지 확인합니다.

홈페이지에 연결된 모든 페이지에 접속하여 오탈자가 있는지 체크합니다.

오탈자가 있을 시, 수정을 요청하셔야 합니다.

---

---

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

홈페이지 개발을 위해 알아보셨을때, 많이 쓰이는 단어인 '반응형 홈페이지'를

많이 접해보셨을겁니다.

처음부터 World Wide Web은 독립적이도록 설계 되었습니다.

어떤 하드웨어나 장치를 가지고 있는지는 중요하지 않습니다.

장치에서 실행 중인 운영체제에는 문제가 없습니다.

인터넷에 접속을 할 수 있는 환경이라면 웹에 엑세스 할 수 있습니다.

반응성 디자인은 좋은 디자인이 나오기 전 몇 년 동안

웹 디자이너와 개발자들은 다양한 기술을 시도했습니다.

---

반응형 홈페이지란 ? — 반응형 웹 (Responsive Web) 이란?

다양한 디바이스 환경

반응형 홈페이지는 하나의 웹사이트에서 PC, 스마트폰, 테블릿 PC 등 접속하는 디스플레이의 종류에 따라 화면의 크기가 자동으로 변하도록

만든 웹페이지 접근 기법을 말합니다.

즉 우리가 보는 대부분의 홈페이지나모바일 환경의 웹페이지가 반응형입니다. 맥에서도, 데스크톱에서도,

스마트폰에서도 자동으로 화면 조정을 해주는 것이 반응형이 라고 합니다.

쉽게 풀어 설명하자면 PC 사이즈로 만든 화면이 모바일에서도 맞추어 일관성 있게 노출되는 기능입니다.

우리가 홈페이지를 둘러볼때 반응형은 그냥 알아서 이동하고 줄어드는 기본 시스템 처럼 보이지만

사실 제작단에서는 각각 디바이스 사이즈에대한 추가 작업이 이루어집니다.

스마트폰은 대표적으로 어떤 것을 표준으로 잡을 것이며, 화면비율은 몇 대 몇 모니터는 어느 사이즈 비율로 할 것인가, '

테블릿은 어떤 모델에 맞출 것인가 등 세상에 나와있는 스크린 비율중 자주 사용되는 것을 선정하여 그에 따른 디자인과 개발 작업이

진행되어야합니다.

---

반응형 홈페이지는 왜 필요할까 ?

반응형 홈페이지가 필요한 이유로

첫째, 스마트폰 사용자를 타겟으로 잡기 때문입니다 .

이제는 데스크톱, 컴퓨터로 검색하는 양보다, 모바일 스마트폰으로

검색하는 양이 압도적인 비율로 증가하였고 사용자들은 나의 홈페이지로

유입할 수 있다는 가능성이 높아졌습니다.

모바일 사용자들이 쉽고 편리하게 사용할 수 있는 반응형 홈페이지로 제작을 해야

모바일 사용자들에게 정보를 편하게 줄 수 있어야 합니다.

둘째, 비용이 절감되며, 유지보수가 쉽습니다.

반응형 웹으로 홈페이지 제작 시, 데스크톱, 태블릿, 모바일 페이지를 따로 만들지 않아 비용이 절감되고, 유지보수가 쉽습니다.

셋째, 구글 검색 엔진 알고리즘이 모바일 친화도를 검색 순위 산정에 적용합니다.

반응형 홈페이지로 제작 시 구글 검색엔진이 홈페이지를 효과적으로 크롤링을 하기 때문에,

모바일 환경에 친화적이지 않은 홈페이지는 상당수 뒤에 노출됩니다.

• 모바일 친화성 테스트 링크 ( https://search.google.com/test/mobile-friendly?hl=ko )

---

---

https://blog.naver.com/jobofbrothers/222774760686

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