HomeProjectsAbout Contact PT
Commercial Project
WEB

Out Of
The Box

Institutional site for the creative marketing agency Out Of The Box: visual identity defined, in development with a launch countdown and progressive build-out of its online presence.

01
// About the project
What was built

Out Of The Box is the institutional site for a creative marketing agency. With visual identity already defined, including logo, color palette and mascot, the project consists of turning that identity into an online presence that communicates the brand's creative personality.

The current site is a 'coming soon' landing page with a countdown and a visible progress tracker, where the build process itself is part of the marketing. The full proposal includes a services showcase, portfolio and contact form.

02
// Challenges
What made the project difficult
// Design
Translating identity into code
Taking a creative brief with a logo and mascot and turning it into a site that 'feels' like the brand goes well beyond HTML and CSS.
// UX
A landing page that converts
A marketing agency has high expectations for its own site. It needs to be as creative as the projects the agency sells to clients.
// Strategy
Countdown as marketing
The 'coming soon' strategy with a countdown and progress tracker is an interesting case of how the build process itself can be part of the marketing.
// Performance
Mobile and sharing
Marketing sites are frequently shared on social media. Mobile performance and Open Graph are critical from day one.
03
// Tools
Technical stack
HTML5
CSS3
JavaScript
Responsive Design
04
// Outcome
What I learned
01
Web development for clients is different: decisions need to be justified to people who don't understand code. Communication is as important as implementation.
02
Visual identity as a creative constraint: working within an existing visual system is a different skill and very common in real-world projects.
03
'Coming soon' is a product too: the countdown page and progress tracker are marketing features, not just a temporary placeholder.
04
Modern CSS is powerful: animations, grid and CSS variables removed the need for heavy frameworks for a presentation site like this one.
← Previous Project
Job Tracker
Next Project →
Cucura-purumã