Loading ...

Responses by Elena Ramírez, web designer and cofounder, Ashler Design.

Background: This is a corporate website for Taller Vertical, an architecture studio based in Mutilva, Spain, focused mostly on reforming old, tiny spaces into incredible homes.

Favorite details: We’re proud of the page rotation effect when the menu is opened. Taller Vertical means “vertical workshop” in Spanish, so we wanted to use that idea in our development somehow. Rotating the whole page to show the menu and extra info acts as a wink to the brand “reforming” the structure completely.

Process: When we started this website, we knew that we wanted a simple page where the studio’s pictures could illuminate users without interruptions, letting them focus on the important content. To give this a little sparkling touch, we created some subtle animations and transitions. This ended up being the first website where we used the GSAP library for animations and transitions—and it’s an incredible tool!

Navigation structure: Our main goal was to focus on the project pages and give access to contact and company info from every page. That’s the reason the “About” content is integrated into the rotated menu, and the email is always fixed on top. No matter where you are on the site, everything is accessible with one click.

Technology: For regular websites, we like to use Kirby CMS—a pretty versatile, uncomplicated CMS. The rest is based on CSS (with a SASS preprocessor) and vanilla JavaScript, complemented with the GSAP library.

tallervertical.es

Browse Projects

Click on an image to view more from each project
X

With a free Commarts account, you can enjoy 50% more free content
Create an Account
Get a subscription and have unlimited access
Subscribe
Already a subscriber or have a Commarts account?
Sign In
X

Get a subscription and have unlimited access
Subscribe
Already a subscriber?
Sign In