Javiera Da Fonseca

Website redesign for a talented visual artist from Chile with work on display at some of the most well respected galleries around the world.

Fine-Artist, Painter

jdf_art_work_gallery

01. ABOUT

Seeking a Refined Online Experience

Javiera seeking a better online experience that supported the needs of all her visitor-types.  Built on Wordpress with a hand-crafted design, localization support  and a minimal aesthetic that will not compete with her work with an in tune visual rhythm for easy content-scanning. 

javeria_profile_pic

Visual artist, originally from Chile currently living in Mexico City. Javier paints not only places but moments. Her work is based on the contemplation and exploration of different channels that landscapes offer to connect with universe and our inner-selves.

02. USER RESEARCH

Understanding Visitors

We kicked things off by discussing the reasons for a new website, her ideas and getting to know a little more about her visitors.

To address the needs of each customer, I created three user-personas and customer journeys for each.Initial discussions provided clarity, each visitor type had unique reasons and intentions for visiting the website.

jav_persona_gina

San Francisco native, currently working as a Product Manager in the tech industry, Xiana is passionate about art and supporting artist both locally and worldwide.

jav_persona_xiana

An artist herself, she has followed Javiera since seeing her at a local art-event years ago. Plans to visit website a few times a year to check on new work and possible local-events.

jav_persona_ian

A gallery owner, running a small gallery in South Beach, Fl, constantly on the look out for artwork reflects the taste his new and established clients while growing his business.

ina_website_user_flow_jav

Customer Journey — Ian, Gallery Owner

03. PLANNING

The Challenge

Design and develop a refined online-experience with subtle design, minimal aesthetic to avoid competing with her work with a thoughtful-rhythm for easy-scanning.

jav_sketches

Sketching Ideas

jav_wireframes

04. USER EXPERIENCE

Sketches & Wireframes

Creating wireframes with Balsomiq to quickly iterate on ideas and putting shape to ideas. Created with Wordpress in mind resulting in 3 different templates to support a wide-variety of content layouts and amounts. 

jav_desk_mbp-scaled-2

05. WEB DESIGN

Hi-Fi Design Prototypes

A responsive layout with a minimal and clean art-direction that supports a variety of content.

+ Clean & Minimal
+ Browse content structure
+ Encourage interaction
+ Content layouts easy to scan
+ Large photography
+ Unify/Consistent photography style

index

Index / Landing

index_hover_state

Index / Landing - Navigation Hover

about

About

open_menu

Main Navigation

jav_mobile_lifestyle_woman_gallery

Responsive / Mobile 

inside_layout_series

Project

inside_alternative

Project Alternative

404

Error Designs

grid_layout

Grid View

jdf_gallery_shot

06. PROJECT REFLECTION

Post Project

A design supports colorful artwork nicely to exist in function while providing the proper stage for content to shine.