UI/UX Designer (Product Designer)

Open role

UI/UX Designer (Product Designer)

San Francisco, CA (On-site)

• Full-time [data-slot\=checkbox-group]]:gap-3 has-[\>[data-slot\=radio-group]]:gap-3" aria-label\="Role summary"\>
• ]:w-full [\&\>.sr-only]:w-auto"\>

As a UI/UX Designer, you'll shape the look, feel, and usability of Methodic’s platform (and the white-label apps we offer our clients). You will transform complex financial workflows into intuitive and elegant user interfaces. Working closely with product managers and engineers, you'll ensure that our application is not only powerful in functionality but also easy and even enjoyable to use for both our clients (financial businesses) and their end-users.

Responsibilities

[data-slot\=checkbox-group]]:gap-3 has-[\>[data-slot\=radio-group]]:gap-3 gap-3" aria-label\="Role responsibilities"\>

• ]:w-full [\&\>.sr-only]:w-auto"\>

Design user interfaces for the Methodic web application, including dashboards, multi-step workflows (like customer onboarding, account setup), transaction views, reporting pages, and admin tools.

• ]:w-full [\&\>.sr-only]:w-auto"\>

Create wireframes, high-fidelity mockups, and interactive prototypes that capture both the big-picture flow and the fine-detail interactions of new features.

• ]:w-full [\&\>.sr-only]:w-auto"\>

Simplify complex processes (such as compliance checks, money transfers, investment operations) into clear, step-by-step user experiences with an emphasis on clarity and usability.

• ]:w-full [\&\>.sr-only]:w-auto"\>

Establish and maintain a coherent visual style and UI component library (design system) to ensure consistency across the platform and any white-label products.

• ]:w-full [\&\>.sr-only]:w-auto"\>

Conduct user research and usability testing (when possible) to gather feedback on designs and identify areas of confusion or improvement.

• ]:w-full [\&\>.sr-only]:w-auto"\>

Iterate on designs based on feedback from users, stakeholders, and analytics (e.g., if users are dropping off at a certain step, refine that screen’s design).

• ]:w-full [\&\>.sr-only]:w-auto"\>

Collaborate with front-end developers during implementation to ensure design fidelity and that UX considerations are properly addressed (responsive design, accessibility, etc.).

Requirements

[data-slot\=checkbox-group]]:gap-3 has-[\>[data-slot\=radio-group]]:gap-3 gap-3" aria-label\="Role requirements"\>

• ]:w-full [\&\>.sr-only]:w-auto"\>

4\+ years of experience in UI/UX or product design with a portfolio of web application designs (bonus points for experience in fintech or other complex, data-heavy apps).

• ]:w-full [\&\>.sr-only]:w-auto"\>

Proficiency with design and prototyping tools (such as Figma, Sketch, Adobe XD, or similar).

• ]:w-full [\&\>.sr-only]:w-auto"\>

Strong understanding of UX principles and best practices; ability to design for users with varying levels of technical proficiency.

• ]:w-full [\&\>.sr-only]:w-auto"\>

Experience designing complex workflows or enterprise software interfaces – comfortable working on data tables, forms, and interactive dashboards, not just simple websites.

• ]:w-full [\&\>.sr-only]:w-auto"\>

Keen eye for visual design, typography, and attention to detail, combined with the ability to think about the broader user journey.

• ]:w-full [\&\>.sr-only]:w-auto"\>

Basic familiarity with front-end development (HTML/CSS, responsive design principles) to ensure designs are feasible and to facilitate effective communication with developers.

• ]:w-full [\&\>.sr-only]:w-auto"\>

Excellent communication and teamwork skills, including the ability to articulate design decisions and work iteratively with feedback.

Submit your application

Provide a few details and our hiring team will reach out with next steps.

[data-slot\=checkbox-group]]:gap-3 has-[\>[data-slot\=radio-group]]:gap-3 gap-5"\> Candidate details

• ]:w-full [\&\>.sr-only]:w-auto"\> [data-slot\=field]]:w-full has-[\>[data-slot\=field]]:flex-col has-[\>[data-slot\=field]]:rounded-md has-[\>[data-slot\=field]]:border [\&\>[data-slot\=field]]:p-4 has-data-[state\=checked]:bg-primary/5 has-data-[state\=checked]:border-primary dark:has-data-[state\=checked]:bg-primary/10" data-slot\="field-label" for\="name"\>Full name
• ]:w-full [\&\>.sr-only]:w-auto"\> [data-slot\=field]]:w-full has-[\>[data-slot\=field]]:flex-col has-[\>[data-slot\=field]]:rounded-md has-[\>[data-slot\=field]]:border [\&\>[data-slot\=field]]:p-4 has-data-[state\=checked]:bg-primary/5 has-data-[state\=checked]:border-primary dark:has-data-[state\=checked]:bg-primary/10" data-slot\="field-label" for\="email"\>Email address
• ]:w-full [\&\>.sr-only]:w-auto"\> [data-slot\=field]]:w-full has-[\>[data-slot\=field]]:flex-col has-[\>[data-slot\=field]]:rounded-md has-[\>[data-slot\=field]]:border [\&\>[data-slot\=field]]:p-4 has-data-[state\=checked]:bg-primary/5 has-data-[state\=checked]:border-primary dark:has-data-[state\=checked]:bg-primary/10" data-slot\="field-label" for\="phone"\>Phone number (optional)
• ]:w-full [\&\>.sr-only]:w-auto"\> [data-slot\=field]]:w-full has-[\>[data-slot\=field]]:flex-col has-[\>[data-slot\=field]]:rounded-md has-[\>[data-slot\=field]]:border [\&\>[data-slot\=field]]:p-4 has-data-[state\=checked]:bg-primary/5 has-data-[state\=checked]:border-primary dark:has-data-[state\=checked]:bg-primary/10" data-slot\="field-label" for\="linkedin"\>LinkedIn / Portfolio (optional)
• ]:w-full [\&\>.sr-only]:w-auto"\> [data-slot\=field]]:w-full has-[\>[data-slot\=field]]:flex-col has-[\>[data-slot\=field]]:rounded-md has-[\>[data-slot\=field]]:border [\&\>[data-slot\=field]]:p-4 has-data-[state\=checked]:bg-primary/5 has-data-[state\=checked]:border-primary dark:has-data-[state\=checked]:bg-primary/10" data-slot\="field-label" for\="notes"\>Notes
• ]:w-full [\&\>.sr-only]:w-auto"\> [data-slot\=field]]:w-full has-[\>[data-slot\=field]]:flex-col has-[\>[data-slot\=field]]:rounded-md has-[\>[data-slot\=field]]:border [\&\>[data-slot\=field]]:p-4 has-data-[state\=checked]:bg-primary/5 has-data-[state\=checked]:border-primary dark:has-data-[state\=checked]:bg-primary/10" data-slot\="field-label" for\="resume"\>Resume (PDF)

a:hover]:text-primary [\&\>a]:underline [\&\>a]:underline-offset-4"\>Optional, max 5MB.

• ]:w-full [\&\>.sr-only]:w-auto sr-only" aria-hidden\="true"\> [data-slot\=field]]:w-full has-[\>[data-slot\=field]]:flex-col has-[\>[data-slot\=field]]:rounded-md has-[\>[data-slot\=field]]:border [\&\>[data-slot\=field]]:p-4 has-data-[state\=checked]:bg-primary/5 has-data-[state\=checked]:border-primary dark:has-data-[state\=checked]:bg-primary/10" data-slot\="field-label" for\="contact_reference"\>Leave this field empty
• ]:w-full [\&\>.sr-only]:w-auto"\>

a:hover]:text-primary [\&\>a]:underline [\&\>a]:underline-offset-4 md:ml-3 md:text-left"\>We email a confirmation to the hiring team.