Jessica’s Secrets
Background
Jessica’s Secrets is a concept for a lingerie, swimwear and loungewear brand made for every body. It is a design proposal for the brand’s online store, built as a working one-page site in Quebec French with an English version.
It started from a mockup called Transparency: hot pink panels, a huge italic title crossed by a ribbon, and black and white photos in pink frames. I kept its sections and its boldness, and turned it into a site that works, with real photography, a bag, favourites and a language switch.
Core problem
Lingerie is bought on trust: in the fit, in the fabric and in whether the brand has you in mind. Jessica’s Secrets shows its pieces on a range of women, mainly Black women and other women of colour, in a range of sizes, and keeps every piece one tap from the bag.
Our Process
The look follows the mockup: hot pink for the panels, ribbons and big titles, ink on white for the products, and a charcoal footer with the name set edge to edge. The display titles are set in Instrument Serif italic with the letters pulled close together, and everything else in Poppins.
The photos mix free Pexels photos with reference photos supplied for the project. Each one is cropped for its place, kept off the models’ faces, and given one light grade so skin tones stay true. The three new arrivals are cut out on white, and the pink tulle set in the About section is cut out whole, down to its ribbon straps.
The animations use Motion, the framework-free version of Framer Motion: the hero settles in, the sections rise as you scroll and the pink set swings into place. With reduced motion turned on, or if the script never loads, the page is complete without them.
What I built
01 - A hero that fills the screen
“Nouvelle collection” is sized to fill the width in French or English, with a pink ribbon unrolling across it. The photo has its own crop for phones.
02 - A bag and favourites
Every product adds to the bag and to your favourites. The bag adds up the prices in Canadian dollars, and checkout is switched off, because this is a concept.
03 - Categories and best sellers
Black and white category photos in pink frames that take their colour back when you point at them, and “Nos chouchous”, a hot pink carousel of best sellers you scroll with arrows.
04 - French and English
A language switch that changes every word, the prices and the dates, and remembers your choice on your device.
Key Deliverables
- Concept and page structure, from the mockup
- Visual direction (hot pink, Instrument Serif and Poppins)
- Photo selection, cut-outs and art direction
- Bilingual copy, Quebec French first
- Bag, favourites and newsletter sign-up
- Motion design with a reduced-motion fallback
- Static website, hosted on kreeative.xyz
Results and Impact
Jessica’s Secrets is a concept, not an official store yet. The bag, the favourites and the newsletter sign-up work in the page but send and store nothing, and the reviews are samples written for the concept.
Want a website like it for your brand? Book a call.