https://joroha.co/work daily 1.0 2022-08-17 https://images.squarespace-cdn.com/content/v1/51aa6681e4b08c2bc46f07db/1576626101500-YCAUKUM6U2BXKPGQXOUE/transactions1-sketch1%403x.png design x jorohaco • Work & Case Studies Reimagining the mint.com Experience 2/2 Here is a wireframe sketch of a userflow within a Transactions screen. The aim in this exercise is to address the problem of categorizing transactions across all your financial accounts, quickly when the algorithm isn’t able to and rules aren’t predefined by the user. The ease of use with this functionality will feed into a separate exploration I’m musing over that revolves around Daily Budgeting—a feature that I feel would provide daily value to users, which in turn can stabilize user-retention rates of the app. Tactically, I’m leveraging the swipe interaction behavior/patterns from Intuit’s Quickbooks Self-Employed iOS app and merging that with similar interactions/patterns from Apple Mail’s app on iOS. With Quickbooks, the interaction is meant to simply categorize a transaction as either Personal or Business. In Mail, the interaction allows the user to do a number of actions relevant to the message, such as reply, flag, mark as read, move/archive, trash, etc. This design would allow the user to quickly categorize a transaction into 3 commonly used categories, or open an Overflow menu/card that gives them either the full gamut of options (see “Typical Data Fields/Actions” list) or a list of categories (not pictured—ran out of time, but you get the picture). Higher-fidelity mockups to come. — click to open full image — https://images.squarespace-cdn.com/content/v1/51aa6681e4b08c2bc46f07db/1567381286559-6681YVJOVOA05V2CCLZK/home1-2up_100%402x.png design x jorohaco • Work & Case Studies Reimagining the mint.com Experience 1/2 Just a quick, raw design exercise, as I look into building a UX case study for Intuit’s mint apps on iOS and iPadOS. I’m interested in improving the mint experience, as I’ve been a long-time user ever since launch and have observed several iterations of the UI—good and bad. I’ve spotted a number of problems that have nagged me since the most recent iOS redux. These include way too many entry points for any single area of the app such as Transactions; a convoluted mess of directional gestures that I find rather disorienting; and little consistency in form and function between the mobile and tablet apps. Here is a mobile home screen concept that prioritizes Bills and Accounts, followed by a Credit Score mention. A quick report on Paid Interest comes next, with discreet jumps to personal loan offers and educational content from mint’s Blog—which is nonexistent in the apps despite content being one of the main drivers of adoption and securing trust with new users. More to come. That beautifully welcoming geometric typeface is Venti CF by Connary Fagen https://images.squarespace-cdn.com/content/v1/51aa6681e4b08c2bc46f07db/1547926489389-EJRVOI6KVFK4R4NUABLE/%C2%A9jorohaco_sqsp_h2wellness_site2015-home_1401.jpg design x jorohaco • Work & Case Studies - h2wellness.com (Iteration 2015) This iteration of the h2 wellness website was my second go as a designer at h2, and first as its Design Director. A lot happened between 2011 and 2015, both within the company and in the health & wellness space at large, as well as trends in web and software UI design. Big data was picking up steam and being rapidly applied to digital health. Skeuomorphic design was retiring and making room for flat design. I spearheaded the rebrand effort within h2. The outcome was a complete re-imagination and modernization of the company’s public face. https://images.squarespace-cdn.com/content/v1/51aa6681e4b08c2bc46f07db/1488971397222-Q14YWASXZJRJMLEXVPBF/%C2%A9jorohaco_sqsp_h2platform-UI-gemini_01%402x.jpg design x jorohaco • Work & Case Studies - h2 SaaS Platform The meat and potatoes of h2 wellness. Since I began my tenure there, the fundamental purpose of this SaaS model was to provide people a means to enact meaningful behavior change that would affect positive changes in their health. It took some years of iteration, trial and error and corporate soul searching to arrive at the baseline. Though there was a singular event that caused a pivot in h2’s approach. A simple yet expansive design solution that I and UX Director, Kimberly Jennings put forward on a cloudy morning in Amsterdam. https://images.squarespace-cdn.com/content/v1/51aa6681e4b08c2bc46f07db/1550713624916-TUZ1KKBSFZJM8UM9PF77/%C2%A9jorohaco_sqsp_dfh_store-LP-desktop.jpg design x jorohaco • Work & Case Studies https://images.squarespace-cdn.com/content/v1/51aa6681e4b08c2bc46f07db/1550116356682-Z2QJYR1JWUNR4ZOA9HHQ/%C2%A9jorohaco_sqsp_dfh_email-probiomed2.gif design x jorohaco • Work & Case Studies - This Campaign Broke Things Designs for Health’s total unit stock of these new probiotic supplements was sold within days of the campaign launch. Backorders stacked up for several weeks thereafter. While other components of the campaign contributed to the overwhelming demand, email is DFH’s primary method for immediate and broad outreach to its customer base of healthcare practitioners. Open and clicks-through rates were up significantly for this email campaign compared to two prior product campaigns that I helped direct, including Keto-Nootropic featured below. Two prerogatives were to 1) aim for a more immersive reveal of product information while keeping it simple, and 2) minimize the length and breadth of content in each promotional email. In the two prior product launch campaigns, we were able to distill the key takeaways with relative ease due to the products’ formulas being fairly proprietary. Essentially, we could comfortably summarize those takeaways into quick headlines “above the fold” and in the subject and preheader lines. For ProbioMed however, we were tasked with conveying four attributes, commonly touted by competing products yet more nuanced and meaningful in DFH’s offering, as early in the storytelling process as possible. Potency in dose; stability of the colony forming units at dosage and after ingestion; diversity of the strains; and transparency of in identifying all strains in the product as well as shelf life. The team distilled the messaging to four, single-word headlines from which the story could expand. To capture all that information in a short scroll email, without inundating the reader with esoteric jargon, we saw an opportunity to leverage gifs. This also allowed us to inject a bit of mystery into the story, affecting both design and copy, producing higher than anticipated open and click-through rates. This is in comparison to the prior campaign emails that sought to provide nearly the same amount of detail featured on the corresponding Landing Pages. We replicated the gif approach across two unique email blasts for the ProbioMed campaign with each producing stellar metrics. So in a way, this campaign not only broke their sales expectations, but also broke the client’s normal mode of thinking from wanting to present as much scientific information to their customers upfront, to that storytelling. The correlation between the creative team’s recommendations and sales couldn’t have been more clear. https://images.squarespace-cdn.com/content/v1/51aa6681e4b08c2bc46f07db/1489791596953-FBBO3OICKE985FRNSMWK/%C2%A9jorohaco_sqsp_curves-UI_dsk+Dashboard%402x.jpg design x jorohaco • Work & Case Studies - Custom Client Management for Curves, weight loss gyms for women. https://images.squarespace-cdn.com/content/v1/51aa6681e4b08c2bc46f07db/1549567906542-LKJEVO380LTLY5NSV4W6/%C2%A9jorohaco_sqsp_dfh_LP-connect-heroSet.jpg design x jorohaco • Work & Case Studies - Connecting Health Outcomes https://images.squarespace-cdn.com/content/v1/51aa6681e4b08c2bc46f07db/1489895575245-1V8K5FXRQ3OPA25Q0RW1/%C2%A9jorohaco_sqsp_h2-brand-h2+mark+%28old+v+new%29%402x.png design x jorohaco • Work & Case Studies - h2 Brand & Visual Identity The brand for h2 wellness, a SaaS company, had seen a handful of iterations before my tenure. When I joined the team, the iPhone and App Store ecosystem were in their prime, and many brands co-opted Apple’s primitive, a square with rounded corners. Before that iteration, it was a pair of oranges with green logotype (if you could call it a logotype), which got plenty of laughs in the office whenever it resurfaced. https://images.squarespace-cdn.com/content/v1/51aa6681e4b08c2bc46f07db/1489736912934-EC9RSSQCQ3QV0Y59E7AA/%C2%A9jorohaco_sqsp_philips-UI_Feed+PHS_Shield%402x.jpg design x jorohaco • Work & Case Studies - Custom Health Management Solutions for Philips https://images.squarespace-cdn.com/content/v1/51aa6681e4b08c2bc46f07db/1489200944913-V91483RSJE8T049H48AW/%C2%A9jorohaco_sqsp_h2fit-UI-mNative_01-02%402x.jpg design x jorohaco • Work & Case Studies - h2 fit A comprehensive fitness management platform for fitness clubs, trainers and their clients. This platform brought together a myriad feature set that helped businesses manage their clients’ fitness progress and health metrics. On the client side, users use it to track their training sessions, integrate with their wearable devices, and keep a pulse of their health and wellness goals. https://images.squarespace-cdn.com/content/v1/51aa6681e4b08c2bc46f07db/1567382106329-9FHJ9D85DU29DIZUX735/home1-2up_100%402x.png design x jorohaco • Work & Case Studies https://images.squarespace-cdn.com/content/v1/51aa6681e4b08c2bc46f07db/1491584986564-O5DFM0F8J7FET7189QTC/%C2%A9jorohaco_sqsp_RTT+logomark%402x.png design x jorohaco • Work & Case Studies - Real Time Trivia RTT was a build-from-scratch opportunity. The client needed to execute on an app idea, requiring an agnostic app prototype, a brand to give it a public- and investor-facing identity, a marketing website prototype for the product itself, and a separate site for partners and investors to reference. https://static1.squarespace.com/static/51aa6681e4b08c2bc46f07db/t/624e05d040238d4ca8a7c76e/1652288676063/ design x jorohaco • Work & Case Studies https://images.squarespace-cdn.com/content/v1/51aa6681e4b08c2bc46f07db/1654899399569-KLYDA04XQGGJAZ9L17HG/emerson_wvDosageUX-02-finalProduct1%402x.jpg design x jorohaco • Work & Case Studies https://images.squarespace-cdn.com/content/v1/51aa6681e4b08c2bc46f07db/1651175822310-80TT34ECIERL74QFISO7/emerson_rebrand-04-concepts-01.jpg design x jorohaco • Work & Case Studies https://images.squarespace-cdn.com/content/v1/51aa6681e4b08c2bc46f07db/1587133320093-MRF1HUFHBW3HBMMKFD1O/%C2%A9jorohaco_sqsp_marks%26logotypes_22-4c.png design x jorohaco • Work & Case Studies - 4C Engineering + Geomatics Approved Mark https://images.squarespace-cdn.com/content/v1/51aa6681e4b08c2bc46f07db/1660754527379-273MMZ6G4CB1ULIKKPDV/willo_site-home-top-01%402x.jpg design x jorohaco • Work & Case Studies https://images.squarespace-cdn.com/content/v1/51aa6681e4b08c2bc46f07db/1660690729593-WXFKKCD85Z0CPA5BZ3XK/willo_emailWelcome-01%402x.jpg design x jorohaco • Work & Case Studies https://joroha.co/pelletier-koll-weill daily 0.75 2019-01-17 https://images.squarespace-cdn.com/content/v1/51aa6681e4b08c2bc46f07db/1546978585613-8QKVAG82R535N24N9F5Z/%C2%A9jorohaco_sqsp_pkw-vID-mark.png Marketing Site. Pelletier Koll Weill - Pelletier Koll Weill Charged with designing methods to attract new prospects and reignite communications with past clients, I provided PKW a number of solutions including a modern and whimsical visual identity, marketing collateral, a social media strategy, and a website to serve as a launch point for generating new leads. https://images.squarespace-cdn.com/content/v1/51aa6681e4b08c2bc46f07db/1546978585613-8QKVAG82R535N24N9F5Z/%C2%A9jorohaco_sqsp_pkw-vID-mark.png Marketing Site. Pelletier Koll Weill - Pelletier Koll Weill Charged with designing methods to attract new prospects and reignite communications with past clients, I provided PKW a number of solutions including a modern and whimsical visual identity, marketing collateral, a social media strategy, and a website to serve as a launch point for generating new leads. https://images.squarespace-cdn.com/content/v1/51aa6681e4b08c2bc46f07db/1546979886238-1DIGK41GZ4QNKIYAGY3J/%C2%A9jorohaco_sqsp_pkw-vID-lockups.png Marketing Site. Pelletier Koll Weill - Visual Identity PKW needed a method to help re-engage with his existing client base, draw in new customers, and help solidify positive impressions. My recommendation was a comprehensive set of solutions in a brand identity that inextricably links the client’s memorable demeanor and physical presentation to their consulting business. One of the Principal’s distinct characteristics is his physical presentation with some sort of hat and eclectic eyewear. It’s almost iconic—think Einstein Bros. Bagels, Giorgio Moroder, or Bryan Cranston’s subcharacter, Heisenberg of Breaking Bad. I designed a logomark leveraging these characteristics that was well received by the Principal’s client base and new customers. https://images.squarespace-cdn.com/content/v1/51aa6681e4b08c2bc46f07db/1546980308877-NQ1MF3B0564PARK4AFV7/%C2%A9jorohaco_sqsp_pkw-vID-cards.png Marketing Site. Pelletier Koll Weill https://images.squarespace-cdn.com/content/v1/51aa6681e4b08c2bc46f07db/1546980913118-Z951FXUXAYE1O1CCTGYY/%C2%A9jorohaco_sqsp_pkw-site-contentUserflow.png Marketing Site. Pelletier Koll Weill - Site Content & Userflow Another component to the comprehensive solution for PKW was a site that would largely serve as a lead generation tool for new prospects not necessarily associated with pre-existing networks. Though simple in scope, I worked out a userflow for the client to understand how the story of PKW would be told. Over a series of working sessions, we produced and refined the story bridging PKW’s specialized strength in strategy development to health and wellness businesses seeking to capitalize on the ongoing connected health revolution. https://images.squarespace-cdn.com/content/v1/51aa6681e4b08c2bc46f07db/1546981136805-XNWPBBT9T7MBIUY3STSR/%C2%A9jorohaco_sqsp_pkw-site-medfiConcept.jpg Marketing Site. Pelletier Koll Weill - Early, medium-fidelity LP & Clients page concept https://images.squarespace-cdn.com/content/v1/51aa6681e4b08c2bc46f07db/1546981141152-JF53UOX739LXRADNNGUD/%C2%A9jorohaco_sqsp_pkw-site-hifiMockup-v4.jpg Marketing Site. Pelletier Koll Weill - Refined, hi-fi LP & Clients page mockups https://images.squarespace-cdn.com/content/v1/51aa6681e4b08c2bc46f07db/1546981292529-BUZIVYLBIX7V1CDJXI91/%C2%A9jorohaco_sqsp_pkw-mvpOne.jpg Marketing Site. Pelletier Koll Weill - MVP LP & Bio page . pelletierkollweill.com https://images.squarespace-cdn.com/content/v1/51aa6681e4b08c2bc46f07db/1546982073276-HN7TMQMRF5UXXZPYMPJI/%C2%A9jorohaco_sqsp_pkw-twitter.jpg Marketing Site. Pelletier Koll Weill - Twitter Strategy . @pkwinc One additional recommendation for lead generation was leveraging social media—an approach the client had not yet considered. Curating the redistribution of existing content over both Twitter and LinkedIn could create conversation with like-minded individuals and organizations in similar spaces, and potentially generate new leads. https://joroha.co/about daily 0.75 2022-08-17 https://images.squarespace-cdn.com/content/v1/51aa6681e4b08c2bc46f07db/1491338676381-USQRV27J0CYKEQ9Y0CVU/bio%402x.jpg About https://joroha.co/contact daily 0.75 2019-12-19