Showcasing the breadth and depth of Valerie's experience

UX designer & web developer
of one
Information architecture, UI Design
HTML, CSS, PHP, MySQL, WordPress

About Valerie Gaimon

Valerie was pursuing her Juris Doctor degree at the University of Colorado Law School when I first met her. A few years later, as she needed guidance on how to brand herself and display the breadth and depth of her experience, I took on the project to design and develop a website for her.

Starting with a 6-page resume, her pictures from all over the world and graphical ideas, we came up with a design and content strategy for a user centered designed website where potential employees could explore Valerie’s extensive experience and where she could update her own content with her growing career.

Goals & plan of action

After defining the goals, we came up with a plan of actions:

  1. Creating information architecture and taxonomy
  2. Implementing visual design including logo, branding
  3. Implementing development for live website

Venn diagram of Valerie and users
Venn diagram of Valerie and users

Information architecture & taxonomy

Because I was unfamiliar with the legal world and to better understand Valerie’s experience, I spent a few days researching this new field which included drilling through Valerie’s 6-page resume, researching websites in the legal world and asking Valerie which fields she would like to focus on.

We eventually came up with 3 groups: child advocacy, conflict resolution and community building.

    • Health law
    • Women empowerment
    • Environmental education
    • Immigration law
    • Housing and urban development
    • Environmental education
    • Property law
    • Tax law
    • Juvenile law
    • Child sex abuse law
    • Child development
    • Family law
    • Conflict/Dispute resolution
    • Restorative justice
    • Mediation

Visual design

We decided for neutral and earthy but still playful palette and fonts.

Branding guidelines
Branding guidelines

Development for live site

I chose to use the WordPress CMS because it had most of the functionalities out of the box.

Two templates were created: one for general and one for category pages. We made sure to add the logo, use color palette and add personal pictures to convey a personal tone.

Early mockups
Early mockups

We included the category menu (child advocacy, conflict resolution, community building) in different ways throughout the pages to emphasis Valerie’s areas of expertise.

For general pages, Valerie updates them by finding them on the Pages pages and edit the appropriate one.

Category pages are divided in three different content types: pages, case studies and writings. To update a particular category, she needs to find the appropriate content type and tag it with the correct taxonomy. The updated content shows up on the appropriate category and is displayed consistently throughout the pages.

WordPress customized UI
WordPress customized UI

Summary has become a live website showing Valerie’s breadth and depth experience in child advocacy, conflict resolution and community building and her personality.

Her 6-page resume got transformed into a user-centered designed website where potential employers have explored her fields of expertise and contacted her to collaborate on projects. homepage on desktop screen homepage