In this post I will be briefly discussing the mobile view of my website and how it is aesthetically aligned to make sure it is not difficult and far from the experience of viewing it on a computer
Firstly, when it came to home page, the website when transitioned fit very well since the text was already center-aligned and the videos and picture-sliders were automatically resized. The text although smaller, had no significant difference to the experience and content accessibility the PC version of the layout had. The header of each and every tab will look the same throughout and accomplished the same goals as what the PC header was required to do.
Secondly, the About me Page was a bit over the place since the pictures and elements I had placed were not fixed. I went on to tweak them and arranged them in a way that gave the same feeling of the PC layout alongside more eye pleasing placement when it came to the text. The icons were also enlarged as opposed to the ratio they had to the PC layout in order to fir the aesthetic of the mobile view and to make them more accessible.
Mobile View of About Page - Alan Mark
Thirdly, when the contact form's mobile view comes into question, there was no changing required as it fit perfectly into the mobile view requirement of pleasing to the eyes and accessibility to the viewer from my assumptions.
Mobile View of Contact Page - Alan Mark
Lastly, the Project 0.1 Page's mobile view can me considered a bit clunky at first glance since I had to tweak the arrangement of the text in order to help the audience read the wall of text it looked like before the changes. I also tweaked the arrangement of the process images and project scene itself to peak the audience's interests.
Mobile View of Project 0.1 Page - Alan Mark
Here is the link to my website for a closer look at its mobile view.
No comments:
Post a Comment