# Skincare Tracking App Design: Senso’s Recording Layers

Source: https://www.jvds.cn/en/share/ui-design/senso-skincare-diary-u047
Language: en
Published: 2026-10-13
Author: JVDS Design Studio

Senso’s skincare tracking app design separates today’s tasks from observations worth recording in detail. The home page offers morning and evening plans with checkboxes; the diary adds levels, tags and notes. Pale green links the actions, giving everyday recording a clear starting path.

## The home page places today before longer-term review

Below Hi, Maria is a row of date blocks, followed by a status entry. UV and a short message card take less space, while morning and evening Routine cards contain times, product types and checkboxes. Each content type has a boundary instead of crowding into one long explanation.

Morning Routine uses a sun icon and Evening Routine a moon, with times beside their headings. Icons and words explain the period together, while checked boxes turn pale green. These pairings avoid relying on positional memory to distinguish morning from evening.

Your products and Compare Results appear further down. Product lists and photograph reviews are deeper content, while today’s actions remain first. JVDS favors this sequence for tracking products opened repeatedly: give people something to do now, then access to a longer history.

The example dates repeat Wed and 14, content that needs correction. Dates identify records; a production page should make the continuous timeline accurately describable rather than imply sequence through color alone.

![Senso home page dates, morning and evening routine checkboxes, and product and photograph entries](https://www.jvds.cn/upload/2026/1008/d187-tp/u047-i1.webp)

Home page, middle and lower areas | Today’s plan comes first; product and photograph reviews sit deeper.

## Levels offer vocabulary; notes retain personal wording

The diary uses horizontal sliders for observation levels, with a short word below each level. A pale background marks the selected item and corresponds to the slider handle; sensitivity and texture have separate headings. Abstract impressions gain at least a comparable vocabulary.

Additional factors contains lifestyle tags, while Notes supplies a larger text box and Save spans the bottom width. Selection, supplementation and saving form a complete order. Tags need not express everything; notes leave room for observations without a ready-made option.

Tracking products can adapt these roles but should distinguish [no observation](https://www.jvds.cn/en/share/ui-design/ui-component-states-design-system) from an explicit selection of no issue. An empty field should not automatically become a positive state. A saved summary should repeat the selected words directly for review and editing.

The slider looks continuous while its labels define discrete levels, so interaction needs accurate correspondence between handle and word. Selection, dragging and states with the keyboard open are not shown here; later prototypes can examine these positions.

![Senso sensitivity and texture sliders, lifestyle factors, notes and Save button](https://www.jvds.cn/upload/2026/1008/d187-tp/u047-i2.webp)

Diary page, top to bottom | Levels, factor tags and free notes together capture one observation.

## Review separates products, associations and factors

Product Impact groups product image, category tag, name and brand, using Positive Effect and Breakout Risk as section headings. Below it, Correlation Insights combines Cycle, Sleep and UV tags with text, while Lifestyle Factors starts another card.

The three areas have their own headings and space. Product identity is not covered by a large image, and factors are not mixed beside product names. This is a useful review hierarchy: different objects each have a place to read.

Effect and association terms are image copy and do not prove that a product caused a change. A further review design could link every summary to relevant dates, record counts and observations, helping people return to [the original records](https://www.jvds.cn/en/share/ui-design/dashboard-data-visualization-mistakes) for context.

Photo comparisons also need capture dates and associated records. Two images side by side support viewing, but differences in lighting or angle still need explanation. Neatly arranged photographs do not automatically constitute a conclusion.

![Senso Product Impact and Correlation Insights product and factor summaries](https://www.jvds.cn/upload/2026/1008/d187-tp/u047-i3.webp)

Upper review page | Product labels and lifestyle factors sit together; conclusions should lead back to their source records.

## Pale green connects actions; other pale colors distinguish content

Save, checkmarks and small arrows use pale green, while product-type tags have fine pink, blue or yellow outlines. Primary actions share a color; information categories retain small distinctions, with white cards providing a clean background.

To adapt this approach, first map a complete day: no record, routine completed only, and diary filled in. Then check how history displays those states. Clear state relationships can support long-term recording better than adding more streak rewards, while keeping the interface light.

## Make recording easy to begin and convenient to review

If you are planning a daily tracking, lifestyle management or health information app, consider quick actions, detailed entries and history access together. JVDS provides UI/UX design and website design and development, helping plan product interfaces and introductory websites.

[Contact JVDS to discuss your project](https://www.jvds.cn/contact)