시오니네 LAB · 블로그 기획과 디자인
시오니네 LAB 블로그 스킨
색은 다르게, 운영은 하나로.
독서부터 요리까지 일곱 가지 취향을 담았습니다. 블로그의 첫인상, 글을 찾는 흐름, 운영자의 설정을 하나의 시스템으로 연결했습니다.
실제 서버 화면
일곱 가지 색, 일곱 가지 기록
화면을 클릭하면 해당 블로그가 새 창으로 열립니다.
2026년 10월 14일 서버 화면입니다. 각 주제의 3개 카테고리와 15편의 글, 총 105편의 샘플 콘텐츠를 구성했습니다.
- 클라이언트
- 시오니네
- 제작 기간
- 2026.10
- 수행 범위
- 서비스 기획 · UI/UX · 퍼블리싱 · 기능 구현
- 분류
- WEB · UX/UI · 콘텐츠 운영
읽는 사람과 운영자를 함께
꾸미는 화면에서, 운영하는 블로그로
블로그마다 다른 첫인상
7가지 스킨 컬러를 선택하고, 헤더·푸터의 단색 배경 또는 이미지를 독립적으로 설정합니다. 2400×360 배경 이미지 업로드와 저장 전 전체 미리보기를 제공합니다.
관심 있는 글까지 짧은 동선
주제별 서브 메인에서 블로그를 찾고, 각 블로그의 카테고리·검색·정렬로 글을 좁혀 봅니다. 최근 기록과 함께 읽을 글, 본문 목차가 다음 읽기를 이어줍니다.
기록과 참여를 함께
기존 게시판의 글쓰기·이미지 편집·수정·댓글 기능을 연결했습니다. 좋아요는 회원 로그인 후 추가·취소할 수 있고, 스크랩과 내 스크랩으로 다시 읽을 글을 모읍니다.
운영자가 직접 바꾸는 화면
관리자 블로그 설정에서 새 블로그 생성·삭제, 이름·상단 소개·사이드바·연결 링크·카테고리·공개 여부를 관리합니다. 카테고리 이름 변경 시 기존 글 분류를 연결할 수 있습니다.
공개 범위와 작성 권한 관리
글쓰기와 댓글 권한, 좋아요·댓글 사용, 승인 후 공개를 블로그별로 설정합니다. 비공개 블로그와 비밀글·숨김글·승인 대기 글은 서브 메인의 공개 글 집계와 최근 기록에서 제외합니다.
휴대전화에서도 이어지는 읽기
모바일에서 소개·카테고리·글 목록이 자연스럽게 이어지고, 데스크톱에서는 사이드바와 본문을 나란히 배치합니다. 키보드 포커스와 모션 감소 환경에 대응합니다.
주제를 고르고, 기록을 발견하기
블로그를 한곳에서 만나는 서브 메인
7개 주제의 썸네일과 설명, 카테고리, 공개 글 수를 한 화면에서 비교합니다. 주제 선택과 검색으로 관심 있는 블로그를 찾고, 최근 기록으로 읽기를 시작합니다.
각 주제의 이미지에는 페이지의 빛, 초점 프레임, 풍경의 이동처럼 컨셉에 맞는 움직임을 적용했습니다. 모션 감소 설정에서는 효과를 줄입니다.
블로그 서브 메인 보기 ↗
설정부터 글 발행까지
운영 흐름도 하나의 경험으로
블로그 생성
관리자에서 새 블로그를 만들고 이름과 소개, 스킨 컬러를 설정합니다.
공간 구성
헤더·푸터 이미지, 사이드바 설명, 카테고리와 연결 링크를 미리보기로 확인합니다.
콘텐츠 발행
기존 게시판 편집 기능으로 글을 작성하고 공개·승인 여부와 작성 권한을 관리합니다.
독자와 연결
서브 메인과 카테고리에서 글을 발견하고 댓글·좋아요·스크랩으로 읽기를 이어갑니다.
기존 게시판을 활용한 독립 블로그
PHP·MariaDB를 지원하는 호스팅 환경에서 기존 게시판 기능을 바탕으로 구성했습니다. 일반 게시판 설정과 블로그 설정을 분리하고, 공개된 블로그 설정에 맞춰 서브 메인을 표시합니다.
브랜드에 맞는 기록 공간
당신의 주제에 맞는 블로그를 만듭니다.
컬러와 이미지부터 글을 읽고 관리하는 흐름까지, 필요한 범위로 함께 정리합니다.