GermanLosadaAboutSkillsProjectsExperienceContact
Chatminds hero

Chatminds Website Redesign — AI Chatbot & Automation

A complete redesign of the Chatminds website, built on user research and a scalable design system. The goal was to showcase Chatminds as an AI-powered partner, delivering intuitive chatbot experiences and seamless automation for businesses.

  • +60% faster design & development with reusable system.
  • Improved user trust with research-driven visuals and copy.
  • AI integration showcased clearly, turning complex features into simple stories.
Businesses wanted clarity in understanding AI chatbot benefits.
Users valued simple onboarding flows over technical jargon.
Trust and transparency were critical for adoption in automation.
mid mock
Design System

Absolute Colors

This is a absolute white and black.

White
#FFF
Black
#000

Primary Colors

Primary Colors - The foundational color representing brand identity in this template

55
#9E62EC
60
#FFD633
70
#76D679
80
#FD756B
90
#FFF5CC
95
#FFFAE5
97
#FFFCF0
99
#FFFEFA

Dark Shades

Dark Colors - Setting the thematic tone and serving as the predominant background hues in this template

8
#141414
10
#1A1A1A
15
#262626
20
#333333
25
#404040
30
#4D4D4D
35
#595959
40
#666666

Grey Shades

Grey Colors - Employed for creating inviting and readable text elements throughout the template

50
#7E7E81
60
#98989A
70
#B3B3B3
80
#CCCCCC
90
#E4E4E7
95
#F1F1F3
97
#F7F7F8
99
#FCFCFD
Sora

Used Font Weights

Regular
Medium

Capital Letters

A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z

Small Letters

a
b
c
d
e
f
g
h
i
j
k
l
m
n
o
p
q
r
s
t
u
v
w
x
y
z

Others

0
1
2
3
4
5
6
7
8
9
!
@
#
$
%
^
&
(
)
Inter

Used Font Weights

Regular
Medium
Semi Bold
Bold

Capital Letters

A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z

Small Letters

a
b
c
d
e
f
g
h
i
j
k
l
m
n
o
p
q
r
s
t
u
v
w
x
y
z

Others

0
1
2
3
4
5
6
7
8
9
!
@
#
$
%
^
&
(
)