Tractor Beam
design by Out of Office

Tractor Beam is a quarterly fiction publication dedicated to Soilpunk: radical visions of hopeful futures built from the ground up.

Taking advantage of Motion, the website explores the concept of stratum that gradually separate, revealing the story’s page and inviting the user to step deeper into the story. With subtle animations throughout the site, each detail comes to life, drawing the user in to further reading.

Stack: Next.js, Motion for React, CSS Modules, SASS

Hinge: No Ordinary Love
design by Elana Schlenker and Dazed

An anthology of six real love stories of couples who met on Hinge.

Built to mirror the printed zine experience with smooth transitions, engaging visuals, and a responsive layout.

Stack: Javascript, SASS

WAH-WAH
design by Elana Schlenker

A visually striking Shopify store built to highlight the colorful, bold knits of WAH-WAH. The design mirrors the brand's spirit, incorporating fun interactions like a space emoji screensaver and oversized typography.

Bringing to life the playfulness of the design while ensuring a smooth and enjoyable shopping experience.

Stack: Shopify, Javascript, SASS

Otea Textiles
design by Elana Schlenker

A custom Shopify theme for a wallpaper and textile studio committed to a refined, yet cheeky, old-world maximalism. The theme showcases detailed designs with a sleek and user-friendly interface.

The site features product variations, category filters, and a streamlined e-commerce process, ensuring easy navigation and an efficient shopping experience for customers.

Stack: Shopify, Javascript, SASS

Automatico Studio
design by Automatico Studio

Developed with WordPress, this custom theme for Automatico Studio showcases their expertise in architecture and art design. The website features a clean design with a distinct navigation style.

Stack: WordPress, Javascript, SASS

Neuraspace
design by ODD bureau

Improved the Neuraspace website, already built with Next.js, by adding new features and optimizing content management through Prismic CMS, enhancing functionality and user experience.

Stack: Next.js, Prismic, Chakra UI, Emotion

WOOL – Covilhã Arte Urbana
design by Maria Adelaide

Design and development of the WOOL website, a festival of urban art. The site features a custom WordPress theme with focus on showcasing the current and previous editions. Giving the editor flexibility to manage content and create tailored pages as needed.

Previous editions are displayed through a scroll animation that gradually unveils highlighted photos from each edition.

Stack: Figma, WordPress, Javascript, SASS

Stephanie Gonot
design by Elana Schlenker

Showcase of Stephanie’s work through a colorful masonry page that allows flexibility on the type of content: photo, custom video player, and slideshow. It’s also possible to chose the size and position to create a eye-catching mosaic.

Stack: WordPress, Javascript, SASS

High Dive
design by Elana Schlenker

An immersive and dazzlingly website for High Dive, highlighting the work of this independent production company.

The Deep End invites the user to dive into the pool, with a watery background effect and some surprising objects floating around. Another playful detail is the underline, a svg wavy line that flows on hover.

Stack: WordPress, Javascript, SASS, SVG.js, anime.js

Roteiros Coimbra
design by Navega Vale

Roteiros Temáticos de Coimbra is a web app that offers thematic itineraries to explore the city's cultural and historical landmarks. A simple and intuitive mobile app that leverages the Google Maps API to invite everyone to explore the city.

Stack: Strapi, Google Maps API, Javascript, SASS

Ecovia do Mondego
design by Navega Vale

The Ecovia do Mondego web app offers an interactive map, route details, safety guidelines, and downloadable resources for exploring the scenic Mondego Ecovia, helping visitors navigate and enjoy this natural trail.

Stack: Strapi, Google Maps API, Javascript, SASS

Lida
design by Maria Adelaide

A website designed and developed at Maria Adelaide for a research unit based at the ESAD.CR, conducting research activities in the domains of Design, Arts and Culture.

A brut design that emphasizes the imagery of the research projects. It's a custom WordPress theme that gives room for the editor to arrange the pages as needed.

Stack: Figma, WordPress, Javascript, SASS

Partido Livre – Europeias 2024
design by Change is good

A landing page created for Livre, a green political party in Portugal, in the context of the European elections of 2024.

O'Brien Art Project Foundation
design by Elana Schlenker

A website was created for a foundation dedicated exclusively to American art.

Built on WordPress, is a custom theme with a variety of templates tailored to different types of content, from the collections and exhibition details to event updates. The flexible design allows for seamless updates and easy navigation, ensuring an engaging user experience.

AdHoc
design by Elana Schlenker

A website for AdHoc Projects that highlights the brand’s creative services.

A fully customized WordPress theme with flexible content blocks, enabling easy content management.
Featuring animated elements and SVG manipulations, bringing the playfullness of the brand to the digital space.

Stack: WordPress, Javascript, SASS, SVG.js, anime.js

Barbara Bühler
design by Automatico Studio

A portfolio website for the photographer Barbara Bühler, featuring a minimalist design that highlights her work with a clean and elegant layout. The site showcases her projects with a hover effect that mimics the negative of a photography.

Stack: WordPress, Javascript, SASS

geoplanet.space
design by Maria Adelaide

An interactive website for GeoPlanet, designed to present data and research in a dynamic and engaging way. The sleek animations and interactive elements enhance the user experience while presenting all the information connected by tags.

The website also features a fully customized and interactive video player, where users can select the chapters, which are also connected by tags.

Stack: Figma, WordPress, Javascript, SASS, Lit, Plyr

ITI–LARSyS
design by Change is goo

A responsive website for ITI–LARSyS, a research institute, featuring a structured yet flexible design.

The website's interactive logo echoes the identity crafted by the designer.

Stack: WordPress, Javascript, SASS

Pallete Studio (interactive homepage)
design by Pallete Studio

An interactive homepage for Palette Studio that mimics a kaleidoscope that mutates depending on the mouse position.

Paulo de Cantos
design by Barbara says...

Cantosverso is an online archive dedicated to the work of Portuguese typographer and editor Paulo de Cantos. The archive features Cantos’ work as well as the engravings he used for his typographical illustrations.

Stack: WordPress, Javascript, SASS

Esporo Cultura
design by Mistaker Maker

A website for Esporo Cultura, designed to showcase cultural events and artistic projects happening on Figueiró do Vinho, Ansião e Proença-a-Nova, in Portugal.

Stack: WordPress, Javascript, SASS

Bauhaus Of The Seas
design by Change is good

The Bauhaus of the Seas website highlights an initiative focused on sustainability in coastal regions, blending art, science, and design to create innovative, climate-neutral solutions for aquatic environments.

Eric Moe
design by Elana Schlenker

The portfolio of the composer Eric Moe highlights almost 40 years of his work. The user can navigate, sort, and filter his work by composition type and instrumentation. The audio excerpts can also be added to a custom media player.

The layout rhythmically expands and contracts as the user moves through the site.

Stack: WordPress, Javascript, SASS, Howler.js, Navigo.js

Human Resources
design by Out of Office

Human Resources is a luxury vegan shoe line inspired by science fiction. This visually immersive Shopify store is filled with playful, space-inspired details. Features include interactive elements like a drifting mirror ball.

The shop is easy to navigate, with a seamless shopping experience, collection lookbooks, and a curated blog for news and inspiration.

Stack: WordPress, Javascript, SASS, Three.js, Shopify - JS Buy SDK

Ana Gomes 2021
design by Change is good

A bold and colorful website designed for Ana Gomes' presidential campaign in Portugal, showcasing her electoral program.

Amy Lombard
design by Elana Schlenker

A portfolio that reflects Amy Lombard’s vibrant photography. With playful animations, colorful backdrops, and seamless navigation, the site brings her distinctive style to life while ensuring an engaging browsing experience.

David Jaehning Architect
design by WeShouldDoItAll

A refined and minimal website showcasing the work of David Jaehning Architect. The clean design and structured layout highlight the firm’s architectural approach, with smooth navigation and subtle interactions enhancing the viewing experience.

Aspen Mays
design by Elana Schlenker

A fluid, single-page portfolio that seamlessly presents Aspen Mays’ diverse body of work. Featuring installations, project descriptions, publications, and slideshows, the editor has the flexibility to do subtle layout variations, ensuring a dynamic yet effortless presentation.

DOCUMENT
design byJeremiah Chiu

DOCUMENT is a commercial gallery located in Chicago and Lisbon that specializes in contemporary photography, sculpture, and media based art. The website features a minimalist design, allowing the artwork to take center stage.

Cornell Journal of Architecture
design by Elana Schlenker

The website reimagines the Journal’s digital presence, serving as a repository for all issues dating back to the 1980s. Each issue is represented by an image that animates in a kaleidoscopic effect when hovered over.

The minimal design prioritizes comfortable reading and browsing, with each page layered to create a sense of depth.

Stack: WordPress, Javascript, SASS, ScrollMagic, Chroma.js, Navigo.js

Museu da Cidade
design by R2 Design

Museu do Porto is a network of museum spaces, archaeological sites, parks, and gardens across the city. The website visualizes these connections through an interactive map, guiding visitors through this decentralized museum experience.

It also highlights the museum’s collections, exhibitions, and events with a structured layout, providing easy access to detailed information and reflecting the museum's rich cultural heritage and history.

Stack: WordPress, Javascript, SASS, SVG.js, anime.js, GSAP, Howler, Hammer.js

Dewy Grass Club
design by Out of Office

A playful website for Dewy Grass Club, a creative studio at the intersection of sport, art, and outdoor culture. Interactive icons can be grabbed and tossed like balls, with one revealing the hidden “Dewy Grass Cam,” displaying scenes based on the user's time of day. Other unique details include a vertical text ticker and interactive portfolio pages, making the site as dynamic as the studio itself.

Stack: WordPress, Javascript, SASS, Physics.js

Dafne Editora
design by R2 Design

A WooCommerce website for Dafne Editora, a Porto-based publisher focused on architecture books. The site offers a seamless shopping experience, showcasing a carefully curated selection of titles that explore architecture’s theory, practice, and history.

Stack: WooCommerce, WordPress, Javascript, SASS

Centro de Arte Oliva
design by R2 Design

A fully customized WordPress website for Centro de Arte Oliva, showcasing its major art collections—the Norlinda and José Lima Collection of modern and contemporary art and the Treger/Saint Silvestre Collection of Art Brut/Outsider Art. The site also highlights exhibitions and events, providing a structured and engaging exploration of the museum’s program.

História do Crime by João Louro
design by Barbara says...

Scripting and programming for InDesign to produce a 1,986-page illustrated dictionary of the (Un)Portuguese language. With 100,000 words, each entry—both image and meaning—is intentionally distorted, challenging conventional understanding and interpretation.

Stack: JavaScript for InDesign

Out of Office
design by Out of Office

A playful and interactive website for Out of Office (OOO), a cooperative creative studio. The website reflects the studio’s collaborative spirit and bold approach to branding and experience design, featuring unexpected interactions and hidden easter eggs.

Kamrooz Aram
design by WeShouldDoItAll

A website for internationally recognized artist Kamrooz Aram, showcasing his work across painting, collage, drawing, and installation. With a clean design that highlights the artwork, the site allows for an uncluttered and focused viewing experience.

Corn Tastes Better on the Honour System
design by Studio AIRPORT

A digital storytelling experience from Emergence Magazine that brings Robin Wall Kimmerer’s reflection on the ancient relationship between humans and maize to life. Through immersive design, subtle animations, and thoughtful typography, the site echoes the story’s themes of reciprocity, Indigenous knowledge, and the disruptions of industrial agriculture. It invites readers to engage deeply with the wisdom held within plants and the cycles of nature.

Modern Matter
design by OMO Creates

Modern Matter has evolved into a curatorial platform, serving as an unofficial catalogue, exhibition space, and site for art production. The website features a clean design that plays with grids and lines, offering an organized yet dynamic presentation of the platform’s curated content.

Beverly Semmes
design by Elana Schlenker

A minimal yet detail-driven portfolio for artist Beverly Semmes, featuring project documentation, captions, and background information all within a single, easy-to-navigate webpage. The design emphasizes simplicity while ensuring each project is showcased with clarity and focus.

Sanctuaries of Silence
design by Studio AIRPORT

An immersive listening journey into Olympic National Park, one of the quietest places in North America. This virtual reality film by Emergence Magazine invites viewers to experience the park's serene landscapes through sound and visual storytelling, creating a profound connection to nature's silence.

Alistair Matthews
design by Elana Schlenker

A portfolio for photographer Alistair Matthews lets users quickly browse and filter his playful work, with the option to explore thematic galleries. The site features unexpected interactions, including a polka dot screensaver and a drawing game that integrates Matthews' own photographs, adding a creative twist to the browsing experience.

Cinema Insuflável
design by R2 Design

A website for Cinema Insuflável, a mobile cinema designed for children that can adapt to various contexts and locations. The site reflects the brand's playful and flexible identity, with dynamic design elements that play with forms and lines. It highlights the unique, fun, and versatile nature of the cinema, capable of displaying a wide range of films in excellent quality.

Hacking Finance
design by Out of Office

A robust online editorial platform designed for Hacking Finance, featuring flexible article templates, custom audio and video players, and a web shop.

The site incorporates a bold palette of colors and patterns that can be combined across various elements, along with playful details like the “Banker Mode,” which activates a humorous, SFW mirror site that pokes fun at traditional fintech aesthetics. The design positions Hacking Finance as a boundary-pushing thought leader in the fintech space.

Some All None
design by Jeremiah Chiu

A hybrid creative studio blending graphic design, art, music, and technology. The website features three interactive experiences that reflect the studio's unique approach, connecting graphic design with music production. These playful elements showcase the studio’s focus on rethinking design as a tool for creative experimentation.

Arpino Design
design by R2 Design

Arpino is an urban design brand that confidently meets the challenges of the new global city, designed and produced between Europe and Africa.

The website plays with the brand’s identity, dynamically adjusting the placement of letters based on the section and space being used, creating a fluid experience that complements the brand.