Twine by John Hancock

As the Art Director for Twine by John Hancock, I played a key role in crafting the app’s visual identity and user experience to resonate with couples seeking a collaborative way to save and invest. I led the design direction, seamlessly blending modern design principles with approachable, human-centric aesthetics to create an intuitive and emotionally engaging interface. Collaborating closely with strategists, designers, and stakeholders, I ensured every visual detail—from iconography to typography—aligned with Twine’s mission of helping couples achieve their financial goals together. The result was an innovative app that combined functionality with warmth, empowering users to save and invest with confidence.

Three mobile screens displaying a website with illustrations in black and yellow, featuring people engaging in teamwork, goal setting, and credit portfolio management, with 'Get Started' buttons.
Multiple logo designs and branding options for Twine, featuring a black and yellow interconnected knot symbol, with text variations including 'Twine' and 'John Hancock' in different fonts and styles.
Stylized illustration featuring various people engaging in different activities, with some holding maps or looking at objects, and a large yellow lantern in the center. The artwork incorporates lines and minimal color accents, primarily yellow.
twine_mobile_app_mockup.jpg
twine-illustration-1.png
twine-illustration-2.png
A minimalist line drawing of a person riding a yellow bicycle, smiling, with clouds in the background.
Illustration of protest signs with various messages including "WHOOP$," "YIKES," "UHOH," and an exclamation mark inside a triangle. The signs are in simple black and yellow line art style, with a cartoon character looking at them. There are small clouds in the background.
Three smartphone screens showing financial planning app interfaces with goal setting, savings, and deposit features.