web agency

Seoul, republic of Korea

menu

menu

menu

menu

OB beer

project owner

Oriental Brewery Co., Ltd

project period

2024. 10.

OB Beer is one of Korea's beer manufacturing and selling companies, and it is Korea's leading "beer company" that has led the Korean liquor industry for the past 90 years since its birth in 1933. It is launching a variety of beer brands loved by domestic and foreign consumers, including Cass, Hanmaek, Stella Artois, Budweiser, and Hogarden.

We wanted to build a platform website that connects to various sales outlets such as GS SHOP and CU Pocket when advertising is executed according to the launch of the product.

For maximum convenience in future maintenance, we synchronized the design components and image data by considering the compatibility between the PC and the mobile site as much as possible.

OB맥주는 대한민국의 맥주 제조 및 판매 기업 중 하나로, 1933년 태동해 지난 90여년간 한국 주류산업을 이끌어 온 대한민국 대표 ‘맥주 전문기업’ 입니다. 카스, 한맥, 스텔라 아르투아, 버드와이저, 호가든 등 국내외 소비자들에게 사랑받는 다양한 맥주 브랜드를 출시하고 있습니다.

제품 출시에 따른 광고 집행시 구매 GS SHOP, CU 포켓 등의 다양판 판매처로 연결되는 플랫폼 웹사이트를 구축하고자 하였습니다.

추후 유지 관리에 있어 최대의 편의를 위해 PC와 모바일 사이트의 호환성을 최대한 고려하여, 디자인 구성요소들과 이미지 데이터들을 동기화하였습니다.

project owner

Oriental Brewery Co., Ltd

project period

2024. 10.

OB Beer is one of Korea's beer manufacturing and selling companies, and it is Korea's leading "beer company" that has led the Korean liquor industry for the past 90 years since its birth in 1933. It is launching a variety of beer brands loved by domestic and foreign consumers, including Cass, Hanmaek, Stella Artois, Budweiser, and Hogarden.

We wanted to build a platform website that connects to various sales outlets such as GS SHOP and CU Pocket when advertising is executed according to the launch of the product.

For maximum convenience in future maintenance, we synchronized the design components and image data by considering the compatibility between the PC and the mobile site as much as possible.

OB맥주는 대한민국의 맥주 제조 및 판매 기업 중 하나로, 1933년 태동해 지난 90여년간 한국 주류산업을 이끌어 온 대한민국 대표 ‘맥주 전문기업’ 입니다. 카스, 한맥, 스텔라 아르투아, 버드와이저, 호가든 등 국내외 소비자들에게 사랑받는 다양한 맥주 브랜드를 출시하고 있습니다.

제품 출시에 따른 광고 집행시 구매 GS SHOP, CU 포켓 등의 다양판 판매처로 연결되는 플랫폼 웹사이트를 구축하고자 하였습니다.

추후 유지 관리에 있어 최대의 편의를 위해 PC와 모바일 사이트의 호환성을 최대한 고려하여, 디자인 구성요소들과 이미지 데이터들을 동기화하였습니다.

project owner

Oriental Brewery Co., Ltd

project period

2024. 10.

OB Beer is one of Korea's beer manufacturing and selling companies, and it is Korea's leading "beer company" that has led the Korean liquor industry for the past 90 years since its birth in 1933. It is launching a variety of beer brands loved by domestic and foreign consumers, including Cass, Hanmaek, Stella Artois, Budweiser, and Hogarden.

We wanted to build a platform website that connects to various sales outlets such as GS SHOP and CU Pocket when advertising is executed according to the launch of the product.

For maximum convenience in future maintenance, we synchronized the design components and image data by considering the compatibility between the PC and the mobile site as much as possible.

OB맥주는 대한민국의 맥주 제조 및 판매 기업 중 하나로, 1933년 태동해 지난 90여년간 한국 주류산업을 이끌어 온 대한민국 대표 ‘맥주 전문기업’ 입니다. 카스, 한맥, 스텔라 아르투아, 버드와이저, 호가든 등 국내외 소비자들에게 사랑받는 다양한 맥주 브랜드를 출시하고 있습니다.

제품 출시에 따른 광고 집행시 구매 GS SHOP, CU 포켓 등의 다양판 판매처로 연결되는 플랫폼 웹사이트를 구축하고자 하였습니다.

추후 유지 관리에 있어 최대의 편의를 위해 PC와 모바일 사이트의 호환성을 최대한 고려하여, 디자인 구성요소들과 이미지 데이터들을 동기화하였습니다.

It is a site where products of various brands are handled, and background colors are applied in white that can be flexibly embraced for various colors, and the brand color navy is used as a point. A shortcut link to each brand's page is placed at the top of the banner to provide users with optimized information search and to lead to a smooth purchase.

다양한 브랜드의 상품이 취급되는 사이트로, 다양한 색상에 대해 유연하게 포용할 수 있는 화이트 색상으로 백그라운드 컬러를 적용하였으며, 브랜드 컬러인 네이비 컬러를 포인트로 연출하였습니다. 각 브랜드별 페이지로 이동할 수 있는 바로가기 링크를 최상단에 배치하여 사용자에게 최적화된 정보 탐색을 제공하고, 원활한 구매로 이어질 수 있도록 사용흐름을 구성하였습니다.

In order to implement the filter function as much as possible, the page was organized through a systematic IA design process, and all product lists in the page were optimally compatible with other pages.

필터 기능을 최대한 구현하기 위해 체계적인 IA 설계 과정을 거쳐 페이지를 구성하였으며, 페이지 내 모든 상품리스트가 다른 페이지와 함께 최적으로 호환될 수 있도록 하였습니다.

The detailed page of the product that focuses most on PC/mobile compatibility is the page of the platform function that connects to each customer, and it was built with the best consideration so that there is no difficulty in maintaining/managing the client company in the future.

PC, 모바일간의 호환에 가장 중점을 둔 제품 상세페이지는 각 판매처로 연결되는 플랫폼 기능의 페이지로서, 추후 클라이언트사 측의 유지/관리에 어려움이 없도록 함을 최선으로 고려하여 구축하였습니다.

Get in touch

PLUSMACH, 3F, 18, Dongmak-ro 9-gil, Mapo-gu, Seoul, Republic of Korea 플러스마하, 3층, 서울특별시 마포구 독막로9길 18 (서교동, 서홍빌딩)

Get in touch

PLUSMACH, 3F, 18, Dongmak-ro 9-gil, Mapo-gu, Seoul, Republic of Korea 플러스마하, 3층, 서울특별시 마포구 독막로9길 18 (서교동, 서홍빌딩)

Get in touch

PLUSMACH, 3F, 18, Dongmak-ro 9-gil, Mapo-gu, Seoul, Republic of Korea 플러스마하, 3층, 서울특별시 마포구 독막로9길 18 (서교동, 서홍빌딩)

MADE BY PLUSMACH

all rights reserved.

MADE BY PLUSMACH

all rights reserved.

MADE BY PLUSMACH

all rights reserved.