One document.
One website.
This site is a presentation layer over a single piece of group research. Here is what came from that document, what we verified elsewhere, what we designed ourselves — and what this project is not.
A school project
about two ideas of care.
« Beauty Across Borders » was made for International Day. It compares two skincare companies — NIVEA, founded in Hamburg in 1911, and EVA Cosmetics, founded in Egypt in 1972 — across history, chemistry, business, mathematics and shopping culture.
The starting point was a group research document, int day 2.pdf, and a companion set-theory poster. Rather than rewrite that research as a slide deck, we turned it into something you can explore: two brand worlds, a comparison, a science lab, two timelines, a simulated shop, four games and a French section on shopping in Cairo and Berlin.
Everything you see is built from that research unless this page says otherwise. Where we had to add something to make the site work — a product price, for example — it is labelled as an addition, not presented as a finding.
How it
was built.
A static website with no build step, no framework and no external requests. It runs from a folder, even offline.
- We read the research document in full and extracted its facts, dates, names, chemistry, set theory, growth tables and French shopping comparisons.
- We checked the product names and sizes against the brands’ official catalogues, because the research document focuses on history and chemistry rather than a product list.
- We organised everything into one content model, so that a fact appears in the same form on every page — the timelines, the comparison table, the Venn diagram and the quizzes all read from the same source.
- We illustrated the products ourselves as SVG packaging, using verified names and each brand’s palette. No stock photograph is presented as a specific product.
- We rebuilt the exponential growth models from the research tables as an interactive chart, keeping the original caveat that the two curves measure different things.
- We tested every interactive element in a browser: navigation, filters, bag arithmetic, checkout, quizzes, games, the Venn diagram, the timelines and the mobile layout.
What is research,
what is ours.
The distinction matters in a school project. This is the line we drew.
PDF From the research
Brand histories
The 1911 launch in Hamburg, Eucerit, Dr. Isaac Lifschütz, Dr. Oscar Troplowitz, Prof. Paul Gerson Unna, the Latin origin of the name, EVA’s 1972 founding by Dr. Mounir Armanious and LUNA Group in 1966.
Dates and reach
Production in 8 countries by 1914, 23 Beiersdorf production countries by 1930, EVA’s 19 international countries plus Egypt, the 2008 factory, its 35,000 m² area and 385 million units of annual capacity.
Science
Polar and nonpolar molecules, emulsifiers, O/W and W/O emulsions, and the importance of a stable formulation.
Sets and models
Set G, Set E and their intersection; the exponential functions f(x) = 8(1.068)x and f(x) = 1(1.057)x; the year-by-year tables.
French culture section
The five Cairo–Berlin pairs and their comparisons are reproduced from the French part of the research, in French.
WEB Added for the website
Design and interaction
All layout, navigation, animation, diagrams, games and quizzes were designed and coded for this project. The research document contains no website.
Product catalogue
The 22 products, their names and sizes were verified on the brands’ official catalogues. Descriptions are written for this site from those listings.
Prices
Our research lists no retail prices. Every price on the site is a demonstration price based on indicative catalogue prices found during verification. It is not an offer.
Packaging illustrations
The product visuals are stylised SVG drawings made in-house. They suggest each product’s shape and palette; they are not photographs of the real packaging.
Two NIVEA dates
The 1998 Q10 launch and the 2011 centenary are marked in the timeline as supplements from NIVEA’s published brand history, not from the research document.
A note on two timeline dates
The research document follows NIVEA from 1911 to 1930 and then focuses on the Egyptian subsidiary. It does not list every later milestone. To avoid a timeline that stops abruptly, we added two well-documented dates from NIVEA’s published brand history: the launch of NIVEA Q10 in 1998 and the brand’s centenary in 2011.
Both entries are labelled “supplement” on the history page. They are not presented as findings of the research document, and they do not change any of its conclusions. Every other date on the site comes from the research.
18 sources,
one list.
Brand histories, tourism guides, retail catalogues and the research document itself. Links are not reproduced because several were accessed through the group’s research file.
The primary documents are the group research file int day 2.pdf and the companion Germany and Egypt Cosmetics Venn Diagram.pdf. Product names and sizes were cross-checked against the NIVEA and EVA catalogues listed above. Where a source gave a range rather than a precise figure, the site uses the range.
What this
is not.
! The shop
No real transaction
The bag, the checkout and the order confirmation are a simulation. No payment is taken, no order is sent, and no personal data leaves your browser. Your bag is stored only in your own browser’s local storage.
No real prices
All prices are demonstrations, kept in euros for NIVEA and Egyptian pounds for EVA. We did not invent an exchange rate to combine them, so the bag shows two separate totals.
© The brands
No affiliation
This is a non-commercial school project. It is not affiliated with, endorsed by or sponsored by Beiersdorf AG, NIVEA, EVA Cosmetics or the Armanious Group.
Trademarks belong to their owners
Brand names, logos and product names are the property of their respective owners. They are used here for identification and educational comparison only.
Photographs
Photographs of Cairo and Berlin are used as cultural illustration for a non-commercial school project. Rights remain with their owners. They do not show NIVEA or EVA stores unless stated.
Made with
care.
Research and content: the group research document and its listed sources. Product verification: the official NIVEA and EVA catalogues. Design and code: built for this project with HTML, CSS and plain JavaScript — no framework, no build step.
Typefaces: Cormorant Garamond and Manrope, self-hosted and used under the SIL Open Font License. Illustrations: product packaging, molecule diagrams, timelines and icons are original SVG drawings made for this site. Photography: Cairo and Berlin location images reproduced from the research material for illustration.
The site is designed to work offline from a local folder. There are no trackers, no analytics and no third-party scripts.