Web Article
Website Design Mockup
Taking an article from The Guardian, “Dogs Have a Magic Effect”, this is a redesigned interactive article, containing all the contents of the article and translated into a fun user experience.
Year
Client
Client
2022
Independent Work
Independent Work
Services
Figma Mockup
Web Design
Concept Design
Layout Design
Experimentation
Figma Mockup
Web Design
Concept Design
Layout Design
Experimentation
![](https://freight.cargo.site/t/original/i/476cba475d4e306e3a2510971b4842a2ca55980cb173d04cb408c74301dd3c29/pdf3-6_Page_10.png)
![](https://freight.cargo.site/t/original/i/5d3ccd98c91744da28175f0801a38e4b9740167b024d037b5199cd2d41aa82ea/pdf3-6_Page_11.png)
![](https://freight.cargo.site/t/original/i/cb6a422dde131ba13262980be5e1e1f956d034b8f209bbbce72269d80b6b8701/pdf3-6_Page_12.png)
![](https://freight.cargo.site/t/original/i/025a8e3b5c8a601b012a3e6d7be78a8803eb8ffdb4a28f96a7f847bd52f5b006/pdf3-6_Page_13.png)
Process
When I started my design, I was inspired by the idea of a continuous scroll. I initially designed the webpage with the idea of the letter ‘D’ to guide the user throughout, but later I evolved the letter into an oval shape to mimic a track where the dogs would be able to run along it.
![](https://freight.cargo.site/t/original/i/2fa8f1bbcbba9a8cdf714a249447874b1be9b8b8c8423e191b2907b4177f33ff/pdf3-6_Page_16.png)
![](https://freight.cargo.site/t/original/i/1664288e50a81d6b0587d43d3bee252f8f5c567abd98a79da2ce21b198af32ff/process.png)
In addition to this new development, I continued to add more details to keep the consistency throughout the web article. The dogs were given a green overlays to connect them even when they are different breeds.
I also decided to check the color choices with a contrast checker, that would determine whether the text would be legible on a certain background color. Therefore, I added another color that would be more legible along with lightening the green.