vision &realizeyourself with us...vision &realizeyourself with us...

36
V ision & R ealize Y ourself with US 각자의 이상과 꿈을 담아 실현시키는 회사가 되기 위해 브라이어스는 시작되었습니다. 웹 제작 기술 및 온라인마케팅 노하우를 바탕으로 새로운 패러다임을 창조. 변화와 혁신을 거듭하며 급변하는 IT생태계에서 성장하고 있는 16년차 기업입니다.

Upload: others

Post on 15-Feb-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Vision &RealizeYourself with US...Vision &RealizeYourself with US 각자의이상과꿈을담아실현시키는회사가되기위해브라이어스는시작되었습니다. 웹제작기술및온라인마케팅노하우를바탕으로새로운패러다임을창조

Vision & Realize Yourself with US

각자의이상과꿈을담아실현시키는회사가되기위해브라이어스는시작되었습니다.

웹제작기술및온라인마케팅노하우를바탕으로새로운패러다임을창조.

변화와혁신을거듭하며급변하는 IT생태계에서성장하고있는16년차기업입니다.

Page 2: Vision &RealizeYourself with US...Vision &RealizeYourself with US 각자의이상과꿈을담아실현시키는회사가되기위해브라이어스는시작되었습니다. 웹제작기술및온라인마케팅노하우를바탕으로새로운패러다임을창조

2

회사명 ㈜브라이어스

대표자 홍지혜

사업자/ 법인번호 220-86-70929 / 110111-2856049

사업분야 e-Business, IT Outsourcing, Device UI/UX

주 소 서울특별시 금천구 벛꽃로298 대륭포스트타워 6차313호

연락처 02 –576 –6313

설립년도 2001년 1월12일

업 종 소프트웨어 개발 공급 및 자문, 도·소매업

종업원수 25명 (2016년 1월기준)

자본금 4억

소속협회한국산업기술진흥협회, 한국디지털기업협회, 한국인터넷전문가협회, 여성벤처기업협회, 한국소프트웨어산업협회

보유홈페이지www.vryus.netwww.graphenesq.comwww.givenjoy.net

1. 사업자등록증2. INNOBIZ 회원인증서3. 한국인터넷전문가협회 가입증서4. 기업부설연구소 인증서5. 한국산업기술진흥협회

6. 성균 가족회사 인증서7. 중소기업확인서8. 기술혁신기업확인서9. 직접생산확인서10. 소프트웨어사업자신고서

브라이어스는 직원과 파트너들의 꿈을 실현해 나가는것을 지향점으로 삼고 있습니다.지속가능한경영을위해서로 소통하고 상생할수 있는 열린 비즈니스인프라와새로운개념의 IT 생태계를개척해나갈것입니다.

‘당신의 꿈을 향해 가는 길에 우리가 함께 하겠습니다.’

1 2 3 4 5

6 7 8 9 10

일반현황 인증현황

Page 3: Vision &RealizeYourself with US...Vision &RealizeYourself with US 각자의이상과꿈을담아실현시키는회사가되기위해브라이어스는시작되었습니다. 웹제작기술및온라인마케팅노하우를바탕으로새로운패러다임을창조

4

브라이어스는2001년설립해 웹에이전시로서16년동안쌓아온소프트웨어(Software)개발기술및 멀티디바이스(Multi Device) 구현기술을바탕으로, UI/UX설계, Cross Media Design, Online Marketing , Development 등을합리적으로컨설팅하여 , 트랜드리더로서Branding 을제공하는기업입니다.

BRAND MAKER VRYUS

김재현CEO 취임아이알미디어 설립(웹에이전시분야진출)

기업부설연구소 설립

㈜브라이어스 사명변경및 법인설립

가산디지털단지내

사옥매입

자본금4.5억증자

가산디지털단지내 사옥확장이전

그래핀파이퍼국제특허취득

(서울대산학협력)

㈜그래핀스퀘어 투자설립

이노비즈인증획득

중소기업기술혁신협의회 가입

2013201220112010200920082007200620052004200320022001 2014 2015

SKC&C Biz. Partner한글라스 IT 온라인총괄 Partner OCI그룹사웹사이트총괄Partner

풀무원베이비밀

웹&모바일

사이트구축

Page 4: Vision &RealizeYourself with US...Vision &RealizeYourself with US 각자의이상과꿈을담아실현시키는회사가되기위해브라이어스는시작되었습니다. 웹제작기술및온라인마케팅노하우를바탕으로새로운패러다임을창조

5

Brand Consultant 홍지혜브라이어스CEO / 16년차現&어워드최고심사위원現웹어워드최고심사위원現브라이어스CTO(2001.01 ~ 현재) 現그래핀스퀘어CEO (2012.01 ~ 현재)

•10년차이상의 풍부한경험을지닌전문가들이구성원이반이넘어, 안정적인서비스를만들어냅니다.•고객의의견을적극수렴하고, 최적화된기술을반영하여접근의용이성이높은UI를만듭니다.•눈앞의이익보다, 함께갈수있는Partner로서의신의를더중요시합니다.•최신기술트랜드를습득하여, 전파하는 지식공유에앞장섭니다.

‘브라이어스는인성이바탕이된커뮤니케이터들이모인 같이일하고싶은업체입니다.’

브라이어스 IT 총괄/ 14년차現 브라이어스개발총괄 (2008.06 ~ 현재)한성대학교컴퓨터공학과학사(1999. 02)

IT Consultant 김재현

브라이어스UX LAB 컨설턴트/ 11년차現명지대학교시각디자인과겸임교수現오산대학교시각디자인과겸임교수홍익대학교대학원시각디자인과석사 (2000. 5)

Creative Director 박기남

Directors

브라이어스UX LAB 수석컨설턴트/ 14년차現&어워드심사위원/現 웹어워드심사위원現브라이어스웹에이전시본부부문장(2012.01 ~ 현재)원광대학교미술대학서예학과(1999.2)

UI/UX Consultant 이종웅

VRYUS staff

UI/UX Plan Manager이경미

Design Manager 김영보

Motion Designer 김부영

Publisher 이나련

Designer 임수아

Copywriter나유리

Publisher 김재환

Designer 조아해

Biz Supporter이귀선

UI/UX Planner정재석

Design Manager 최송희

Developer이병헌

UI/UX Planner이소은

Design Manager 김혜지

Developer우민섭

Service Planer 모혜림

Design Manager 한태연

Developer김동성

Publisher이새롬

Designer 김성혜

Developer유지원

Page 5: Vision &RealizeYourself with US...Vision &RealizeYourself with US 각자의이상과꿈을담아실현시키는회사가되기위해브라이어스는시작되었습니다. 웹제작기술및온라인마케팅노하우를바탕으로새로운패러다임을창조

6

우리는단순한업무대행이아닌,고객감동을위한최고의결과를위해, 스스로만족할때까지손을놓지 않는열정으로고객의성장을도우며, 함께발전해나가는파트너쉽을구축합니다.

‘최고의 전문가를 회사의 직원으로 뽑으십시오!’

Branding

Brand consulting

Contents creation

Device UI/GUI

브랜드는소비자와의관계입니다.브랜딩전략에따른명확하면서도혁신적인디자인아이덴티티를구현하여소비자기반의브랜드자산가치를높입니다.

SystemDevelopment

Web Programming

Mobile Application Programming

Responsive Web

Web Standard/Accessibility

빠르게발전하는다양한웹기술과점점다변화하는Device별접속환경및클라이언트의서버환경에최적화된언어로개발을제공합니다.

Marketing

SNS

Blog

Cartoon

Affiliate Marketing

웹,프린트,영상,SNS,광고등다양한미디어채널의소비자패턴을분석하여고효율접근전략을통해보다타겟팅된고객마케팅을제공합니다.

Maintenance & Hosting

Site Operating & Maintenance

Web & Server Hosting

Streaming Hosting

Co-Location Hosting

Storage & Backup Service

구축은끝이아니라시작입니다.체계적인운영관리를통해고객의신뢰를얻고,서비스를지속확장하여,활성화되고 발전적인 서비스로 성장하도록안내합니다.

Creative &Media

훌륭한경험은매체를가리지않습니다. 웹, 인쇄, 영상, 전시, 광고, 모바일등고객접점이일어나는다양한미디어채널에서Identity있는크리에이티브로소비자를매료시키는디자인을추구합니다.

Graphic & GUI Design

Website Design

Mobile UI Design

Promotion Design

Motion Graphics

N-Screen

Page 6: Vision &RealizeYourself with US...Vision &RealizeYourself with US 각자의이상과꿈을담아실현시키는회사가되기위해브라이어스는시작되었습니다. 웹제작기술및온라인마케팅노하우를바탕으로새로운패러다임을창조

7

브라이어스는2001년설립해 웹에이전시로서16년동안쌓아온소프트웨어(Software)개발기술및 멀티디바이스(Multi Device) 구현기술을바탕으로, UI/UX설계, Cross Media Design, Online Marketing , Development 등을합리적으로컨설팅하여 , 트랜드리더로서Branding 을제공하는기업입니다.

VRYUS UX LAB

VRYUS UX LAB MISSION 5

사용자Research를 통한, 명확한

요구사항 도출로 Project에서 이

뤄내야할 명확한 Goal과 업무범

위를산정

요구사항도출

목표설정

업무범위확정1

불분명하거나 추상적일 수 있는

요구사항들을 향후 프로젝트 성

공의 잣대로 삼을 수 있는 탄탄하

고 명확한 문장으로 표현하여 분

명한측정지표를 수립

요구사항재정립

평가지표설정 2

비즈니스와 사용자의 니즈를 효

과적으로 반영하면서도 예산과

일정내에서 개발된 높은 품질의

프로젝트 진행여부감수

예산적정성검토

프로젝트중간점검

최종검수3

전 컨설팅으로 불필요한 요소를

제거하여, 시간과 예산의 낭비를

막고, 효율적인 프로젝트와 사용

자가편리한 UX를제공함

UX설계

4

표준화된 개발 방식 준수를 통한

업무효율성 극대화와 개발의 모

듈화를통한시스템효율성및진

화된프로젝트 방법제시

개발표준제시

5

Page 7: Vision &RealizeYourself with US...Vision &RealizeYourself with US 각자의이상과꿈을담아실현시키는회사가되기위해브라이어스는시작되었습니다. 웹제작기술및온라인마케팅노하우를바탕으로새로운패러다임을창조

88

VRYUS PHOTO STUDIO

제품 촬영, 인물, 출장 촬영 등

멋진사진이야 말로가장중요한리뉴얼의 요소입니다. 이미지 소송건이 날로많아지는 요즘, 브라이어스에 의뢰하신 모든고객은 이미지 컨설팅을 통해, 더이상걱정이 없도록덜어드립니다.사내에 포토스튜디오 및장비를보유하고 있어, 직접필요한 사진컨텐츠 및영상컨텐츠를 직접만들어냄은물론컨텐츠를 제작하여 판매하는 사업도 준비하고 있습니다.

8

Page 8: Vision &RealizeYourself with US...Vision &RealizeYourself with US 각자의이상과꿈을담아실현시키는회사가되기위해브라이어스는시작되었습니다. 웹제작기술및온라인마케팅노하우를바탕으로새로운패러다임을창조

9

웹어워드 & 어워드

‘국내 최고권위의 WEB AWARD에서 모바일부문 대상을 수상하였습니다.’

MOBILE

비발디 CC 모바일웹

‘11 웹어워드 우수상 수상

‘11 &어워드 우수상

1

SKT 미니T월드

‘10 웹어워드 모바일웹 대상수상

2

모바일 엔크린

‘11 웹어워드모바일부분우수상

‘11 &어워드 우수상

3

WEB

경희대학교 영문

‘12 웹어워드 교육부문 대상

& 어워드 Winner

4

The MVL 호텔

‘12 웹어워드 레져부문 우수상

5

비발디파크 CC

‘11 &어워드 우수상

‘11 웹어워드 우수상

6

7 알펜시아 리조트

‘10 디지털미디어어워드 최우수상 수상

‘10 웹어워드우수상수상

8 국토연구원 세계도시정보

‘11 웹접근성 인증마크

9 풀무원 잇슬림

‘13 쇼핑몰 웹어워드 수상

풀무원 베이비밀

‘15웹어워드브랜드쇼핑몰분야최우수상

&어워드 Winner

10

11 예술경영지원센터 서울아트마켓

‘15 웹어워드 문화예술분야 대상

12 쎌바이오텍 듀오락

’15 웹어워드 브랜드쇼핑몰분야 최우수상

& 어워드

한국디지털기업협회가주관하고, 문화관광부에서

후원하는가장공신력있는어워드

웹어워드

한국디지털전문가협회가 주관하고,

각종매체들에서후원하는어워드

장애인웹접근성준수마크

한국정보화진흥원웹접근성연구소에서공인하는

가장신뢰성있는인증마크

Page 9: Vision &RealizeYourself with US...Vision &RealizeYourself with US 각자의이상과꿈을담아실현시키는회사가되기위해브라이어스는시작되었습니다. 웹제작기술및온라인마케팅노하우를바탕으로새로운패러다임을창조

10

2 3

4 5

1

1.아이 연령별 이유식 안내가 가장 중요한 위치로 배치 하고 커뮤니티는 모듈그리드 방식으로

진부하지 않게 구성

2.가장 중요한 연령별 이유식 선택을 그리드로 구성

3.포스트 형식의 이유식설명을 구성

4.베이비밀 주문페이지로 연령별로 주문할 수 있게 구성, 직접 배달 주기와 식단선택 가능

5.이벤트 페이지를 한눈에 보이도록 구성

JAVA Language base, J-query , Ajax , css3

Apache Linux Server (Cent OS)

Tomcat + Apache, My-sql

Design Concept

프로그램 구성 제품, 심플한 UX , 차별화된 브랜드 체험

한 눈에 정보 위치를 파악하고, 페이지 스크롤을 최소한 할 수 있도록 구성

베이비밀의 BI에 맞는 따뜻한 느낌의 Brown과 풀무원 Green을 포인트

신선한, 산뜻한, 간결한, 먹음직스러운, 과학적인, 모던한

UI/UX

Layout

Color & Texture

Keyword

Development Environment

Language

OS

S/W

풀무원 베이비밀Strategy Consulting + Prototyping + Process Plan + UI Design + Development

http://www.babymeal.co.kr/front/getMain.do

V R Y U S R E F E R E N C E

Page 10: Vision &RealizeYourself with US...Vision &RealizeYourself with US 각자의이상과꿈을담아실현시키는회사가되기위해브라이어스는시작되었습니다. 웹제작기술및온라인마케팅노하우를바탕으로새로운패러다임을창조

11

회원관리

상품관리

주문관리

게시판관리

상담/문의관리

프로모션관리

설정

BACK OFFICE

브랜드&제품소개

SHOP

배달서비스

커뮤니티

마이베이비밀

고객센터

Mobile

Page 11: Vision &RealizeYourself with US...Vision &RealizeYourself with US 각자의이상과꿈을담아실현시키는회사가되기위해브라이어스는시작되었습니다. 웹제작기술및온라인마케팅노하우를바탕으로새로운패러다임을창조

12

2 3

4 5

1

1.웹사이트/ 모바일 / 관리자 특성 및 기능구성에 맞게 분리하여 구현

2.간편제품찾기로 강아지 체질별 제품추천 기능

3.페이지이동없이 한페이지에서 쇼핑 담기까지 가능한 UX

4.애견카페제휴를 통한 온오프 통합마케팅

5.마이페이지로 나의 쇼핑 및 커뮤니티 이력 관리

JAVA Language base, J-query , Ajax , css3

Apache Linux Server (Cent OS)

Tomcat + Apache, My-sql

Design Concept

빠른 쇼핑 패턴(퀵 장바구니), 심플한 UX , 차별화된 브랜드 체험

한 눈에 정보 위치를 파악하고, 페이지 스크롤을 최소한 할 수 있도록 구성

풀무원 칼라를 바탕으로 밝고 Organic느낌의 Brown Color

신뢰 가는, 고급스러운, 새로운, 건강한, 가족, 동반자, 사랑스러운

UI/UX

Layout

Color & Texture

Keyword

Development Environment

Language

OS

S/W

풀무원 아미오(AMIO) Strategy Consulting + Prototyping + Process Plan + UI Design + Development 풀무원이 만든 반려동물 건강 먹거리 아미오(AMIO)의 Brand Shopping mall 과 Mobile Shop 구축

http://www.pulmuonecaf.com

V R Y U S R E F E R E N C E

Page 12: Vision &RealizeYourself with US...Vision &RealizeYourself with US 각자의이상과꿈을담아실현시키는회사가되기위해브라이어스는시작되었습니다. 웹제작기술및온라인마케팅노하우를바탕으로새로운패러다임을창조

13

쉽고 간편하게 구매

구매이력관리

주문현황조회

이벤트/쿠폰 마케팅

상담/문의 페이지

회원관리 페이지

상품/주문관리

게시물 관리

상담/문의사항을 접수, 답변

쿠폰생성 및 발급을 관리

기부행사를 등록하고 기부포인트를 관리

상품, 매출, 프로모션, 회원 통계관리

회원등급, 포인트/마일리지 설정

HA 및 가맹점 수수료 지급 설정

Mobile

BACK OFFICE

Page 13: Vision &RealizeYourself with US...Vision &RealizeYourself with US 각자의이상과꿈을담아실현시키는회사가되기위해브라이어스는시작되었습니다. 웹제작기술및온라인마케팅노하우를바탕으로새로운패러다임을창조

14

2 3

4 5

1

1. 프로그램 다이어트 안내가 가장 중요한 위치로 배치 하고 커뮤니티는 모듈그리드

방식으로 진부하지 않게 구성

2. 오른쪽 UI에서 조건을 설정하고 검색하면 제품 추천

3. 포스트 형식의 다이어트 컬럼으로 웹진형식으로 구성

4. 제품별 특징이 살도록 비쥬얼 차별화

5. 한눈에 보이고 결제가 편리한 주문 결제 프로세스

JAVA Language base, J-query , Ajax , css3

Apache Linux Server (Cent OS)

Tomcat + Apache, My-sql

Design Concept

프로그램 구성 제품, 심플한 UX , 차별화된 브랜드 체험

한 눈에 정보 위치를 파악하고, 페이지 스크롤을 최소한 할 수 있도록 구성

잇슬림의 새로운 BI에 맞는 따뜻한 느낌의 Sky blue를 주조색으로 Brown과 풀무원 Green을 포인트

신선한, 산뜻한, 간결한, 먹음직스러운, 과학적인, 모던한

UI/UX

Layout

Color & Texture

Keyword

Development Environment

Language

OS

S/W

풀무원 잇슬림

Strategy Consulting + Prototyping + Process Plan + UI Design + Development풀무원이 만든 다이어트 식품의 Brand Shopping mall 과 Mobile Shop 구축

https://www.eatsslim.co.kr

V R Y U S R E F E R E N C E

Page 14: Vision &RealizeYourself with US...Vision &RealizeYourself with US 각자의이상과꿈을담아실현시키는회사가되기위해브라이어스는시작되었습니다. 웹제작기술및온라인마케팅노하우를바탕으로새로운패러다임을창조

15

쉽고 간편하게 구매

구매이력관리

주문현황조회

이벤트/쿠폰 마케팅

상담/문의 페이지

회원관리 페이지

상품/주문관리

게시물 관리

상담/문의사항을 접수, 답변

쿠폰생성 및 발급을 관리

상품, 매출, 프로모션, 회원 통계관리

회원등급, 포인트/마일리지 설정

BMI 체크 기능

Mobile

BACK OFFICE

Page 15: Vision &RealizeYourself with US...Vision &RealizeYourself with US 각자의이상과꿈을담아실현시키는회사가되기위해브라이어스는시작되었습니다. 웹제작기술및온라인마케팅노하우를바탕으로새로운패러다임을창조

16

TNB NANO ELECStrategy Consulting + Prototyping + Process Plan + UI Design + Development + Management + W3C

http://tnbnano.com/index.php

JAVA Language base, J-query , Ajax , css3

Apache Linux Server (Cent OS)

Tomcat + Apache, My-sql

Development Environment

Language

OS

S/W

1

1. 주요제품을 비주얼로 사용, 하단 푸터 영역에 Contact

Us Form을 바로 삽입하여 사용자 편리성을 높임

2. 기술개요 안내 페이지

3. 제품에 대한 상세 정보 페이지

2 3

Design Concept

depth를 간결하게 구성하여 페이지 이동에 용이

주요페이지에 충실한 간결하고 심플한 레이아웃

깔끔하고 간결한 서체와 색 사용

전문적인, 과학적인, 간결한, 모던한

UI/UX

Layout

Color & Texture

Keyword

V R Y U S R E F E R E N C E

Page 16: Vision &RealizeYourself with US...Vision &RealizeYourself with US 각자의이상과꿈을담아실현시키는회사가되기위해브라이어스는시작되었습니다. 웹제작기술및온라인마케팅노하우를바탕으로새로운패러다임을창조

17

TNB NANO ELEC + ShopStrategy Consulting + Prototyping + Process Plan + UI Design + Development + Management + W3C

http://tnbnano.com/shop

JAVA Language base, J-query , Ajax , css3

Apache Linux Server (Cent OS)

Tomcat + Apache, My-sql

Development Environment

Language

OS

S/W

Design Concept

depth를 간결하게 구성하여 전체적인 제품 탐색이 간결하도록 페이지 설계

상품정보가 시원하게 읽힐 수 있도록 가독성을 고려한 레이아웃

깔끔하고 간결한 서체와 색 사용

전문적인, 과학적인, 간결한, 모던한

UI/UX

Layout

Color & Texture

Keyword

1 2 31. 제품과 샵의 주요 기능들만 모아 간결하게 표현

2. 제품 구매 페이지 구성

3. 비회원으로 주문/결제가 가능하도록 구성

V R Y U S R E F E R E N C E

Page 17: Vision &RealizeYourself with US...Vision &RealizeYourself with US 각자의이상과꿈을담아실현시키는회사가되기위해브라이어스는시작되었습니다. 웹제작기술및온라인마케팅노하우를바탕으로새로운패러다임을창조

18

듀오락(DUOLAC) Strategy Consulting + Prototyping + Process Plan + UI Design + Development 똑똑한 프로바이오틱스 듀오락(DUOLAC)의 Brand Shopping mall 과 Mobile Shop 구축

http://www.duolac.co.kr

2 3

4 5

1

1. 가로 3단 레이아웃으로 브랜드에 대한 특징과 주요 제품을 나열하여 구성

2. 브랜드에 대한 충분한 이해를 위해 브랜딩 페이지를 풍부하게 구성

3. 과거, 현재, 미래로 나누어 주요 히스토리 어필

4. 듀오락 주문페이지로 섭취별/연령별로 주문할 수 있게 구성

5. 쇼핑정보룰 손쉽게 관리하는 마이페이지

Design Concept

브랜딩 영역, 브랜드 베스트셀러, 제품가이드,심플한 UX , 이벤트 제공

브랜드에 대한 충분한 이해를 위해 브랜딩페이지를 풍부하게 구성

듀오락의 CI컬러를 차용하여 톤앤매너 구성

전문적인, 똑똑한, 혁신적인, 글로벌

UI/UX

Layout

Color & Texture

Keyword

JAVA Language base, J-query , Ajax , css3

Apache Linux Server (Cent OS)

Tomcat + Apache, My-sql

Development Environment

Language

OS

S/W

V R Y U S R E F E R E N C E

Page 18: Vision &RealizeYourself with US...Vision &RealizeYourself with US 각자의이상과꿈을담아실현시키는회사가되기위해브라이어스는시작되었습니다. 웹제작기술및온라인마케팅노하우를바탕으로새로운패러다임을창조

19

Mobile

V R Y U S R E F E R E N C E

Page 19: Vision &RealizeYourself with US...Vision &RealizeYourself with US 각자의이상과꿈을담아실현시키는회사가되기위해브라이어스는시작되었습니다. 웹제작기술및온라인마케팅노하우를바탕으로새로운패러다임을창조

20

2 31

1. 기존의 딱딱한 이미지를 벗어나 글로벌 하고 도전정신이 느껴지는 회사의 비전과 미래를 홈페

이지를 통해 노출

2. 회사 개요를 아이콘으로 표현

3. 재무정보를 인포그래픽화 하여 내용을 시각화 함

JAVA Language base, J-query , Ajax , css3

Apache Linux Server (Cent OS)

Tomcat + Apache, My-sql

Design Concept

프로그램 구성, 심플한 UX , 차별화된 브랜드 체험

한 눈에 정보 위치를 파악하고, 메인페이지에서 스크롤을 없앰

오씨아이상사에 고급스러운 BLUE를 사용

신선한, 산뜻한, 간결한, 과학적인, 모던한

UI/UX

Layout

Color & Texture

Keyword

Development Environment

Language

OS

S/W

오씨아이상사Strategy Consulting + Prototyping + Process Plan + UI Design + Development + Responsive web( 반응형웹)

http://www.ocicorp.co.kr

V R Y U S R E F E R E N C E

Page 20: Vision &RealizeYourself with US...Vision &RealizeYourself with US 각자의이상과꿈을담아실현시키는회사가되기위해브라이어스는시작되었습니다. 웹제작기술및온라인마케팅노하우를바탕으로새로운패러다임을창조

21

회사소개

제품소개

IR정보

홈보센터

고객지원

인재채용

Mobile

Page 21: Vision &RealizeYourself with US...Vision &RealizeYourself with US 각자의이상과꿈을담아실현시키는회사가되기위해브라이어스는시작되었습니다. 웹제작기술및온라인마케팅노하우를바탕으로새로운패러다임을창조

22

오씨아이 머티리얼즈 : http://www.ocim.co.kr

Intro Movie

Free hand Line Drawing

오씨아이 머티리얼즈는 공업용 가스를 주력으로 생산하는 업체로, 클라이언트 산업군을 메인 비쥬얼로 표현하면서, 핸드 드로잉의 느낌을주어 젋고 혁신적인 기업이미지를 표방하였다.

오씨아이 머티리얼즈Strategy Consulting + Prototyping + Process Plan + UI Design + Development

http://www.ocim.co.kr

V R Y U S R E F E R E N C E

Page 22: Vision &RealizeYourself with US...Vision &RealizeYourself with US 각자의이상과꿈을담아실현시키는회사가되기위해브라이어스는시작되었습니다. 웹제작기술및온라인마케팅노하우를바탕으로새로운패러다임을창조

23

구축기 상세 보기 : http://vryus.blog.me/20197674421

컨텐츠 영역을 넓게 이용하여, 정보전달형 기업사이트

회사보다는 제품위주의 소개 사이트

편리한 UI관리시스템

유리산업의 특성상 B2B거래를 주로 하던 국영지앤엠은 새로운 서비스 시장창출을 위해 빌딩개보수 직접상담 및 시공이라는 새로운 분야를 내놓고, 웹사이트와 브로셔등 전분야에 걸쳐 리노베이션 하고 있다.

국영지앤엠Strategy Consulting + Prototyping + Process Plan + UI Design + Development + Management + W3C

http://www.kukyounggnm.com/

1. 제품이 적용된 대표적인 건물들을 메인비주얼 부분에 노출

2. 맞춤 견적 서비스 설계 및 구축

1 2

V R Y U S R E F E R E N C E

Page 23: Vision &RealizeYourself with US...Vision &RealizeYourself with US 각자의이상과꿈을담아실현시키는회사가되기위해브라이어스는시작되었습니다. 웹제작기술및온라인마케팅노하우를바탕으로새로운패러다임을창조

24

한국유리공업주식회사 : http://www.hanglas.co.kr/

모바일웹 : http://www.hanglas.co.kr/mobile/

한국유리공업주식회사 판유리제품 소개 사이트 : http://www.myhanglas.co.kr

한글라스 기업 사이트는 기업정보공시와 채용공지등 을 주요 내용으로 하고 있으며, 제품 쪽은 별도의 사이트들로 분리되어 운영중임.

한국유리공업주식회사 (한글라스)Strategy Consulting + Prototyping + Process Plan + UI Design + Development + Management + W3C

http://www.hanglas.co.kr/

1. 3D Animation Intro

2. 사업영역 플래시 Animation UI디자인

1 2

Shock Wave Flash, JAVA Language base, J-query ,

Ajax , css3

Apache Linux Server (Cent OS)

Tomcat + Apache, My-sql

Design Concept

프로그램 구성 제품, 심플한 UX , 차별화된 브랜드 체험

한 눈에 정보 위치를 파악하고, 페이지 스크롤을 최소한 할 수 있도록 구성

한글라스의 중심 색깔인 파랑색을 포인트로 사용하여 유리재질 느낌으로 시원함을 전달

모던한, 세련된, 깔끔한, 시원한, 투명한

UI/UX

Layout

Color & Texture

Keyword

Development Environment

Language

OS

S/W

V R Y U S R E F E R E N C E

Page 24: Vision &RealizeYourself with US...Vision &RealizeYourself with US 각자의이상과꿈을담아실현시키는회사가되기위해브라이어스는시작되었습니다. 웹제작기술및온라인마케팅노하우를바탕으로새로운패러다임을창조

25

유리의 안전성을 검토하고, 단위 환산을 도와주는 한글라스만의 노하우가 담긴 계산 프로그램 ‘매미’ 페이지

V R Y U S R E F E R E N C E

Page 25: Vision &RealizeYourself with US...Vision &RealizeYourself with US 각자의이상과꿈을담아실현시키는회사가되기위해브라이어스는시작되었습니다. 웹제작기술및온라인마케팅노하우를바탕으로새로운패러다임을창조

26

서울대 화학부Strategy Consulting + Prototyping + Process Plan + UI Design + Development + Responsive web( 반응형웹)

http://chem.snu.ac.kr

JAVA Language base, J-query , Ajax , css3

Apache Linux Server (Cent OS)

Tomcat + Apache, My-sql

Design Concept

프로그램 구성, 심플한 UX , 차별화된 브랜드 체험

한 눈에 정보 위치를 파악, 모든 해상도지원

과홈페이지로 깔끔하고 간결한 서체와 색 사용

신선한, 산뜻한, 간결한, 과학적인, 모던한

UI/UX

Layout

Color & Texture

Keyword

Development Environment

Language

OS

S/W

1. 웹접근성에 맞게 어떤 해상도에서도 잘 보이게 제작

2. 교수들 소개로 마우스 오버시 이름과 함께 주요과목을 표시하여 분류

1 2

V R Y U S R E F E R E N C E

Page 26: Vision &RealizeYourself with US...Vision &RealizeYourself with US 각자의이상과꿈을담아실현시키는회사가되기위해브라이어스는시작되었습니다. 웹제작기술및온라인마케팅노하우를바탕으로새로운패러다임을창조

27

ABOUT

FACULTY & RESEARCH

EDUCATION

ADMISSIONS

NEWS & EVENTS

NETWORKS

Mobile

V R Y U S R E F E R E N C E

Page 27: Vision &RealizeYourself with US...Vision &RealizeYourself with US 각자의이상과꿈을담아실현시키는회사가되기위해브라이어스는시작되었습니다. 웹제작기술및온라인마케팅노하우를바탕으로새로운패러다임을창조

28

전국생활문화동호회축제: http://www.nvaf2014.kr/

2014 전국생활 문화 동호회 축제 홈페이지 제작 및 운영 사업으로 축제의 개요안내 및 프로그램을소개하는 공식 네트워크 채널로 활용되어 축제 아이덴티티 확립과 함께, 지역별 생활 문화동호회간의 연계성을 높이고 소통과 참여의 커뮤니티를 생성할 수 있도록 지원하고자 한다.

전국생활문화동호회축제Strategy Consulting + Prototyping + Process Plan + UI Design + Development+ Responsive web( 반응형웹)

http://www.nvaf2014.kr/

1. 여백으로 시원한 느낌을 주는 동시에 한눈에 볼수

있는 컨텐츠로 꽉차보이는 느낌으로 제작하였다.

2. 단조로운 색감과 빨강으로 포인트를 줘 강조되어

보이게 작업

1 2

JAVA Language base, J-query , Ajax , css3

Apache Linux Server (Cent OS)

Tomcat + Apache, My-sql

Design Concept

프로그램 구성 제품, 심플한 UX , 차별화된 브랜드 체험

한 눈에 정보 위치를 파악하고, 페이지 스크롤을 최소한 할 수 있도록 구성

포인트 칼라 레드를 기준으로 사용

활기찬, 모던한, 세련된, 아름다운, 시원한, 깔끔한, 화려한

UI/UX

Layout

Color & Texture

Keyword

Development Environment

Language

OS

S/W

V R Y U S R E F E R E N C E

Page 28: Vision &RealizeYourself with US...Vision &RealizeYourself with US 각자의이상과꿈을담아실현시키는회사가되기위해브라이어스는시작되었습니다. 웹제작기술및온라인마케팅노하우를바탕으로새로운패러다임을창조

29

축제소개

지역생문동

추천생문동

공지사항

묻고답하기

Mobile

Page 29: Vision &RealizeYourself with US...Vision &RealizeYourself with US 각자의이상과꿈을담아실현시키는회사가되기위해브라이어스는시작되었습니다. 웹제작기술및온라인마케팅노하우를바탕으로새로운패러다임을창조

30

예술경영지원센터Strategy Consulting + Prototyping + Process Plan + UI Design + Development + Management + W3C

http://www.gokams.or.kr/

V R Y U S R E F E R E N C E

Page 30: Vision &RealizeYourself with US...Vision &RealizeYourself with US 각자의이상과꿈을담아실현시키는회사가되기위해브라이어스는시작되었습니다. 웹제작기술및온라인마케팅노하우를바탕으로새로운패러다임을창조

31

예술경영지원센터Strategy Consulting + Prototyping + Process Plan + UI Design + Development + Management + W3C

http://www.gokams.or.kr/

V R Y U S R E F E R E N C E

Page 31: Vision &RealizeYourself with US...Vision &RealizeYourself with US 각자의이상과꿈을담아실현시키는회사가되기위해브라이어스는시작되었습니다. 웹제작기술및온라인마케팅노하우를바탕으로새로운패러다임을창조

32

2015 서울아트마켓Strategy Consulting + Prototyping + Process Plan + UI Design + Development + Management + W3C

http://www.kukyounggnm.com/

서울아트마켓(PAMS, Performing Arts Market in Seoul)은 다양하고 활발한 창작과

제작을 바탕으로 한 한국공연예술 작품들의 합리적인 유통과 해외진출 활성화를 위해

재단법인 예술경영지원센터가 문화체육관광부의 후원을 받아 매년 10월에 개최하고 있다.

JAVA Language base, J-query , Ajax , css3

Apache Linux Server (Cent OS)

Tomcat + Apache, My-sql

Design Concept

다양한 분야의 예술인이 방문하는 사이트이기 때문에 폰트와 색상에서 파격함을 주었다. 또한 방문자의 목적에 맞추어 행사 일정 및 장소, 프로그램, 참가등록의 GNB에 배치하여 접근성을 높였다. 메인 디자인은 확장과

연결의 주제를 가지고 표현한 포스터에서 확장된 디자인을 적용하였으며 전체적으로 한눈에 들어올 수 있도록 큼직하게 배치하였다. 아이콘은 PAMS의 도형과 비슷한 느낌의 플랫하게 디자인하였으며 버튼에서도 같은

플랫함을 느낄 수 있도록 디자인였고 약도 역시 사이트의 느낌에 맞추어 디자인 하였다.

Development Environment

Language

OS

S/W

V R Y U S R E F E R E N C E

Page 32: Vision &RealizeYourself with US...Vision &RealizeYourself with US 각자의이상과꿈을담아실현시키는회사가되기위해브라이어스는시작되었습니다. 웹제작기술및온라인마케팅노하우를바탕으로새로운패러다임을창조

33

Development Summary

실시간요금조회 /잔여무료통화 / 청구요금조회 / 포인트/맴버쉽 / 마이페이

지 / 사용요금조회 / 요금제/로밍 등

Design Concept

차트위주의 구성으로 데이터를 읽기 편하게 제공

한 눈에 정보 위치를 파악하고, 페이지 스크롤을 최소한 할 수 있도록 구성

T월드 고유의 브랜드색에 편안한 나무느낌의 재질로 레드의 피로감 상쇠

보기 좋은, 편안한, 산뜻한, 심플한

UI/UX

Layout

Color & Texture

KeywordMobile Web Mobile Application

V R Y U S R E F E R E N C E

SKT 모바일 고객센터 (웹/앱)

SKT 이용고객이 편리하게 모바일을 통해서, 요금이나 통화량을 체크할 수 있는 서비스 제공Strategy Consulting + Prototyping + Process Plan + UI Design

33

Page 33: Vision &RealizeYourself with US...Vision &RealizeYourself with US 각자의이상과꿈을담아실현시키는회사가되기위해브라이어스는시작되었습니다. 웹제작기술및온라인마케팅노하우를바탕으로새로운패러다임을창조

34

.Net Framework 2.0, ASP.Net(C#)

Windows Server 2008

IIS7.0, MS-SQL 2005

VS 2008(Framework 3.5)

Development Summary

웹 표준 2.0을 기준으로 진행(IE 7.0이상)

ASP.Net(C#) 으로 진행

DB는 web, dac, biz 로 분리하여 구현

병원 홈페이지와 UI, DB(회원부분) 통합

차트 구현 및 양식 html출력 리포트

Development Environment

Language

OS

S/W

Tool

3

4

1 2

1. 환자접속화면

2. 문진표 조회 및 차트 출력

3. 당뇨수첩 : 혈당 관리 입력

4. 의료진 접속화면 :환자정보 리스트업

V R Y U S R E F E R E N C E

U-헬스케어 (당뇨관리)

Strategy Consulting + Prototyping + Process Plan + UI Design + Development 병의원(1차 의원)과 연계, 당뇨환자 대상 질환 및 생활관리 맞춤 설계 및 모니터링 서비스를 제공하고 환자의 댁내 자가관리를 모니터링하는 당뇨관리서비스 시스템 구축

34

Page 34: Vision &RealizeYourself with US...Vision &RealizeYourself with US 각자의이상과꿈을담아실현시키는회사가되기위해브라이어스는시작되었습니다. 웹제작기술및온라인마케팅노하우를바탕으로새로운패러다임을창조

35

다양한 멀티 디바이스 웹사이트 개발 경험MOBILE Web , Multi Device 연동 , 기존 System과의 연동작업, 웹표준 개발, 동적언어(Jquery, Javascript, Ajax), Web Brand Consulting 등 다양한 제작 경험을 통해 안정적인 사이트를 구축함

다양한 기업의 웹프로젝트 구축을 진

행한 브라이어스는 웹구현을 위한 국

내최고의 기술력을 가지고 모든 사이

트의 고객지향화를 위해 구축하고 있

습니다.

V R Y U S R E F E R E N C E

35

Page 35: Vision &RealizeYourself with US...Vision &RealizeYourself with US 각자의이상과꿈을담아실현시키는회사가되기위해브라이어스는시작되었습니다. 웹제작기술및온라인마케팅노하우를바탕으로새로운패러다임을창조

36

V R Y U S R E F E R E N C E

동양피엔에프 홍보영상 (국영문) http://www.youtube.com/watch?v=mSX6NRvYx30&feature=share&list=UUTrlbTCkp1ISfFzjus_MC2Q

Page 36: Vision &RealizeYourself with US...Vision &RealizeYourself with US 각자의이상과꿈을담아실현시키는회사가되기위해브라이어스는시작되었습니다. 웹제작기술및온라인마케팅노하우를바탕으로새로운패러다임을창조

37

CompanyInformation