This one was the most dreaded assessment of the semester. It has been a difficult class for me, learning how to code, understand a language completely new to me has been a roller coaster of emotions, and so, getting into putting into practice all that I’ve learned in the semester was scary, and I mean SCARY!
In the beginning, I wanted to do the website from scratch, but I knew it would take a long time and I wanted to do something that I could frequently go back to and change depending on what I wanted to showcase on my website. I thought, that with a website from scratch, it might be a little bit more difficult to edit everytime I wanted to do so.
With this in mind I began by creating some wireframes of what I thought my website should look like. I don´t know if it was something that I had envisioned in my mind a lot of times, but it was easy for me to know what I wanted to do and how I wanted everything to be organized. I used Miro Board to create the wireframes, it has a cool tool that allows you to connect the buttons and explain how the navigation will work.
After “mastering” this, I decided to use Wordpress and Elementor to create my website. I have heard a little about Elementor thanks to my dad, he was very proud talking and showing me his website. And so, I embarked myself into learning and using both.

The result is not exactly as the wireframes because when I started using Elementor, new tools and new ideas started to appear. The different pages such as Architecture, Interior Design and Graphic Design all have the same design, showcasing three projects, an interesting quote and then some more images of the projects. What I tried to add on most of the pages were the dividers with little icons that would relate to that specific page. In the case of architecture, it was a building, but for the gallery it was a camera. Those little details, in my opinion, made the scrolling more entertaining and engaging.
Another tool I used a lot were the button and hyperlinks. It allowed me to create a faster navigation inside the site, making it easier for the reader to get to one part instead of having to scroll all the way up or down. The idea of using the same colours through all the buttons was to create remembrance and made it easier for the viewer to understand that it was a button that could take them somewhere else.

A part I couldn’t develop as much as I wanted was the blog. I just used some images as the blog posts, but I couldn’t create the blog in the site. This is something I have to explore and experiment more. What I did like in this, was also the creation of the tabs and the buttons in the beginning of the page with the name of the different posts. This way, if the reader finds a title interesting, he just has to click the button and it will take him to that post, instead of having to scroll through all of them.
At the end, I’m happy with what I created. It still needs a lot of work to be done, but it gathers all those elements I thought were extremely important. If you want to take a look, please do so: https://vicadesignstudio.com/
Comentarios