Wolvesmade Agency Website

This project was made from scratch as the official website for a new Digital Agency in Costa Rica dedicated to outsourcing services in design and development of digital products.

The handoff for this website was made through Zeplin. This tool allows the designer to upload creatives and make assets available for developers to download in multiple formats and densities. Developers are also able to inspect all site elements in order to check sizes and margins for everything. At the same time, communication between design and development has to be frequent in order to verify consistency and clear any possible question found in the process. When it comes to development handoff, this is my favorite tool.

Home screen
(desktop and mobile views)
Website project screens

There was the need to create a shopping cart where the user can acquire multiple services (which was decided to portrait as categories) per hour (which was treated as product packages).

Product Detail Page
(desktop and mobile views)
Website project screens
Shopping Cart screen
(desktop and mobile views)
Website project screens

For the "Contact" screen, I experiment with an interesting way to include a customizable map from google.
In coordination with the developer assigned for this task, we found a Google Maps API called Styling Wizard which allows developers to apply custom colors to functional maps.

Contact screen
(desktop and mobile views)
Website project screens

And finally, for this website I implemented a twelve column grid for desktop and four column grid for mobile to keep things aligned and help to maintain consistency through the development process.

Column Guide
Website project screens

Related projects