# UI UX 웹디자인 제작 사례 소개(ft. 소복, 오일발렛)

저자: 잡오브브라더스 (홈페이지 제작 에이전시) · 게시: 2023-09-07 · 수정: 2023-09-07 · 원문: https://job.ontoblog.com/blog/ui-ux-%EC%9B%B9%EB%94%94%EC%9E%90%EC%9D%B8-%EC%A0%9C%EC%9E%91-%EC%82%AC%EB%A1%80-%EC%86%8C%EA%B0%9Cft-%EC%86%8C%EB%B3%B5-%EC%98%A4%EC%9D%BC%EB%B0%9C%EB%A0%9B/

> **요약**: 안녕하세요. 잡 오브 브라더스 에서는 실시간으로 빠르게 변화하는 UIUX 분야의 트렌드를 반영 하여 보다 사용자 친화적인 ‘좋은’ 프로덕트 를 만들기 위해 노력하고 프로젝트 진행 과정에서 십분 녹여내어 완성도 높은 결과물 을 제공해드리고 있습니다. _ ▼ 이번 시간에는 잡 오브 브라더스 에서 진행한 UI UX 웹디자인 프로젝트 제작 사례 를

안녕하세요.

![UI UX 웹디자인 제작 사례 소개(ft. 소복, 오일발렛)](/uploads/naver/jobofbrothers/223204191865-1.webp)

**잡 오브 브라더스** 에서는

실시간으로 빠르게 변화하는 **UIUX 분야의**

**트렌드를 반영** 하여 보다 사용자 친화적인

**‘좋은’ 프로덕트** 를 만들기 위해 노력하고

프로젝트 진행 과정에서 십분 녹여내어

**완성도 높은 결과물** 을 제공해드리고 있습니다.

_

## 잡오브브라더스의 UXUI 디자인 서비스 안내

▼

이번 시간에는 **잡 오브 브라더스** 에서 진행한

**UI UX 웹디자인 프로젝트 제작 사례** 를

소개해드리려고 합니다.

_

그전에 먼저 **UI UX 디자인** 에 대해 설명드리자면

아래와 같이 나눠볼 수 있습니다.

| **UI 디자인_사용자 인터페이스(User Interface, UI)** 레이아웃과 구조, 색상 모양 등시각적인 디자인 |
|---|

| **UX 디자인_사용자 경험(User Experience, UX)** 타켓 사용자를 고려하여콘텐츠를 어떻게 담아야 할지 구상하고설계하는 디자인 |
|---|

**UX UI 디자인** 은 사용자들이

해당 제품&서비스를 사용하면서 얻을 수 있는

전반적인 경험을 디자인하는 것을 의미하며

## 제품을 보다 쉽게 이해하고 사용하며

## 만족도 높은 경험을 얻게 됨으로써

## 기업이 원하는 목표를 달성하는 데 도움을 주는

**웹개발 프로세스의 핵심 부분** 이라고

할 수 있습니다.

![UI UX 웹디자인 제작 사례 소개(ft. 소복, 오일발렛)](/uploads/naver/jobofbrothers/223204191865-2.webp)

저희 **잡 오브 브라더스** 에서는

이 핵심적인 요소를 고려하여

디스플레이의 환경(화면의 크기)에 따른

**최적의 웹페이지들을 제작** 해드리고 있습니다.

---

## **제작 사례 1** — 소상공인 카페 큐레이션 플랫폼, ‘소복

UI UX 웹디자인 제작 사례 첫번째로

**소상공인 카페 큐레이션 플랫폼, ‘소복’** 의

APP 디자인 페이지를 소개합니다.

![UI UX 웹디자인 제작 사례 소개(ft. 소복, 오일발렛)](/uploads/naver/jobofbrothers/223204191865-3.webp)

![UI UX 웹디자인 제작 사례 소개(ft. 소복, 오일발렛)](/uploads/naver/jobofbrothers/223204191865-4.webp)

✅ 카페 방문 목적과 개인적인 취향으로 나뉜

카테고리를 버튼형으로 제작하여 터치 선택으로

**검색 시간을 단축하는 필터 기능을 제공** 합니다.

✅ 모바일 스탬프 서비스 '소복 스탬프' 를 통해

간편하게 매장별 스탬프 **적립 현황을 확인하고**

**보상 및 교환 신청이 가능** 합니다.

✅ 소복 플랫폼의 소식 모아보기

또는 즐겨찾는 매장 상세페이지 내에서

**소식과 공지사항 한눈에 확인** 할 수 있도록

제작하였습니다.

---

## **제작 사례 2** — 찾아가는 주유서비스, ‘오일발렛’

UI UX 웹디자인 제작 사례 두번째로

**찾아가는 주유서비스, ‘오일발렛’** 의

APP 디자인 페이지를 소개합니다.

![UI UX 웹디자인 제작 사례 소개(ft. 소복, 오일발렛)](/uploads/naver/jobofbrothers/223204191865-5.webp)

![UI UX 웹디자인 제작 사례 소개(ft. 소복, 오일발렛)](/uploads/naver/jobofbrothers/223204191865-6.webp)

✅ 일정이 바빠 주유할 시간조차 없을 때

## 어플로 빠르게 대리 주유 서비스를

**이용** 하실 수 있도록 메인페이지에 직관적인

디자인으로 구현하였습니다.

✅ 차량정보, 유종, 지역 등 정보를 등록하면

## 가까운 주유소에서 서비스(주유, 세차) 가능한지

**확인** 할 수 있도록 제작하였습니다.

✅ 실시간 차량 위치 추적 및 기록 보관 서비스

제공으로 응급상황이나 필요시

요긴하게 사용하실 수 있도록 제작하였습니다.

---

이상으로 두가지 사례를 모두 보여드렸습니다.

**잡 오브 브라더스** 는 다양한 업종별로

접근방식과 우선순위를 고려하여

## 기업과 사용자가 디지털 공간에서

**최적의 인터렉션이 이루어질 수 있는 방향** 으로

설계/개발/디자인 작업을 진행해드리고 있습니다.

**실시간 UIUX 트렌드를** 반영한

**독창적이고 센스있는 프로덕트 제작** 을 원하신다면

**잡 오브 브라더스** 와 함께하세요.

프로젝트 시작 전부터 끝까지 모든 과정

**'형제의 일처럼'** 든든하게 맡기실 수 있도록

최선을 다해 작업해드리겠습니다.

필요하신 부분 언제든지 대표번호로 연락주시면

감사합니다.

![UI UX 웹디자인 제작 사례 소개(ft. 소복, 오일발렛)](/uploads/naver/jobofbrothers/223204191865-7.webp)

![클릭하시면 전화연결 됩니다](/uploads/naver/jobofbrothers/223204191865-8.webp)

## 출처·근거

- [원문: 네이버 블로그](https://blog.naver.com/jobofbrothers/223204191865) — 잡오브브라더스 (2023-09)