Web Designer (Product / UI Designer)

Role Context

We are looking for a product-focused web designer to join the IT department team โ€” someone who understands development, knows how to work with design systems, prototypes, and interface animations, and will be a full-fledged part of the IT team rather than marketing.

The main responsibility is designing product interfaces in close collaboration with developers, with a focus on usability, scalability, and straightforward implementation. Readiness to quickly make changes to layouts is required.

Role Responsibilities

  • Design product interfaces (web application, mobile application, CRM).
  • Propose improvements to existing design solutions.
  • System design: develop, implement, and maintain a design system (UI Kit) in Figma, including components, tokens (colours, typography, spacing, shadows), and clear rules for their usage.
  • Keeping designs up to date: continuously synchronise Figma designs with the implemented product functionality. The designer is responsible for ensuring developers always work with up-to-date and detailed layouts.
  • Dark/light theme: design and implement full support for both themes at the design system level.
  • Create interfaces that are user-friendly, clear, and scalable.
  • Design intuitive interfaces for complex functional product blocks, considering all element states (including errors, loading states, and empty states).
  • Technical feasibility: create animations and micro-interactions that improve UX without complicating development. Willingness to discuss and simplify solutions based on technical constraints.

Requirements and Responsibilities1. Product Design:

  • Experience with product UI (including mobile applications).
  • Experience designing interfaces for web applications or SaaS products.
  • Ability to design complex interfaces considering all component states.
  • Development of user flows and edge cases.
  • Focus on usability and clarity without excessive visual effects.

2. Collaboration with Developers:

  • Constant interaction with the development team.
  • Discussion of solutions before development starts and during implementation.
  • Ability to:
    • explain design decisions;
    • accept technical constraints;
    • adapt design solutions to technical limitations.
  • Ability to prepare designs for development handoff:
    • well-thought-out user flows,
    • specifications,
    • exportable assets,
    • multiple element states.
  • Understanding of basic frontend development principles:
    • HTML / CSS;
    • browser and CSS limitations.
  • Ability to estimate the implementation complexity of solutions.
  • Knowledge of browser limitations.

Strong plus: deep understanding of frontend development principles. Knowledge of Flexbox/Grid, DOM, CSS limitations, and the ability to assess the complexity of implementing specific animations.

3. Design System:

  • Experience creating and maintaining a design system:
    • components;
    • tokens (colours, typography, spacing);
    • states (hover / active/disabled / loading).
  • Experience with a component-based approach.
  • Understanding how a design system speeds up development and ensures consistency.
  • Hands-on experience creating or significantly updating a design system in Figma (Auto Layout, Variants, Component Properties, Tokens).
  • Confident use of Figma:
    • components;
    • variants;
    • auto layout;
    • component properties.
  • Clean and well-structured layouts.
  • Responsiveness:
    • desktop;
    • mobile;
    • responsive layouts;
    • Understanding of breakpoints and interface behaviour across different screen sizes.

4. Animations and Interaction:

  • Design of simple and clear animations:
    • transitions;
    • Lottie animations;
    • micro-interactions.
  • Understanding of UI animation basics:
    • timing,
    • easing,
    • Material Motion principles or equivalents.
  • Animations should be:
    • useful;
    • lightweight;
    • realistically implementable.
  • Ability to create functional prototypes (in Figma, ProtoPie, Framer) to demonstrate transition logic and micro-interactions.

5. Dark / Light Theme:

  • Designing interfaces with dark and light theme support.
  • Theme handling at the design system level rather than on individual screens.

Nice-to-Have:

  • Experience with layout (HTML/CSS).
  • Technical background or experience working closely with development.
  • Experience working in a product environment:
    • Jira / YouTrack;
    • Slack.

Important: a full-time frontend developer is not required, but layout experience significantly simplifies communication.

Language Requirements

  • English โ€” B1-B2 (working level):
    • reading and understanding technical requirements;
    • basic written communication;
    • participation in work calls when necessary.

Not Required:

  • Branding and visual identity.
  • Banners, advertising creatives, and SMM.
  • Illustrations, 3D, complex motion.

Required domain experience

Fintech 1.5 years

Required languages

English B1 - Intermediate
Published 15 February
6 views
ยท
3 applications
To apply for this and other jobs on Djinni login or signup.
Loading...