LP design by Chaputonain Ripotoripuru Seramu

LP design by Chaputonain Ripotoripuru SeramuLP information

Registration date 2026-07-07

https://item.rakuten.co.jp/smart-cosme/c902s03/

Product/service name

Chaputonain Ripotoripuru Seramu

Categories

Skincare, Bodycare, Haircare

Company name

Kabushiki-gaisha Sumato Kosume（Tokyo-to Shibuya-ku）

Color

We design smartphone LPs using White-based

Image

These smartphone LPs have a "Refined style" style design

Catchcopy

Fast-acting care with a next-generation serum.

Design

1. Grid layout targeting Generation Z and millennial generations on smartphone screens (vertical)
PC viewing has been deprioritized to such an extent that it is not an exaggeration to say so; the vertical scrolling path is meticulously calculated and optimized for smartphone widths (generally 375px–414px).

Per-screen "one-scene-per-screen" layout
When scrolling on a smartphone, image blocks are created at sizes (square to slightly vertical ratios) so that themes like "ingredient introduction," "texture/feel introduction," and "special offers" fit neatly into a single screen per scroll. Because information is not cut off midway through the screen, users are not stressed and can read through in a pleasant rhythm.

2. Application of "SNS (Instagram carousel-like) design"
This landing page adopts a graphic approach closer to Instagram carousel posts (images viewed by swiping) or magazine cutouts than to a typical website.

Heavy use of rounded corners (rounded corner) and drop shadows
Rounded corners are applied to the boundaries when switching images and to the frames surrounding elements; a faint shadow (drop shadow) is added behind them to give depth (three-dimensionality) to the screen. This is a common visual language in modern apps and social media UI design, and it creates shapes that young generations intuitively perceive as cute and approachable.

Handwritten-style and decorative touches
By designing underlines to look like they were drawn with a highlighter and scattering stars or sparkling dots around text, the coldness typical of digital media is removed, producing a lively, handmade feeling.

3. Calculated "color psychology" and gaze guidance
The entire page is not made colorful for its own sake; colors are controlled to match the emotional waves of users.

For eye-catching elements, use complementary or highly saturated colors
Because the base is organized with gentle pastel or nuanced (muted) colors, the keywords you most want users to notice—such as "pores" and "moisture"—and the numbers for limited-time prices deliberately use striking colors like attention-grabbing pink or vivid orange in pinpoint areas to forcibly capture the viewer's gaze.

Fluidity through gradients
Using gentle gradients on backgrounds and buttons (e.g., pink to purple, light blue to green) creates a sense of movement on the screen compared to a single color, naturally guiding the user's gaze downward and encouraging continued scrolling.

4. How to preserve the white and transparency that ensure the cleanliness unique to cosmetics
No matter how much the design is styled in an SNS-like, lively way, the foundation remains cosmetics (products applied to the skin). Therefore, it is never reduced to a vulgar, Don Quijote-style POP.

Background "white" and "transparency"
Even in sections with many texts and decorations, the product background either uses refreshing texture images such as water droplets, transparent gel, or light reflections, or always leaves a crisp, clean white. Because of this expression of transparency, no matter how much promotional value is emphasized, the product's perceived quality and clean impression are maintained in the design.