The next step was the design of the website. The initial idea was just to scale up the original app design to a computer desktop version, and in the process of trying it out, I found a lot of problems: the size of the fonts, the strange sizes of the buttons, and the irrational distribution of the individual photos, and so on. Eventually decided to redesign the layout of the website.
Scaling up the site’s typography was done after resizing the buttons to the right size and making sure that the components were still pointing to the right pages and working the same way. Make the top and bottom of some of the interfaces two darker color spaces to make each page fuller, and combine the pictures in different arrangements to make the images more coherent.Part of the interface to make the upper and lower two dark color space, so that each page more full, the pictures in a different arrangement together, so that the picture more coordinated, delete some elements of the original app, replaced with a more suitable for the site’s design, but also take into account from the cell phone to switch to a larger screen should be able to see more information, for some of the arrangement of the content to increase, in order to better adapt to the size of the site.
Imagery
Inspiration