Elena Madrigal

Development

In order to meet Elena's goal, we focused on developing a very close branding with some magic. The colors chosen, the typography and the symbol of the logo are intended to evoke Elena's way of being, which for anyone who knows her, knows that she is inspiring and radiates positivity.

Once we developed the branding and the style we were going to follow for the website, we started to organize all the content, and how it was going to be connected to each other. We had to include the blog pages, the newsletter pages, the about me pages, the tools she has for sale... and make all of this sustainable over time as she added content to each of those pages.

1. We started with the Wireframes phase, (sketches without final design) to organize all this content in a strategic way.
2. Once the wireframes were approved, we went on to shape it by adding color, style and graphics, following the “look & feel” that we had decided together with Elena.
3. We started the web development phase at Webflow, where we did all the setup of the blog collections, and developed everything in a sustainable way using Client-First.
4. We launched the website and teach Elena how to manage it on her own.

Conclusion

The biggest challenge we faced was to make the design embrace the large volume of text that the website would contain. Playing with the spaces between paragraphs and the size of the typography, we managed to guide the user through the story Elena wanted to tell on each page.