snug© Insight

Work / Web & App

CELLAMES 셀라메스

전극 세포칩을 만드는 바이오 회사의 제품 · 논문 · 인증을, 남색 우주 같은 첫 화면과 장기별 분류로 정리한 영문 사이트입니다.

Client
CELLAMES 셀라메스
Category
바이오 · 전극 세포칩
Service
Website · 기획 · 디자인 · 구축
Platform
반응형 PC / 모바일 · 영문
CELLAMES 셀라메스 — 대표 장면

overview

CELLAMES Electrode Cell Chip

셀라메스는 세포를 전극 위에서 키우며 측정하는 전극 세포칩(CIMS-Plate · CFPS-Plate)을 만드는 바이오 회사입니다. 첫 화면은 점으로 흩어지는 남색 구체 위에 제품 이름을 크게 두고, 바로 아래에 제품 · 논문 검색창을 놓았습니다.

design

우주 같은 남색, 오렌지 한 점

바탕은 거의 검은 남색, 강조는 로고의 오렌지 하나입니다. 영문 제목은 Belleza 로 가늘고 단정하게, 메뉴와 본문은 Inter 로 썼습니다. 뇌 · 심장 · 간 · 폐를 빛나는 점 그림으로 그린 카드로 「장기별 논문 모아보기」 를 만들어, 연구자가 관심 장기부터 찾게 했습니다.

  • Deep Navy #09001D 첫 화면 · 카드
  • Orange #EA4935 로고 · 검색 단추 · 제목
  • White #FDFEFF 바탕
  • Aa Belleza — 영문 제목
  • Aa Inter — 메뉴 · 본문

pages

회사 · 연혁 · 파트너 · 인증

ABOUT 아래 회사 소개 · 연혁 · 고객과 파트너 · 인증서를 같은 꼴의 탭으로 나눴습니다. 연혁은 해마다 칩으로 넘기고, 파트너는 대학 · 연구소 로고를 격자로, 인증은 실제 인증서 그림으로 보여 줍니다.

CELLAMES 셀라메스 — 회사 · 연혁 · 파트너 · 인증
CELLAMES 셀라메스 — 회사 · 연혁 · 파트너 · 인증
CELLAMES 셀라메스 — 회사 · 연혁 · 파트너 · 인증
CELLAMES 셀라메스 — 회사 · 연혁 · 파트너 · 인증
CELLAMES 셀라메스 — 회사 · 연혁 · 파트너 · 인증
CELLAMES 셀라메스 — 회사 · 연혁 · 파트너 · 인증

mobile

장기 카드는 한 줄에 하나

휴대폰에서는 장기별 카드를 한 줄에 한 장씩 크게 쌓고, ABOUT 의 탭은 접히는 고르기 칸 하나로 바꿨습니다. 검색창은 첫 화면 아래에 그대로 남겨 바로 찾을 수 있게 했습니다.

CELLAMES 셀라메스 — 장기 카드는 한 줄에 하나
CELLAMES 셀라메스 — 장기 카드는 한 줄에 하나
CELLAMES 셀라메스 — 장기 카드는 한 줄에 하나
Client
CELLAMES 셀라메스
Design
snug
Build
snug — Astro

More Web & App