Creating a Websit: Mobile mode

November 18, 2024

Creating a Websit: Mobile mode

Today, I'm working on the website's mobile version. I will also improve all its pages so they look nice on mobile devices. Below possible to see how uncanny the main page is now.

My first step in changing this eerie design was, to improve the main page. Therefore, I changed the logo because it's the first one that customers will pay attention to. So I deleted a Blogger sign, it doesn't fit here as this bar is too small for overloading it with a lot of information. After that, I just moved my logo to the middle and a little bit changed the size of the word "architecture"

Then, I proceeded to the main part of the page. I had some problems with the large letters "P" and "E" because the program does not allow me to make them as big as I wanted so I took a screenshot of the logo on the computer mode after I cut them with basic tools on my laptop. After that letters were separated so the photo did not contain a background anymore and it was plain letters furthermore, I inserted them as a photo and made it as big as I wanted. Next, I improved the rest of the logo by moving other symbols, after this action it started to look the same as in computer mode. Also below also possible to see how this page will look on the phone.

This is how the "about page" looked at the start and it wasn't so bad but it contained excess space between the logo bar and the actual text also I don't like how text format and placement occur.

I started by changing the headings. My first action was to improve the excess space, therefore I made the texts "About Potes" and "Her Full Story" bigger. Furthermore, I moved the main biography text to the middle. After, I decided to delate "Her Full Story" all because I think it took too much attention from other things and this page already looked overloaded.