User Interfaces

Pixels, pixels, pixels. And pixels.

Graph navigation concept for Uwazi's relationships

Graph navigation concept for Uwazi's relationships drawer view

Graph Navigation Interface

Interactive graph for exploring document relationships in Uwazi. Nodes represent entities; edges show how they connect.

Dark mode concept for filters panel in Uwazi

Dark mode concept for filters panel in Uwazi

Dark Mode Filters

Dark theme exploration for Uwazi's filter panel. Reduces eye strain during long research sessions without sacrificing contrast.

Uwazi's language install modal with multi-select and fuzzy search

Uwazi's language install modal with multi-select and fuzzy search

Uwazi Language Installer

Modal for adding languages to Uwazi instances. Fuzzy search and multi-select make it fast to set up multilingual sites.

Dark mode concept for side-nav panel in Uwazi

Dark mode concept for side-nav panel in Uwazi

Uwazi Side Nav (Dark)

Dark theme companion to the filter panel concept. Same hierarchy, same accessibility — just easier on the eyes.

Conceptual on-the-fly tagging system for Preserve extension

Conceptual on-the-fly tagging system for Preserve extension

Preserve Tagging System

On-the-fly tagging for the Preserve browser extension. Tag evidence as you collect it — no need to organize later.

Early Uwazi entity and document view concept

Early Uwazi entity and document view concept

Uwazi Document View

Early concept for the entity and document viewer. Better typography, clearer metadata hierarchy, and improved navigation between related documents.

Concept for side-nav panel in Uwazi, compact mode

Concept for side-nav panel in Uwazi

Uwazi Compact Nav

Icon-only nav that collapses to maximize the content area. Hover reveals labels.

Early Uwazi onboarding concept with community templates

Early Uwazi onboarding concept with community templates

Uwazi Onboarding

First-run experience with community templates so new orgs can start collecting data immediately instead of building from scratch.

Uwazi V3 concept with conversational UI and chain filtering

Concept for Uwazi's data exploration, with conversational UI and chain filtering

Uwazi V3 Concept

Conversational search and chain filtering for Uwazi. Explored how natural-language queries could replace complex filter trees.

Conversational input concept, with model and properties selector

Conversational input concept, with model and properties selector - just-for-fun

Conversational UI (just for fun)

Chat-based AI input with model selector and properties panel. Built as a visual mock for a presentation — pure concept.

Script list and actions for Turn5 QA desktop app

Script list and actions for Turn5 QA desktop app

Turn5 Script List

Script list for Turn5's QA desktop app. Batch actions and status indicators let testers manage dozens of scripts at a glance.

Loading sequence of RYMS mobile app

Loading sequence of RYMS mobile app

RYMS Mobile Loading

Loading screens for the RYMS mobile app — syncing railyard data takes a while, so we made it fun with progressive content reveals.

Uwazi's query-builder early concept

Early concept for a query-builder UI, with a focus on simplicity and usability

Uwazi Query Builder

Visual query builder so non-technical researchers can build complex searches without writing a single filter rule by hand.

Mobile table view actions

Mobile table view "speed-dial" actions

Mobile Table Actions

Speed-dial FAB pattern for table views on mobile. Quick access to row actions without cluttering the table itself.

Bottom-up drawer concept for filters

Vertical drawer concept for a toggled filters view

Bottom-up Filter Drawer

Vertical drawer that slides up to reveal filters, then collapses back down. Keeps the main view clean until you need it.

Virtual Drive Host profile for DKMS

Virtual Drive Host profile for DKMS

DKMS Virtual Drive Host

Profile page for virtual bone marrow drive hosts. Focuses on status updates and engagement metrics to keep hosts motivated.

Login, expense and credit-card view for BCI Chile

Login, expense and credit-card view for BCI Chile

BCI Chile Mobile Banking

Login, expenses, and credit card views for BCI's mobile app. Focused on keeping the UI minimal for a Chilean bank audience.

Viacom's Inview creative health dashboard

Viacom's Inview creative monitoring and prediction dashboard

Viacom Inview Dashboard

Real-time creative health monitoring for Viacom's ad platform. Prediction scores help media planners catch underperforming creatives early.

Viacom's Inview attention score graph with data states

Viacom's Inview attention score, average impressions graph, with available data-states

Viacom Attention Score

Attention score graphs with multiple data states — empty, loading, partial, and full. Shows average impressions over time for campaign analysis.

Resources library for DKMS website

Resources library for DKMS website

DKMS Resources Library

Searchable library of educational materials for bone marrow drive hosts and participants. Card-based layout with category filtering.

WhoYouGot? home screen and match calendar

WhoYouGot? Home and match calendar view

WhoYouGot? Home

Home screen and match calendar for the WhoYouGot? app. Upcoming games front and center, with quick bet placement from the calendar view.

WhoYouGot? MLB bet types and details

WhoYouGot? MLB bet-types and bet details

WhoYouGot? MLB Bets

MLB-specific bet types and detail views. Moneyline, spread, and over/under — all visible at a glance before placing a bet.

Side navigation concept for Uwazi

Side navigation concept for Uwazi

Uwazi Side Nav Concept

Side navigation rethink for Uwazi. Grouped sections with collapsible areas to tame a growing feature set.

Script editor, Turn5 QA desktop app

Script editor, Turn5 QA desktop app

Turn5 Script Editor

Script editor for Turn5's QA desktop app. Syntax highlighting, inline errors, and one-click test runs built for QA workflows.

Quick entity edit component

Conceptual mockup of the entity quick-edit UI

Uwazi Quick Edit

Edit entity metadata inline without leaving the current view. Click a field, change it, done — no modal, no page reload.

Basic flow for BCI Chile's mobile banking app

Basic flow for BCI Chile's mobile banking app

BCI Chile App Flow

End-to-end flow from login to account management. Stripped down to the essentials for a clean mobile banking experience.

Extension log view with real-time Uwazi integration

Extension log view with real-time Uwazi integration

Preserve Log View

Close-up of the Preserve extension's activity log. Real-time sync with Uwazi so you can see exactly what's been captured and when.

Registration flow for WhoYouGot?

Registration flow for WhoYouGot?

WhoYouGot? Registration

Sign-up flow for WhoYouGot? — minimal steps to get users betting fast while still covering regulatory requirements.

Developer profile for CleverBrains

Developer profile for CleverBrains

CleverBrains Dev Profile

Developer profile card for the CleverBrains platform. Skills, projects, and availability all on one page.

RYMS railyard overview with railcar details and action

RYMS railyard overview with railcar details and action

RYMS Railyard Overview

Main dashboard for the RYMS railyard system. Live railcar locations, status badges, and action buttons for yard operators.

Future Family documents section

Future Family user documents section

Future Family Documents

Document section for Future Family patients. Upload, organize, and share medical docs with providers — all in one place.

Login screen, Turn5 QA desktop app

Login screen, Turn5 QA desktop app

Turn5 Login

Login screen for Turn5's Electron-based QA app. Clean and minimal with a playful illustration to greet the dev team.

Future Family user dashboard

Future Family account's payment status and profile wizard

Future Family Dashboard

Patient dashboard with payment status and profile wizard. Step-by-step onboarding for a process that can feel overwhelming.

Preserve extension activity log screen with status and preserved links

Preserve extension activity log screen with status and preserved links

Preserve Activity Log

Full activity log with status badges and direct links to preserved content. Every capture is timestamped and traceable.

Quick navigation menu concept

Quick and compact navigation concept

Quick Nav Menu

Compact navigation pattern that stays out of the way until invoked. Small footprint, fast access to key sections.

Paragraph extraction modal with source selector

Paragraph extraction modal with source selector

Uwazi Paragraph Extraction

ML-powered paragraph extraction with source selector. Pick a document, highlight a region, and the model pulls structured text automatically.

Landing page for Zorlakay project about forced disappearances in Turkey

Landing page for Zorlakay project about forced disappearances in Turkey

Zorlakay Landing Page

Landing page for a project documenting forced disappearances in Turkey. Respectful tone with clear calls to action and accessible data presentation.

About page for Zorlakay project about forced disappearances in Turkey

About page for Zorlakay project about forced disappearances in Turkey

Zorlakay About Page

About page explaining the project's mission and methodology. Long-form content with a clear visual hierarchy to honor the subject matter.

Interactive graph showing volume over time, split by location

Interactive graph showing volume over time, split by location

Zorlakay Data Graph

Interactive timeline showing disappearance volumes by region. Hover reveals case counts — sensitive data presented with care.

Table drag and drop grip component

Table drag and drop grip component

Table Drag & Drop

Grip-handle component for reordering table rows via drag and drop. Clear visual feedback on grab, drag, and release.

Transfer unit scheduling UI

Transfer unit scheduling UI

RYMS Transfer Scheduling

Transfer unit scheduling for the RYMS desktop app. Managers assign railcars to time slots with drag-based scheduling.

Navigation component for one-handed operation of a mobile device

Navigation component for one-handed operation of a mobile device

One-Handed Mobile Nav

Navigation placed within thumb reach for one-handed use. Bottom-anchored controls with large tap targets.

Node/graph navigation concept for document exploration

Node/graph navigation concept for document exploration

Uwazi Node Graph

Node-based visualization for exploring how documents and entities connect in Uwazi. Click a node to expand its relationships.

Covid tracking app

Covid tracking app (check github for repo)

Covid Tracker

Pandemic-era side project for tracking COVID stats. Built with public data — repo is on GitHub.

WhoYouGot? mobile app

WhoYouGot? mobile app

WhoYouGot? App

Full mobile app screens for WhoYouGot? — bet placement, live scores, and a social feed where friends trash-talk their picks.

Sodexo balance and expense overview

Sodexo balance and expense overview

Sodexo Balance View

Balance and expense overview for Sodexo's corporate benefits card. Simple layout — check your balance, see recent transactions.

1984, my most popular VSCode theme

1984, my most popular VSCode theme

1984 VS Code Theme

My most downloaded VS Code theme. Multiple variants with dystopian-inspired palettes — thousands of installs.

Personal website 2016

Personal website 2016

Personal Site 2016

Tribute to my first computer, the Commodore 64. CLI-inspired aesthetic with green-on-black type.

Incadevs, South American developers community.

Incadevs, South American developers community

Incadevs Platform

South American developer community hub. Profiles with availability and skills so teams can find regional talent fast.

Personal website 2018

My personal website from 2018

Personal Site 2018

Iteration on the personal site — cleaner layout with better project presentation and smoother navigation.

Empty state concept for uwazi's library

Empty state concept for Uwazi's library

Uwazi Empty State

Illustrated empty state for Uwazi's library. Guides users on what to do next instead of showing a blank page.

Mobile banking prototype for BCI Chile

Mobile banking prototype for BCI Chile

BCI Chile Wireframe

Early wireframe prototype for BCI Chile's mobile app. Account overview and transaction flows before visual design.

Travel exploration - Latam airlines

Travel exploration - Latam airlines

LATAM Airlines Exploration

Destination discovery concept for LATAM Airlines. Browse by region, see fare previews, and explore Latin American routes visually.

Vacation requests and tracker for Thoughtworks Ecuador

Vacation requests and tracker for Thoughtworks Ecuador

TW Ecuador Vacations

Internal tool for Thoughtworks Ecuador. Request time off, check your balance, and see who's out — all in one view.

Interactive design and development guide

Interactive design and development guide

The Project Guide

Interactive reference for design and dev teams. Covers ceremonies, processes, and best practices with real examples.

Camping zone locator and availability

Camping zone locator and availability

Camping Ecuador

Campsite locator for Ecuador. Find spots, check availability, and plan trips with map-based search and community reviews.