ux_ui_designer

1
import "./skills.scss";
2
import useFadeInOnScroll from "../Hooks/useFadeInOnScroll";
3
import { animated } from "react-spring";
4

5
const Skills = () => {
6
  const fadeIn = useFadeInOnScroll(2900);
7
  return (
8
    <div className="skills">
9
      <animated.div style={fadeIn} className="skills__wrapper">
10
        <div className="skills__container">
11
          <div className="skills__name">Продукт</div>
12
          <div className="skills__list">
13
            Customer Development <br />
14
            Глубинные интервью <br />
15
            Количественный анализ <br />
16
            Анализ рынка, конкурентов <br />
17
            Анализ данных <br />
18
            Метрики <br />
19
            Jobs To Be Done <br />
20
            Customer Journey Map <br />
21
            Persona Method <br />
22
            AARRR <br />
23
            HADI-цикл <br />
24
            Карты Эмпатии
25
          </div>
26
        </div>
27
        <div className="skills__container">
28
          <div className="skills__name">UXI</div>
29
          <div className="skills__list">
30
            Шрифты <br />
31
            Цветовая палитра <br />
32
            Ton Of Voice <br />
33
            Прототипирование <br />
34
            Анимация <br />
35
            Информационная архитектура <br /> Task-Flow <br /> Тестирование
36
            <br />
37
            Работа с графикой
38
          </div>
39
        </div>
40

41
        <div className="skills__container">
42
          <div className="skills__name">Команда</div>
43
          <div className="skills__list">
44
            Контроль разработки <br />
45
            Передача макетов в разработку
46
            <br />
47
            Big Job для команды <br />
48
            Фиксирование договоренностей <br />
49
            Roadmap <br />
50
            Feature List <br />
51
            RICE/ICE/ROI/Rearch & Frequency <br />
52
            DoR/DoD/Smart <br />
53
            Scrum / Agile <br /> Poker Planning
54
          </div>
55
        </div>
56
        <div className="skills__container">
57
          <div className="skills__name">Документация</div>
58
          <div className="skills__list">
59
            Дизайн Система <br />
60
            UI-kit <br />
61
            Гайдлайны
62
          </div>
63
        </div>
64
        <div className="skills__container">
65
          <div className="skills__name">Знания/Навыки</div>
66
          <div className="skills__list">
67
            Распространение знаний <br />
68
            Менторинг
69
          </div>
70
        </div>
71
      </animated.div>
72
    </div>
73
  );
74
};
75
export default Skills;
76