SUITED is a biannual fashion and art publication with a singular mission in mind: to celebrate those who have found what they are well-suited for.

As a print publication, translating the SUITED experience online focused on designing a UI that highlights rich imagery and featured content. As content needed to be regularly updated, a custom CMS driven template was created on top of the SquareSpace developer platform.

Because SUITED's initial experience was their printed content, the site was designed to highlight previous issues and leverage site visits into opportunities for users to order hard copies.

SUITED magazine's aesthetic is minimal, black & white and high-end. The site was designed to emphasize the physical experience into a fashion and art focused digital site.

Mobile accessibility was of importance so users could experience the site across a variety of devices. The site was designed and developed mobile-first.

With its roots as a print publication, the UI was designed to emphasize the rich imagery & strong typography of the editorial.

Working directly with the Creative Director & Editor-in-Chief, SUITED's digital debut expanded their user base to a global scale without the limitations of requiring a physical copy of the publication. From 0-1 launch, SUITED doubled engagement with users and increased print sales from app purchases by 15%.

UI/UX, Development

Product designer and front-end engineer for the premier launch of the online edition SUITED magazine. Created a customized CMS driven template design built on top of the SquareSpace developer platform. Collaborated one-on-one with the Creative Director & Editor-in-Chief to translate the print publication brand into a digital experience.

SUITED Magazine

Smarty unifies task management & calendar scheduling into one clean application powered by AI.

Smarty is an AI-powered personal productivity tool, built on top of an NLP (natural language processing) interface and artificial intelligence engine. With the goal to let users enter free form text which Smarty automatically recognizes by keywords and generatively schedules: to create tasks, events, and convert emails into action items.

Our target personas were identified as executive assistants and other professionals overwhelmed with scheduling obligations. From there we created persona profiles, user journey maps, as well as conducted rounds of user interviews. In our interviews we focused on how people organize & structure their schedule over the course of week, and what were their pain points & goals when planning out objectives for their calendar.

A pain point map was created to visualize the flow of how users planned & scheduled with their existing tools & workflows. Tracking their actions, feelings & questions, as well as points of friction that could be leveraged into opportunities in each step of their flow.

After conducting rounds of user interviews and discovery, we summarized 3 different possible value propositions for our initial feature set & the core design principles, and organized our findings synthesized into a Jobs to Be Done statement:

"When I’m newly overwhelmed by an overflowing plate and the meetings/tasks keep coming, I want to easily track my workload (via smart visualization and automatic re-prioritization), so I can have mental clarity and confidence each day."

Based on our insights from user research & market analysis, and supported by an examination of existing systems & methodologies, Smarty's UI was redesigned on top of a natural language processing engine with AI auto-scheduling that will schedule tasks & events based on priority. The app UI was designed to let users build content through a clean textual interface, allowing users to conversationally create tasks/events and schedule them.

Informed by our research findings & user feedback, a new app interface was designed focused on the core principles of "simplicity & transparency" and "a clean/minimal interface". Additionally, from our research we learned that our target users wanted to be able to quickly jot down tasks or events at hand (without needing to fill out a time-consuming form) and have the product recognize parameters from keywords.

Users can visually compare their calendar view to a textual list layout to see how any given day is structured, and drag/drop between the two interfaces. In addition to the command menu to textually organize & schedule, user can also create content & visualize organization of their tasks & events via the textual list panel or the default calendar interface.

Additionally, user can toggle between the views; with list view as the main interface and the calendar as a panel for visual comparison.

A powerful feature requested from users during testing & interviews, was to create follow-up tasks & events based on emails. With an integration to GMail, users can view their email inbox in comparison to their schedule, and easily create tasks or events that reference back to the email trigger.

Smarty is still in active development, but based on prototype testing with users there is active interest in the product's email to task/event creation integration as well as resounding preference for the purely textual NLP driven UI to easily create & edit scheduling content without having to engage with multiple click-through behaviors with the previous form-heavy interface.

UI/UX, User research

Principle product designer, creating the core interface for Smarty. Working closely with the CEO and engineering team, conducted user research and synthesized analysis into validated value propositions, created the foundational product app interface, as well as provided design strategy for the product roadmap. Smarty AI is still in active development.

Smarty AI

Lumi helps businesses produce custom packaging and handle supply chain logistics.

Originally Lumi operated as an e-commerce catalog of predefined packaging materials that businesses could apply branded designs to. However, if users wanted customized designs or unique packaging options, their requests had to be handled manually by customer experience representatives & packaging design experts. And users were limited to Lumi's preselected packaging suppliers with little transparency around who would be manufacturing their packaging or the ability to compare quotes from different suppliers.

Because many business users required a high level of specificity for their branded packaging requirements and our in-house CX team managed the flow of information between businesses & packaging manufacturers, as Lumi scaled with more users this resulted in communication bottlenecks & production errors. And to better serve users' diverse packaging needs we wanted to allow businesses to compare across a network of packaging suppliers by cost or turn around times.

Manufacturers' responses to packaging needs were displayed in a high-density data UI reflecting the nuances of producing each custom product, essential information about projected quotes (quantity, price & turnaround times), as well as linking to detailed profiles about the manufacturer themselves, allowing brands to easily compare across different possible manufacturing resources.

To assist businesses in comparing across an ecosystem of many manufacturers, a marketplace reference UI was created for displaying rich data regarding each manufacturer's production capabilities, location & shipping times, sustainability efforts, and reviews from other clients.

With the transition to a B2B marketplace application from the prior iteration as an e-commerce catalog interface with predefined packaging options, our team reduced average quote request response time by 85%. Thus allowing Lumi to scale up in numbers of users, improving the custom packaging experience, adding transparency for our users, and increasing sales.

Product designer and UI/UX developer transforming Lumi from an e-commerce platform into a B2B marketplace connecting businesses to packaging manufacturers. Providing users with custom packaging & improved efficiency in supply chain logistics, as well as the creation of a design system & modular UI component library to maintain cohesiveness across Lumi's various app user interfaces and visual design

Lumi

Lumi ID is a digital identification tool that gives users accurate, localized information about how brand packaging is made, and how to recycle it responsibly with a single QR code.

Lumi ID integrates seamlessly with branding, messaging and physical product. Lumi ID generates a QR code that can be printed on any packaging including boxes, envelopes, jars, bottles, cans, tubes, publications, labels and collateral. As new platform features and best practices become available, packaging information stays accurate without requiring print plate changes.

With their smart phone, customers of an e-commerce brand can scan QR codes on packaging materials to learn more about a brand's sustainability efforts, the life cycle of the packaging materials itself, and how to recycle it with up-to-date, localized disposal options using the latest best practices.

Every city has its own regulations, which can make it difficult for a brand's customer service teams to answer questions accurately. Lumi ID is a universal system for every type of packaging tied to real-time data, giving users accurate information about a brand's packaging materials, sustainability mission and certifications.

From the brand's dashboard, not only can companies provide localized recycling information and life cycle information about their packaging, but also share their brand's environmental mission and link to their sustainability page.

From physical touch points (on an e-commerce brand's packaging materials) users can scan the QR code from their phone to learn more about the brand's sustainability efforts, the life cycle of their packaging materials, and how best to recycle the materials based on localized information.

Product designer and front-end developer of a mobile-first digital experience triggered from physical products via QR codes to support sustainability & transparency in packaging.

Lumi ID

The Arrivals is a NYC based fashion line focusing on classic, architecturally-inspired garments exclusively available online.

As a high-end NYC fashion line, The Arrivals required bi-weekly interactive campaigns, supporting continuous product launches. Creating new campaign designs in regular sprint intervals required standardization of the Arrival's branded visual design system and prioritizing high impact & fast turn over of designs.

The interactive e-commerce store was designed & developed to display the rich array of products in multiple-styles, with a focus on the consumer user navigation experience by creating sorting filters based on best selling, price or inventory. With user analysis we learned that many of our customers purchased item regardless of traditional fashion categories of 'Men' vs. 'Women' so we introduced a filter option for 'Genderless' apparel items.

Product detail pages needed to display rich imagery detailing the product's aesthetic as well as information regarding fit, materials, and allowing users to receive contextual information before making a purchase commitment. As well as a UI design to provide suggestions of similar product styles to convert user interest into more potential purchasing options.

As an e-commerce brand, The Arrivals needed mobile-first designs so users could view and purchase products across any device type, and a responsive website UX was designed & developed.

With an emphasis on its architectural roots, a structural & textured UI was created focusing on visually displaying compelling imagery and video content.

Creating The Arrivals e-commerce platform from 0-1 launch resulted in 30% year-over-year revenue growth from our debut. The Arrivals became a globally recognized outerwear leader and won  Fast Company's 'Most Innovative Companies' award for design excellence.

Principle product designer & front-end engineer responsible for the creation and implementation of interface designs for a responsive, cross-platform e-commerce web app. Translating marketing needs and promotions into a highly polished user experience, as well as designing and developing bi-weekly interactive campaigns, supporting multiple product launches, and improved the site interface based on A/B studies.

The Arrivals

Data visualization of language patterns and lyrical analysis of top Billboard charting songs over the 20th century.

What do popular song lyrics say about cultural moods, concerns and political issues of different times? To answer this question and because no database of this information existed at the time, a Python web scraping script was developed to pull lyrics from the top Billboard charts since its inception in the early 1900's.

Using a Java based IDE and natural language processing, frequencies of noun entities (such as "I" and "you"), as well as common verbs that express relationships between those entities (such as "love", or "hate") were visualized.

With this data visualization, topical patterns over time became evident as song lyrics from different decades reveal societal patterns and trending topics.

Frequency of keywords were used to weight their size (more frequent use of a noun phrase resulted in a larger font size), and bézier curves to visualize semantic linkages between different keyword entities.

Visual design, Development

Creative director & developer of a data visualization examining language patterns in musical lyrics over time, revealing cultural trends and moods of different time periods as expressed in top-charting songs. Presented as large format digital images and print posters.

SUITED is a biannual fashion and art publication with a singular mission in mind: to celebrate those who have found what they are well-suited for.

Context

As a print publication, translating the SUITED experience online focused on designing a UI that highlights rich imagery and featured content. As content needed to be regularly updated, a custom CMS driven template was created on top of the SquareSpace developer platform.

Foundations to print

Because SUITED's initial experience was their printed content, the site was designed to highlight previous issues and leverage site visits into opportunities for users to order hard copies.

Minimalist aesthetic

SUITED magazine's aesthetic is minimal, black & white and high-end. The site was designed to emphasize the physical experience into a fashion and art focused digital site.

View from any device

Mobile accessibility was of importance so users could experience the site across a variety of devices. The site was designed and developed mobile-first.

Strong imagery & typography

With its roots as a print publication, the UI was designed to emphasize the rich imagery & strong typography of the editorial.

Analysis

Visit the site

Product Design

UI/UX Development

Work

Skills

About

Contact