Sunrise

The brief

Greek awning installers choose between Italian fabric that costs so much it eats their margin, and cheap fabric that fades within two summers and comes back to them as a complaint. Sunrise buys Italian fabric in volume, sews it in its own workshop and sells to installers at a price that leaves them a margin.

The website has two jobs at once: make a visitor feel why an awning is worth having, and convince the owner of an awning business that Sunrise is the supplier behind it. So it is written in Greek first, with English one click away, and every section leads to one action: request the trade price list.

What we built

A single-page website, with no app or admin behind it.

• A scroll-driven hero: a 24-second film of a sunrise over the Aegean that descends into the shade under an awning, played by the visitor's scrolling rather than a play button, with captions over it. Phones and visitors who prefer reduced motion get a designed still and never download the film.
• Press and hold to open the awning: holding a button rolls an awning open on screen and lights up the four things a homeowner is really buying.
• Fabric collections: three fabric types, each a close-up photograph that recolours when a colour swatch is picked.
• A work gallery, the company's story and an FAQ that answers the objections installers raise.
• A trade inquiry form for the business name, contact, city, interests and a message.
• Two languages: Greek by default and English on a toggle, remembered between visits.

Alongside the site we produced a 30-second vertical ad for Instagram and Facebook, with a Greek voiceover and Greek captions.

The stack

Plain HTML, CSS and JavaScript, with no framework and no build step, so the page stays light.

• Motion: GSAP with ScrollTrigger for the scroll choreography, and Lenis for smooth scrolling.
• Media: the film, the awning clip and the photographs were generated with AI video and image models and prepared with ffmpeg.
• Hosting: Vercel, deployed from a private GitHub repository on every push.
• Testing: scripted checks in headless Chrome for text contrast over the darkest frame of the film, caption pacing on fast scrolls, reduced motion, a missing video, and phone and tablet layouts.

Our role

We built the website, its scroll motion and the launch ad, and the work is still in progress. It is the kind of work we do as web development.

What comes next

Connecting the inquiry form to the client's inbox, photographs of the real workshop and installations in place of the generated imagery, and Greek pages for each fabric and product before the spring buying season.