Brand
Story

마녀공장은 피부 본연의 건강한 아름다움과
자연스러움을 추구하는
친환경 스킨케어 브랜드입니다.
‘건강한 아름다움’이라는 철학을 지닌 마녀공장은
엄선된 자연 원료만을 사용하여
피부 본연의
아름다운 가치를 찾아줍니다.

manyo_brand_story_text_img1
manyo_brand_story_img1 manyo_brand_story_img1
manyo_brand_story_text_img2
manyo_brand_story_img2
manyo_brand_story_product_img1
manyo_brand_story_product_img2
manyo_parallax1

CORE VALUE

우리는 2019년 마녀공장 사이트 구축을 시작으로
2021년,
마녀공장
고유의 정체성을 극대화하여 시장에
리포지셔닝 시키고자 리뉴얼 작업을 진행했습니다.

이러한 목표를 위하여 사용자 관점에서
필요한 기능과 UX 편의성을 강화하고
마녀공장의 니즈를
바탕으로 최적화된 디자인과 가이드를 정립시켰습니다.

manyo_core_value_phone_img1 manyo_core_value_phone_img1

01
Design development

마녀공장 브랜드 가치관과
고유의 톤앤매너를 유지하되
UI/UX 관점을 도입하여 소비자
편의를 향상시키고자 합니다.

02
usability

체계적인 가이드화를 통하여
고객사에 지속적으로 업데이트
될 화면을
효율적으로 운영할
수 있으며 사용자 관점에서
다양한 화면을
안정적으로
인지할 수 있도록 도와줍니다.

manyo_core_value_phone_img2 manyo_core_value_phone_img2
manyo_core_value_text_img manyo_core_value_text_img

GRID SYSTEM

데스크탑 1920, 모바일 960을 기준으로
총 두 가지의 디바이스에서
각 해상도를 맞추고
그리드 시스템을 활용하여 편의성과 심미성을
충족시킬 수 있는 가이드를 적용했습니다.

다양한 화면에 유연하게 적응할 수 있도록
그리드 시스템을 활용하여
콘텐츠를 모듈화하고
에셋 간의 규칙을 만들어
각 요소의
패딩 값을 고유하게 구성합니다.

grid-system-img grid-system-img grid-system-img
grid-system-img grid-system-img grid-system-img
grid-system-img grid-system-img grid-system-img grid-system-img grid-system-img grid-system-img grid-system-img grid-system-img grid-system-img
grid-system-img grid-system-img grid-system-img grid-system-img grid-system-img grid-system-img

DESIGN ELEMENT

design-element-img design-element-img design-element-img
manyo_design_element_slide_img1
manyo_design_element_slide_img2
manyo_design_element_slide_img3
manyo_design_element_slide_img4
manyo_design_element_slide_img5
manyo_design_element_img1
manyo_design_element_product_img1
manyo_design_element_product_img2
manyo_design_element_img2
manyo_parallax2
manyo_healthy_area_phone_img1 manyo_healthy_area_water_drop_img3
manyo_healthy_area_img1 manyo_healthy_area_water_drop_img1
manyo_healthy_area_water_drop_img2 manyo_healthy_area_phone_img2
manyo_healthy_area_text_img1 manyo_healthy_area_text_img1
manyo_healthy_area_img2
manyo_healthy_area_img2
manyo_healthy_area_img3
manyo_parallax3
manyo_honesty_area_text_img
manyo_honesty_area_img1
manyo_honesty_area_img2 manyo_honesty_area_img2
manyo_honesty_area_phone_img
manyo_honesty_area_img3 manyo_honesty_area_img3
manyo_honesty_area_img4
manyo_honesty_area_img4
manyo_honesty_area_img1
manyo_honesty_area_img5
manyo_parallax4
manyo_skin_care_area_phone_img1
manyo_skin_care_area_phone_img2
manyo_skin_care_area_img1
manyo_skin_care_area_text_img1
manyo_skin_care_area_img2
manyo_skin_care_area_page_img1 manyo_skin_care_area_page_img3
manyo_skin_care_area_page_img2
manyo_skin_care_area_page_img3 manyo_skin_care_area_page_img4
manyo_skin_care_area_page_img4
manyo_skin_care_area_img3
manyo_skin_care_area_text_img2 manyo_skin_care_area_text_img2 manyo_skin_care_area_text_img2
manyo_skin_care_area_img4
manyo_skin_care_area_phone_img3
manyo_skin_care_area_phone_img4
manyo_parallax5
manyo_parallax5_page_img
manyo_parallax5_page_img