Visual Identity Design and Digital Branding for ARQ%

About the process of creating and exploring a visual site proposal implemented with WordPress full site editing

Context and Challenge

Arquitectónicamente (ARQ%) is the first iteration of an architecture event organized by Catálogo Arquitectura. When we began this project, only a logo and brand/event objectives existed. The premise was to explore and develop the visual identity for the website, implementing it with WordPress Full Site Editing capabilities within a 4-week timeframe.

We found the project compelling as it allowed us to deepen our expertise in visual identity design and leverage the latest WordPress features for site development. Given the tight deadline, we prioritized fluid and transparent communication throughout each iteration to align deliverables with the client’s vision.

Development of the Digital Branding Proposal

Our client had prior knowledge of user interface (UI) design, which enriched collaboration during iterative stages.

We began by gathering references, categorizing them into critical site-defining elements: typography, color palette, graphic assets, featured sections, speaker displays, and data presentation—all contributing to the event’s communicative intent.

Screenshot of a figma UI with a presentation overview "Benchmark and moodboard"
“Benchmark and moodboard” presentation overview

This strategic approach helped identify key design blocks to maximize visual impact with minimal CSS intervention. Speaker and news blocks became the most representative of the proposed visual identity, streamlining other graphic decisions (e.g., contact links, decorative figures).

Interface excerpts showing what the news and exhibitors section looks like
News and Exhibitors section view in Home

The visual proposal drew from benchmark/moodboard agreements, with parallel frontend iterations to prototype progress—even before final design approval.

A pivotal UI/frontend collaboration was typography selection and scaling, ensuring faithful implementation across screen resolutions.

Sample frames from the style guide and digital branding documentation

The final design embraced architectural aesthetics: straight lines, geometric shapes (filled + linear), minimalist color use, and negative space. Subtle touches softened rigid elements for visual harmony.

Samples of interface components designed according to the style guide principles

You have any doubts?

Contact us

hola@bloom.lat