top of page

Week8-1

APP page optimization

When the users get into my application, the first thing that comes to their eyes is the welcome page and login page.

Welcome Page

Reference

5fc584a3fbf200817c6179703f005a47.jpg
516f4418c921ab20a92907503d583066.jpg
9e315ed340e23278ff8c98578b06a719.jpg
1658922478785.jpg

Making my welcome page

Flat Composition

Basic Functions

1658922392288.jpg

For the aim that being a good user interface designer, I designed the details very carefully. Some pixel and raster systems are taken into account.

1658936995811.jpg

I tested the colour of the text on this page and finally chose the dark one.

1658936315651.jpg
1658939272046.jpg

Login Button

Cartoon welcome page

Watercolor

I made this watercolor effect by hand and then put it into photoshop

Sign up

Welcome Page Design

Login page design

V1 was not clear because of the colour

iPhone 12 Pro Max – 21.png
iPhone 12 Pro Max – 20.png

V2 Contrast is clearer. The dark text contrasts with the light background. Icons are added for easy user recognition

bottom of page