Overview

As product designer my role was to take new business and technological opportunities and make them available for our editors to work with. I created instruments, methodologies, and interfaces, and translated the needs to our development team, thus improving our products every day. Our process:

  1. Understand business requirements
  2. Specify uses, cases and contexts
  3. Specify flows and interactions
  4. Model structure and functionalities
  5. Create prototypes
  6. Test prototypes
  7. Develop product
    1. Design interface
    2. Develop backend
  8. Implement
  9. Test
  10. Launch
  11. Improve

My challenges were to combine interface design, frontend development, team management and IT coordination to create experimental interfaces that would help our editors to better understand their work and visualize their goals. I also discovered business opportunities within our digital products in the form of ads, features and experiences.

Website: https://www.archdaily.com/

Role: Product Design, UI, UX and Interaction Design, Frontend Engineer

Tools: Adobe Suite, Git, SASS/CSS, WordPress, PHP, Python

Year: 2012

Logotype evolution and International uses

Branding

Archdaily is one if not the most recognisable architecture websites in the world. It is the source of inspirations of millions of architects in many languages. The original logo was lost in the fast growth of the company so, with careful thought, we kept it as original as possible while also able to stand years of use and be flexible enough to be used in every language and context. Among other things I create a completely custom display font used for the logo.

Archdaily Display, the font made for the logo
Custom illustrations for animation and infographics
Interface Icons

Product

One of the biggest challenges was to integrate new features into the website. Given that it started as a WordPress blog, we created custom systems to extend the blog’s functionality to allow users to save and organize content, businesses to upload their catalog and our editors to link new projects with materials and technologies. We provided a holistic experience for the architect, where they could not only seek inspiration but also knowledge.

Wireframing
Information Architecture
High Fidelity Prototype
Interaction Design
High Fidelity Prototype

Experience

More importantly, we developed tools and instruments to simplify the process of creating content, focusing on seamless flows for Editors, Architects, Business, Firms, Schools and Readers to interact in a natural way.

Map for submitting content
Map for content interactions