ui/ux/web
CURE
back to projects
CURE
Banking for health professionals.
WEBSITE REDESIGN
Cure is a Financial Technology company based in Berlin, providing a banking service to Doctors and Dentists.
PROJECT
This project was a redesign of the homepage including the UX journey on the way including style guides and wireframing.
PROJECT
This project was a redesign of the homepage including the UX journey on the way including style guides and wireframing.
INDUSTRY
Fintech
SKILLS
User Experience
User Interface
Web Design
Prototyping
Wireframing
Mobile App Design
Design Research
PROGRAMMES
Figma
Fintech
SKILLS
User Experience
User Interface
Web Design
Prototyping
Wireframing
Mobile App Design
Design Research
PROGRAMMES
Figma
Aa
Source Sans Pro
Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
!@#$%^&*()
abcdefghijklmnopqrstuvwxyz
0123456789
!@#$%^&*()
regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
!@#$%^&*()
abcdefghijklmnopqrstuvwxyz
0123456789
!@#$%^&*()
Aa
Ubuntu
Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
!@#$%^&*()
abcdefghijklmnopqrstuvwxyz
0123456789
!@#$%^&*()
Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
!@#$%^&*()
abcdefghijklmnopqrstuvwxyz
0123456789
!@#$%^&*()
Title
Article Title
Lead
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad.
Paragraph
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad.
Button
.png)
.png)
Navy Blue
secondary colour
#1A1A39
R 26
G 26
B 57
R 26
G 26
B 57
Medium Slate Blue
secondary colour
#726DF3
R 114
G 109
B 243
R 114
G 109
B 243
Turquoise
primary colour
#41D5C7
R 65
G 213
B 199
R 65
G 213
B 199
Black
secondary colour
#000000
R 0
G 0
B 0
R 0
G 0
B 0
White
primary colour
#ffffff
R 255
G 255
B 255
R 255
G 255
B 255
PROCESS
Inspiration, Wireframes & Sketches
The first step in my process is always to to look around at the competition and the current solutions so I looked for some other fintech companies and on dribble and creating a mood board on Figma of some ideas I liked.
I then drew up some rough sketches for the layout which I transferred to the Figma sketchpad in preperation for my lo-fi wireframe.
The sketches were then drawn up in Figma as a lo-fi wireframe so the next step was to create a Style Tile which started by finding a pairing of fonts for my headings and body text, then creating a new colour scheme consisting of greens and whites due to the nature of the company, and finally designing some buttons to be used on the final design.
I also decided to redesign a more modern logo to go with the new look.
I also decided to redesign a more modern logo to go with the new look.
.png)
.png)
Incorporating the newly designed styles, I copy the wireframe and develop it into a high fidelity design including all the assets and copy I've acquired to end up with a finished product along with a responsive mobile design.
