Étoile Fashion Magazine
DESCRIPTION
Fashion Magazine Website
DURATION
Aug 01, 2023 - Aug 16, 2023 (2 weeks)
MY ROLE
- User flow and wireframes.
- Visual design and frontend build.
- GSAP-driven section motion.
TECH
HTML5 · CSS3 · JavaScript (ES6+)
GSAP Core · GSAP ScrollTrigger
Figma · Wireframing
Project Purpose
A fashion magazine site carrying trends, collections and editorial in one place. The layout is soft rather than loud, and each section arrives with its own small piece of motion, so a long read keeps a sense of pace instead of turning into a scroll.
Scope
- · UI/UX Design
- · Frontend Development
- · Interaction
Key Technical Features
Magazine Layout
- · An editorial grid and section rhythm built to the conventions of current fashion titles.
Motion
- · Background and transition animation, used for depth rather than for effect.
Design Points
Soft Palette
Muted tones and imagery matched to a fashion editorial mood.
Readability
A hierarchy that holds through sections long enough to get lost in.
Gallery
Click to enlargeFAQ
How is a 3D interactive website different from a regular one?
It runs Three.js and WebGL in the browser, so objects move and respond to the cursor and scroll. A regular site organises information; an interactive one delivers the brand as an experience. It pays off most in fashion, beauty, architecture and exhibitions.
How long does a website take to build?
Seven days for a landing page, fifteen for a five-page company site, thirty for a ten-page 3D interactive build. The clock starts when your material arrives and shifts with design feedback. If a date is fixed, say so at the first call and feasibility is checked first.
Are hosting, domain and server costs separate?
SSL certificate, hosting setup and database provisioning are included at no cost. You only pay for the domain, about ₩20,000–30,000 a year. Accounts are created in your name from the start, so nothing lapses when staff change.
Can I edit the content myself after launch?
An admin page is built alongside the site, so text, images and posts can be edited without development knowledge, and a manual is handed over at delivery. Only structural changes or new features need development.