Skip to content

Commit a4c97d8

Browse files
andrejsharapovandrejsharapov
committed
cases: add new works
1 parent f0bcf1e commit a4c97d8

File tree

3 files changed

+196
-0
lines changed

3 files changed

+196
-0
lines changed

‎api/en/cases/design/websites/design-fat-cat.yml‎

Lines changed: 81 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,81 @@
1+
hide: false
2+
type: des-site
3+
title: Homepage design for a shelter for cats suffering from overweight - Fat Cat
4+
img:
5+
src: https://cdn.dribbble.com/users/2241643/screenshots/19595483/media/103ecb20535cdf51cc1efa086cedd026.jpg?resize=1000x750&vertical=center
6+
alt: Homepage design for a shelter for cats suffering from overweight - Fat Cat
7+
embed: "https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fproto%2FvK4snQwvpH2m8obA9wEXdr%2FLanding%253A-Fat-Cat%3Fpage-id%3D1%253A3%26type%3Ddesign%26node-id%3D36-317%26viewport%3D48%252C159%252C0.1%26t%3DpIPqgf9rRDcMLNli-1%26scaling%3Dscale-down-width%26mode%3Ddesign"
8+
ux:
9+
works: PET PROJECT / EXPERIENCE
10+
price: Prototyping and design
11+
created: "2022-10-07"
12+
period:
13+
- "2022-10-05"
14+
- "2022-10-07"
15+
deadline: It took two days to complete the task.
16+
preview:
17+
tools:
18+
- title: Design
19+
tags:
20+
- Figma
21+
roles:
22+
- title: My
23+
tags:
24+
- Ux/Ui Designer / Visual Designer
25+
to:
26+
dribbble: https://dribbble.com/shots/19595483-Landing-page-Fat-Cat
27+
behance: https://www.behance.net/gallery/154367141/Landing-page-Fat-Cat
28+
client:
29+
logoJPG:
30+
logoWEBP:
31+
head: Homepage design for a shelter for cats suffering from overweight - Fat Cat
32+
description:
33+
issues:
34+
task:
35+
- attract new visitors;
36+
- make site visitors smile and feel positive emotions;
37+
- tell owners that a fat cat has a number of advantages, so that they are less likely to abandon their pets;
38+
- make them want to take a cute chubby friend home from the shelter;
39+
- get a mailing address for contacting the visitor.
40+
done:
41+
img:
42+
src:
43+
alt: Homepage design for a shelter for cats suffering from overweight - Fat Cat
44+
height:
45+
alert:
46+
message:
47+
list:
48+
- product planning and conceptual component development;
49+
- preliminary target audience analysis;
50+
- corporate identity development;
51+
- typography, color palette and element states formation;
52+
- logo design and development;
53+
- design layout prototype development;
54+
- design and user interface (UI) development.
55+
palette:
56+
- type: ""
57+
hex:
58+
- "1E2336"
59+
- 60626E
60+
- type: ""
61+
hex:
62+
- 908F8E
63+
- type: ""
64+
hex:
65+
- F8F9FA
66+
- FFFFFF
67+
- type: ""
68+
hex:
69+
- EA4AAA
70+
- F08553
71+
typography:
72+
fonts: "<link href='https://fonts.googleapis.com/css2?family=Raleway&family=Cherry+Bomb+One&display=swap' rel='stylesheet'>"
73+
headline: Cherry bomb
74+
text: Raleway
75+
grid:
76+
cols: 12
77+
width: 64
78+
size: 1120
79+
gap: 32
80+
responsive:
81+
percent: "100"

‎api/ru/cases/design/websites/design-fat-cat.yml‎

Lines changed: 81 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,81 @@
1+
hide: false
2+
type: des-site
3+
title: Дизайн главной страницы приюта кошек страдающих лишним весом - Fat Cat
4+
img:
5+
src: https://cdn.dribbble.com/users/2241643/screenshots/19595483/media/103ecb20535cdf51cc1efa086cedd026.jpg?resize=1000x750&vertical=center
6+
alt: Дизайн главной страницы приюта кошек страдающих лишним весом - Fat Cat
7+
embed: "https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fproto%2FvK4snQwvpH2m8obA9wEXdr%2FLanding%253A-Fat-Cat%3Fpage-id%3D1%253A3%26type%3Ddesign%26node-id%3D36-317%26viewport%3D48%252C159%252C0.1%26t%3DpIPqgf9rRDcMLNli-1%26scaling%3Dscale-down-width%26mode%3Ddesign"
8+
ux:
9+
works: PET PROJECT / EXPERIENCE
10+
price: Прототипирование и дизайн
11+
created: "2022-10-07"
12+
period:
13+
- "2022-10-05"
14+
- "2022-10-07"
15+
deadline: На выполнение задачи ушло два дня.
16+
preview:
17+
tools:
18+
- title: Design
19+
tags:
20+
- Figma
21+
roles:
22+
- title: Мои
23+
tags:
24+
- Ux/Ui Designer / Visual Designer
25+
to:
26+
dribbble: https://dribbble.com/shots/19595483-Landing-page-Fat-Cat
27+
behance: https://www.behance.net/gallery/154367141/Landing-page-Fat-Cat
28+
client:
29+
logoJPG:
30+
logoWEBP:
31+
head: Дизайн главной страницы приюта кошек страдающих лишним весом - Fat Cat
32+
description:
33+
issues:
34+
task:
35+
- привлечение новых посетителей;
36+
- вызвать у посетителей сайта улыбку и позитивные эмоции;
37+
- рассказать владельцам, что толстый кот имеет ряд преимуществ, чтобы они меньше отказывались от своих питомцев;
38+
- вызвать желание забрать из приюта домой милого пухлого друга;
39+
- получить почтовый адрес для связи с посетителем.
40+
done:
41+
img:
42+
src:
43+
alt: Дизайн главной страницы приюта кошек страдающих лишним весом - Fat Cat
44+
height:
45+
alert:
46+
message:
47+
list:
48+
- планирование продукта и разработка идейной составляющей;
49+
- предварительный анализ целевой аудитории;
50+
- разработка фирменного стиля;
51+
- типографика, формирование палитры цветов и состояний элементов;
52+
- дизайн и разработка логотипа;
53+
- разработка прототипов дизайн-макета;
54+
- разработка дизайна и пользовательского интерфейса (UI).
55+
palette:
56+
- type: ""
57+
hex:
58+
- "1E2336"
59+
- 60626E
60+
- type: ""
61+
hex:
62+
- 908F8E
63+
- type: ""
64+
hex:
65+
- F8F9FA
66+
- FFFFFF
67+
- type: ""
68+
hex:
69+
- EA4AAA
70+
- F08553
71+
typography:
72+
fonts: "<link href='https://fonts.googleapis.com/css2?family=Raleway&family=Cherry+Bomb+One&display=swap' rel='stylesheet'>"
73+
headline: Cherry bomb
74+
text: Raleway
75+
grid:
76+
cols: 12
77+
width: 64
78+
size: 1120
79+
gap: 32
80+
responsive:
81+
percent: "100"

‎api/works/coding/coding-css-scroll-driven-animation.yml‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
type: coding
2+
title: Scroll-driven Animations
3+
date: 2023-03-28
4+
src: NWezrQZ
5+
6+
descEn:
7+
descRu:
8+
9+
view:
10+
title: "Pure CSS: Scroll-driven Animations"
11+
tabs: css,pug
12+
13+
alert:
14+
type:
15+
icon:
16+
message:
17+
18+
pen:
19+
- title: Tags
20+
list:
21+
- animation-timeline
22+
- animation-range
23+
- scroll-behavior
24+
- :has()
25+
- translate
26+
- scale
27+
- writing-mode
28+
- counter-reset
29+
- counter-increment
30+
31+
- title: Code
32+
list:
33+
- Pug
34+
- CSS

0 commit comments

Comments
 (0)