diff --git a/404.html b/404.html
index 977c0c5..09f2474 100644
--- a/404.html
+++ b/404.html
@@ -16,7 +16,7 @@
Digital product designer since 2009 - (She/Her)
I focus on crafting digital products that fulfill your customers\u2019 wildest dreams.
With my extensive experience in UX and UI design, I specialize in identifying software and interface problems. I've dedicated my career to discovering innovative solutions to those problems.
I truly believe that nothing is impossible.
"},{"location":"about/#behind-the-scenes","title":"Behind the scenes","text":"Beyond Interface Design, I am driven by a strong desire to solve problems. I am constantly seeking new approaches in everything that comes my way, not only interface design. The thrill of unraveling complex issues and finding creative solutions fuels my life as a designer.
"},{"location":"about/#fun-stuff","title":"Fun stuff","text":"My geeky nature and stubborness enhance my problem-solving skills, bringing a unique perspective and insatiable curiosity to each project. This drive to explore and invent enables me to address software and interface challenges and play with different solutions, until I find the most suitable one for the situation.
"},{"location":"about/#hobbies","title":"Hobbies","text":"Outside of work, I find joy in other interests. When I\u2019m not designing interfaces, I spend a lot of time in the kitchen, learning how to make different and delightful meals. Cooking has become the place of disconnect that I need, and I take great pleasure in creating delicious and memorable meals.
Additionally, I prioritize my physical and mental well-being, Sometimes going to the gym, doing some yoga, or trying out new fitness activities, staying active and healthy is an essential part of my life.
I find that maintaining this lifestyle not only keeps me energized but also enhances my creativity and problem-solving abilities.
Feel free to reach out and discuss your design needs or simply to talk about the latest tech trends.
I\u2019m always up for an exciting conversation and the opportunity to explore new frontiers of problem-solving.
Let\u2019s make magic happen!
Contact
"},{"location":"about/#career-path","title":"Career path","text":""},{"location":"blog/","title":"Blog","text":""},{"location":"blog/2023/12/going-static-design-portfolio/","title":"Why I decided to go static with my portfolio","text":"WordPress has been my go-to platform for a portfolio since the beginning of time. However, I wanted to showcase my skills in HTML and CSS in a clear and straightforward manner. A couple of months ago, I made the decision to go static and build my own portfolio from the ground up, creating something I can be proud of. Here it is.
"},{"location":"blog/2023/12/going-static-design-portfolio/#choosing-a-platform","title":"Choosing a Platform","text":"There are numerous platforms available for building static websites. Some offer excellent documentation, providing step-by-step guidance for creating your desired outcome. Others, while powerful, lack comprehensive documentation, making the setup process challenging. Personally, if the setup is slow and tedious, it dampens my enthusiasm for content creation. Here are the platforms I tried:
Jekyll Offers an extensive library of templates, but none aligned with my skills or personal style preferences. HUGO Appeared super powerful with a variety of themes, but its functionality is based on GO, a language I'm not familiar with. Unable to make it run as desired, I ultimately canceled the project. Material for MkDocs I appreciate the abundance of plugins and hidden functionalities. Being based on Jinja2 and Python, it aligns more logically with my thought process. So far, I haven't encountered anything to make me reconsider. The website is up and running, and I'm quite satisfied with it. "},{"location":"blog/2023/12/going-static-design-portfolio/#advantages-of-my-static-website","title":"Advantages of my Static Website","text":" No need to pay for hosting. I can openly share the source code of my repo. There are statistics of when I am publishing (and I love stats). You can always go back in time and see the progress you have made. I find that markdown provides a lot of discipline for writing. Experimenting with different CSS features. "},{"location":"blog/2023/12/going-static-design-portfolio/#disadvantages-of-my-static-website","title":"Disadvantages of my Static Website","text":" The template is what it is. Although it is quite amazing, it has some limitations. There is no image gallery plugin. The layout is somewhat limited. You cannot include a contact form in a static website. There is no password protection for a specific post. "},{"location":"blog/2023/12/going-static-design-portfolio/#markdown-forces-me-to-create-structure","title":"Markdown forces me to create structure","text":"When I sit down to write text in front of any text editor (Google Doc, Word, Confluence page), I usually start by defining the structure. In this website, I just need to think about the elements of text that I am going to include so that the navigation is accurate, there is a natural text flow, and the titles of each section lead to the next.
I have decided to write and publish content on this website, and until now, it has felt like home.
I hope I will have fun with this one.
"},{"location":"blog/2019/11/large-prototypes-adobe-xd/","title":"How to keep up with large prototypes in Adobe Xd","text":""},{"location":"blog/2019/11/large-prototypes-adobe-xd/#updates-from-adobemax-2019","title":"Updates from AdobeMAX 2019","text":"This November Adobe Xd provided a huge update during the annual conference Adobe MAX. It came with a lot of cool stuff, such as components states, real time collaboration, and more. I\u2019ve been using this software for a little less than a year and I have to say, it has changed a lot in the last few months. They have developed a lot of functionalities, keep it up Adobe. Although, it had this major update a lot is still missing, I am sure it will come soon.
"},{"location":"blog/2019/11/large-prototypes-adobe-xd/#prototype-that-is-constantly-growing","title":"Prototype that is constantly growing","text":"At work, our team is deeveloping a complicated platform, it includes more than a hundred screens and interactions between them. We used to have it all in only one file because it\u2019s what you would expect. As the number of artboards and interactions grew, we needed to do something about it because the software was getting slow. This is how the first file separation in major sections happened. And here is the feature I am missing \u2013 External Links to link our other files and simulate navigation through the whole platform.
Then, we realised that working in agile and continuous development cannot go on overwriting the prototype as we go. It provokes conflict with stakeholders and the development team. We needed to close a prototype version with the same pace as our releases. Each one of those files needed to be available for search, allowing us to consult changes and when were they applied. This is exactly how it gets a little bit tricky. We could have the files in Creative Cloud but uploading and updating those big files also got slow.
"},{"location":"blog/2019/11/large-prototypes-adobe-xd/#version-control","title":"Version control","text":"Another downside was that nobody has the version control over the files and things appear and disappear without leaving a trace. We decided we should go old school, using git, and putting a message with each commit. The most important thing when you develop a modern app is that you are not limited to only one type of 12 grids. (BOOOM!). You can have different grids throughout your design and they don\u2019t need to match (mind blowing, I know). These grids do not come specified in the shared for development prototype, yet. The solution, developers download the files and consult the grids that are used in each section.
This is still a workaround and seems complicated at first, so I hope it changes and adapts better to continuous development.
"},{"location":"blog/2019/11/large-prototypes-adobe-xd/#some-unexpected-changes","title":"Some unexpected changes","text":"When the new update was released this November, the first day I was puzzled: \u201cOhhh\u2026? Ahhh\u2026? Where is my Share button?\u201d It moved from the top right corner to the top left one, so it took me some time to adapt. It looks like a small change, but it is about a functionality you are using everyday and let\u2019s face it, the first couple of days it\u2019s tough.
I am usually excited about the new stuff, so this was no different. One of the coolest things they presented was Components states \u2013 simulation of buttons states \u2013 normal, on hover, pressed, expanded, those are the basic ones. This also meant that we needed to remake a lot of stuff. Obviously we had already made navigation menus, checkboxes, radio buttons, search areas, etc\u2026 the old way. But this new thing meant that we could reduce the number of Artboards and actually present more realistic results. So we got on to it.
Now, we have our main platform separated by main sections with its primary, secondary and tertiary buttons, checkboxes, toggles and radio buttons all clickable from the prototype: \u201cYey!\u201d I must say they are all shared and it looks very cool, but I would really like to be able to have the whole prototype in the same file. I don\u2019t know what number is the limit for artboards, but I know we have outgrown it very fast.
"},{"location":"blog/2019/11/large-prototypes-adobe-xd/#website-prototype","title":"Website prototype","text":"We needed to prepare a website prototype for a client applying all the different capabilities we have developed so far. Taking into account each one of the included functionalities, each layout change, everything. Here we are developing this prototype for approval and it is getting cra-aa-zy again.
We are already 36 artboard designs in. It includes six different resolutions, light and dark modes, and of course, designs for different sections which multiplies by six resolutions and it grows and grows. We try to maintain everything nice and organized, but with this many considerations, it is insane.
I remember my first website prototype back in 2009, it had 5 main pages, no CMS behind and only one resolution and only one mode. We did designs for a homepage and three or four main pages, including special services and featured elements. In total, it was like 5 screens and we were good to go.
"},{"location":"blog/2019/11/large-prototypes-adobe-xd/#conclusions","title":"Conclusions","text":"Here we are now, it\u2019s so overwhelming. Sure the tools and computers have become a lot better, it\u2019s faster than ever to develop something cool, but come on?!
The most frustrating thing of all this is that all I mentioned above is necessary, so everybody stays on the same page of what\u2019s being developed. It is great for your client, to see what you are actually talking about. Also for the development team to know exactly what everybody is expecting with little amount of extra information. And here we are, keeping it all connected and trying to develop the next best product.
A lot of artboards, powerful tools and a lot to keep track of, when somebody asks for changes. I will keep applying all the new stuff as I always do, because it is important to stay up to date. It makes our lives better.
Keep it up and rock on!.
"},{"location":"blog/2019/10/112-hours-remote-work/","title":"My first 112 hours of Remote work","text":"I started a new job around seven months ago with everything that comes with it.
New people, new habits, new executives and the most exciting part of all, my new title is User Experience Designer. I have been longing to get to it and I finally did.
There were a couple of things I had to get used to at my new position. The first and very important, integrate in a development team that has not had a designer for a very long time. I had to learn a lot about the project we are developing, who is doing what, who to talk to when I have a specific question, etc\u2026
When people go to work in an office, there usually is no habit of documenting everything, every decision that was taken, reasons why, etc \u2026 and this place was no different. There was some documentation, but it was definitely not enough for me to understand it all.
I decided to stay patient (everybody that knows me, knows that this is the hardest part), but eventually, I got used to the process, morning stand ups, retrospectives, sprint planifications and everything else. Although, this was all new for me, from the experience I previously had, I felt like in my own waters there.
A couple of months later when I felt that I knew my way around and got a little more confident in my new position, I made the first request for Work From Home in the company\u2019s calendar. I got almost an immediate response: \u201cOK\u201d. I said: \u201cWait a minute, is that all that it takes? I will definitely do it again.\u201d After that he day came and I took my laptop, connected my home screen to it and started working from my home desk.
Well, I don\u2019t really remember what I did that day, but I remember the feeling of a dream just getting a big fat green checkmark.
You see, around four years ago, I was working on a project of developing a base theme for twelve different websites, using a local server for development and another one for production. The themes had the same base structure, but had some differences, so all of this had to be managed, developed and maintained and I had the best document ever to guide me how to do it. Everything that was changed manually and to watch for when updates were coming and so on. I got a little carried away here, but my point is, around this time, I started thinking that something basic is wrong there and after a little while I came to the conclusion that what I was actually doing was crossing half an island (60km back and forth) to go to the office and connect to a server, maintain myself busy and then get on a car again, and head home. Around that time, I had a little boy, he was a little over 2 years old, and it was very interesting seeing him discovering simple things. So, I made a simple count and the two hours I am spending on the road everyday are taking ten hours per week from me seeing this little boy growing.
Well, nothing is that simple, but the fact is, there is no sense of me being present in an office, if I am going to be much happier staying a couple of days a week and work from home. It saves energy in the morning, saves gasoline and, frankly, two hours of my day. It made me look for opportunities, but again around 2015, there were some remote companies, but nothing like what we have nowadays. There a couple of sites where you can go to, register and start experiencing on your own, see if you actually like it. There was nothing there when I started thinking about it. There were some lucky people posting how cool it is to work remotely and don\u2019t depend on a physical environment. I don\u2019t remember exactly when, but sure enough, Automattic closed their office and it got a lot of press around the world, I remember thinking to myself that day: \u201cjust how lucky these people are!\u201d. I went on doing my job, crossing the island and waiting for something new and interesting to appear. Well, it\u2019s been some time, but it is actually happening now.
Remote work is way more attractive for me and I hope more companies will realise that and help their people stay happier and more productive, enjoying the work and their lives.
I am very grateful for my current position, where I can ask for a remote day and just get it. It comes very helpful when my son has a cold and need to stay around to give him medicine. Although, he is not so little now, I still enjoy his presence a lot and I am very happy to have him around while I am actually at work, resolving my everyday jira tasks.
"},{"location":"blog/2019/11/podcasts-i-listen/","title":"Podcasts to listen","text":"This year has definitely been discovering podcasts for me.
"},{"location":"blog/2019/11/podcasts-i-listen/#in-spanish","title":"In Spanish","text":""},{"location":"blog/2019/11/podcasts-i-listen/#entiende-tu-mente","title":"Entiende tu mente","text":"One of my favourite podcasts in the whole world is \u201cEntiende tu mente\u201d (Understand your mind). It\u2019s been a long time since the first episode I listened, and I have never stopped. In this podcast, there are three main figures, one coach \u2013 Monica Gonzales, one psychotherapist \u2013 Luis Mui\u00f1o and a former radio spokesmam \u2013 Molo Cebrian. The trio talks about mental difficulties and how to deal with different situations. I love it, because no matter how I am feeling the day I listen to an episode, my mood changes in just 20 minutes.
I discovered it one day when I was feeling particularly down and started searching for information in the internet. I stumbled upon a podcast stating \u201c20 minutes to understand yourself better\u201d. I gave it a try and I actually felt better, so I continued listening. The thing is, no matter what \u201chole\u201d is in front of me, when they talk about serious problems and situations that people deal with, I get that feeling inside: \u201cThank god I am alive and actually fine!\u201d
"},{"location":"blog/2019/11/podcasts-i-listen/#el-arte-de-presentar","title":"El arte de presentar","text":"Another podcast that worths listening to in Spanish is \u201cEl arte de presentar\u201c. Although, it\u2019s been almost a year since the last episode, if you haven\u2019t listened to this podcast you definitely should. They speak about presentations, how to sound confident and provide value to your audience at scale. I am sure there are a lot of people that are doing this kind of thing, but Gonzalo really walks the talk and it\u2019s a pleasure to listen to him and his interviews.
"},{"location":"blog/2019/11/podcasts-i-listen/#in-english","title":"In English","text":"Well, since there has always been more content in English than any other language over the internet. It is normal that this list has more examples.
"},{"location":"blog/2019/11/podcasts-i-listen/#scriptnotes","title":"Scriptnotes","text":"Lately, I find myslef listening to mainly four podcasts. One of them is Scriptnotes it is a podcast for screenwriters and things that are intersting to screenwriters. Well, I am not a writer, not even close to being one, but I do enjoy when John August and Craig Maizin speak their truth about very diverse topics. I also think that going out of my industry is actually beneficial to keep an open mind.
"},{"location":"blog/2019/11/podcasts-i-listen/#getting-things-done","title":"Getting things done","text":"At work and in my personal life, I have been struggling with task organization and keeping things planned and thought out. Then, one day I found a podcast by a very famous author right on topic \u2013 Getting things done (of course). It has served me well to start applying concepts from David Allen\u2019s book and to understand better problems that come with the lack of organization. I hope, I am getting better at it, but it will take time to master.
"},{"location":"blog/2019/11/podcasts-i-listen/#distributed","title":"Distributed","text":"Another topic that is very dear to me is working remotely, or in distance or in distributed environments, whatever term you like. There is one podcast about things that happen to people that are working far away from one another and do not have an office. It is called Distributed by Matt Mullenweg. Since Automattic is 100% distributed, they have been dealing with those issues for a very long time. I find it important to listen to people that actually have the experience.
"},{"location":"blog/2019/11/podcasts-i-listen/#tracks-to-relax","title":"Tracks to Relax","text":"I tend to have troubles with sleeping. Sometimes, I wake up in the middle of the night and going back to sleep is very difficult. Another search result brought me to Tracks to relax. Since the first episode of sleeping meditation I listened, the meditations have worked like a charm every single night.
This is my current list of podcasts and reasons I find them interesting. Let me know if you agree or not with it.
"},{"location":"work/","title":"Work","text":"Here will appear links to all of the work
"},{"location":"work/brands/","title":"Brands","text":""},{"location":"work/content/pecas/","title":"PECA'S Tenerife","text":""},{"location":"work/content/pecas/#project-summary","title":"Project Summary","text":""},{"location":"work/content/pecas/#studio-photoshoots","title":"Studio Photoshoots","text":""},{"location":"work/content/pecas/#work-at-hand","title":"Work at Hand","text":"A well-known local brand of shoe stores decided to enter into the online market. Initially, there was a well-established warehouse management system with a connection through the database. The dates for new collection releases were set, and the latest models were chosen in line with seasonal trends.
However, what was lacking was material for creating publications and social media posts. There was no product photography beyond what the brands produced for their social media. Utilizing these materials wouldn't make the shoe store brand recognizable or remarkable. Early on, we decided to create unique material to promote the trendiest products independently from the manufacturers.
Lacking a model for the shoes, I had to get creative and started creating different compositions by type, size, and color to make them appealing and interesting. Surprisingly, it worked out well, and our following began to grow steadily.
After that period, we were able to secure a model for the shoes, and naturally, the quality of our photo shoots improved a lot.
"},{"location":"work/content/pecas/#outside-photoshoots","title":"Outside Photoshoots","text":""},{"location":"work/content/pecas/#my-unique-contribution-to-the-project","title":"My Unique Contribution to the Project","text":"Some of the unique angles in the produced images were reposted by the brands and gained significant interest on their social media profiles.
"},{"location":"work/content/pecas/#in-store-photoshoots","title":"In-Store Photoshoots","text":""},{"location":"work/content/pecas/#the-takeaways","title":"The takeaways","text":"I worked at the company's head office, which maintained constant communication with the warehouse and the development team responsible for connecting the physical warehouse platform to the online sales platform. We were all in constant communication, planning, and managing every task meticulously to ensure everything was done at the right moment.
"},{"location":"work/content/pecas/#did-this-work-experience-improve-my-career","title":"Did this work experience improve my career?","text":"Absolutely! I learned how to manage a relatively large database of physical products, create a content calendar, and post engaging content on social media. I witnessed continuous growth in our social following and had direct contact with clients, which was very important to me.
These images represent only a small part of what I accomplished during my time there.
Disclaimer: All the Pictures are property of Calzados PECA\u2019S Tenerife.
"},{"location":"work/digital/kuno/","title":"Online Video Platform","text":""},{"location":"blog/archive/2023/","title":"2023","text":""},{"location":"blog/archive/2019/","title":"2019","text":""},{"location":"blog/category/design-decisions/","title":"Design decisions","text":""},{"location":"blog/category/ui-prototypes/","title":"UI Prototypes","text":""},{"location":"blog/category/personal/","title":"Personal","text":""}]}
\ No newline at end of file
+{"config":{"lang":["en"],"separator":"[\\s\\-]+","pipeline":["stopWordFilter"]},"docs":[{"location":"about/","title":"About me","text":""},{"location":"about/#welcome","title":"Welcome","text":""},{"location":"about/#i-am-anelia","title":"I am Anelia","text":"Digital product designer since 2009 - (She/Her)
I focus on crafting digital products that fulfill your customers\u2019 wildest dreams.
With my extensive experience in UX and UI design, I specialize in identifying software and interface problems. I've dedicated my career to discovering innovative solutions to those problems.
I truly believe that nothing is impossible.
"},{"location":"about/#behind-the-scenes","title":"Behind the scenes","text":"Beyond Interface Design, I am driven by a strong desire to solve problems. I am constantly seeking new approaches in everything that comes my way, not only interface design. The thrill of unraveling complex issues and finding creative solutions fuels my life as a designer.
"},{"location":"about/#fun-stuff","title":"Fun stuff","text":"My geeky nature and stubborness enhance my problem-solving skills, bringing a unique perspective and insatiable curiosity to each project. This drive to explore and invent enables me to address software and interface challenges and play with different solutions, until I find the most suitable one for the situation.
"},{"location":"about/#hobbies","title":"Hobbies","text":"Outside of work, I find joy in other interests. When I\u2019m not designing interfaces, I spend a lot of time in the kitchen, learning how to make different and delightful meals. Cooking has become the place of disconnect that I need, and I take great pleasure in creating delicious and memorable meals.
Additionally, I prioritize my physical and mental well-being, Sometimes going to the gym, doing some yoga, or trying out new fitness activities, staying active and healthy is an essential part of my life.
I find that maintaining this lifestyle not only keeps me energized but also enhances my creativity and problem-solving abilities.
Feel free to reach out and discuss your design needs or simply to talk about the latest tech trends.
I\u2019m always up for an exciting conversation and the opportunity to explore new frontiers of problem-solving.
Let\u2019s make magic happen!
Contact
"},{"location":"about/#career-path","title":"Career path","text":""},{"location":"blog/","title":"Blog","text":""},{"location":"blog/2023/12/going-static-design-portfolio/","title":"Why I decided to go static with my portfolio","text":"WordPress has been my go-to platform for a portfolio since the beginning of time. However, I wanted to showcase my skills in HTML and CSS in a clear and straightforward manner. A couple of months ago, I made the decision to go static and build my own portfolio from the ground up, creating something I can be proud of. Here it is.
"},{"location":"blog/2023/12/going-static-design-portfolio/#choosing-a-platform","title":"Choosing a Platform","text":"There are numerous platforms available for building static websites. Some offer excellent documentation, providing step-by-step guidance for creating your desired outcome. Others, while powerful, lack comprehensive documentation, making the setup process challenging. Personally, if the setup is slow and tedious, it dampens my enthusiasm for content creation. Here are the platforms I tried:
Jekyll Offers an extensive library of templates, but none aligned with my skills or personal style preferences. HUGO Appeared super powerful with a variety of themes, but its functionality is based on GO, a language I'm not familiar with. Unable to make it run as desired, I ultimately canceled the project. Material for MkDocs I appreciate the abundance of plugins and hidden functionalities. Being based on Jinja2 and Python, it aligns more logically with my thought process. So far, I haven't encountered anything to make me reconsider. The website is up and running, and I'm quite satisfied with it. "},{"location":"blog/2023/12/going-static-design-portfolio/#advantages-of-my-static-website","title":"Advantages of my Static Website","text":" No need to pay for hosting. I can openly share the source code of my repo. There are statistics of when I am publishing (and I love stats). You can always go back in time and see the progress you have made. I find that markdown provides a lot of discipline for writing. Experimenting with different CSS features. "},{"location":"blog/2023/12/going-static-design-portfolio/#disadvantages-of-my-static-website","title":"Disadvantages of my Static Website","text":" The template is what it is. Although it is quite amazing, it has some limitations. There is no image gallery plugin. The layout is somewhat limited. You cannot include a contact form in a static website. There is no password protection for a specific post. "},{"location":"blog/2023/12/going-static-design-portfolio/#markdown-forces-me-to-create-structure","title":"Markdown forces me to create structure","text":"When I sit down to write text in front of any text editor (Google Doc, Word, Confluence page), I usually start by defining the structure. In this website, I just need to think about the elements of text that I am going to include so that the navigation is accurate, there is a natural text flow, and the titles of each section lead to the next.
I have decided to write and publish content on this website, and until now, it has felt like home.
I hope I will have fun with this one.
"},{"location":"blog/2019/11/large-prototypes-adobe-xd/","title":"How to keep up with large prototypes in Adobe Xd","text":""},{"location":"blog/2019/11/large-prototypes-adobe-xd/#updates-from-adobemax-2019","title":"Updates from AdobeMAX 2019","text":"This November Adobe Xd provided a huge update during the annual conference Adobe MAX. It came with a lot of cool stuff, such as components states, real time collaboration, and more. I\u2019ve been using this software for a little less than a year and I have to say, it has changed a lot in the last few months. They have developed a lot of functionalities, keep it up Adobe. Although, it had this major update a lot is still missing, I am sure it will come soon.
"},{"location":"blog/2019/11/large-prototypes-adobe-xd/#prototype-that-is-constantly-growing","title":"Prototype that is constantly growing","text":"At work, our team is deeveloping a complicated platform, it includes more than a hundred screens and interactions between them. We used to have it all in only one file because it\u2019s what you would expect. As the number of artboards and interactions grew, we needed to do something about it because the software was getting slow. This is how the first file separation in major sections happened. And here is the feature I am missing \u2013 External Links to link our other files and simulate navigation through the whole platform.
Then, we realised that working in agile and continuous development cannot go on overwriting the prototype as we go. It provokes conflict with stakeholders and the development team. We needed to close a prototype version with the same pace as our releases. Each one of those files needed to be available for search, allowing us to consult changes and when were they applied. This is exactly how it gets a little bit tricky. We could have the files in Creative Cloud but uploading and updating those big files also got slow.
"},{"location":"blog/2019/11/large-prototypes-adobe-xd/#version-control","title":"Version control","text":"Another downside was that nobody has the version control over the files and things appear and disappear without leaving a trace. We decided we should go old school, using git, and putting a message with each commit. The most important thing when you develop a modern app is that you are not limited to only one type of 12 grids. (BOOOM!). You can have different grids throughout your design and they don\u2019t need to match (mind blowing, I know). These grids do not come specified in the shared for development prototype, yet. The solution, developers download the files and consult the grids that are used in each section.
This is still a workaround and seems complicated at first, so I hope it changes and adapts better to continuous development.
"},{"location":"blog/2019/11/large-prototypes-adobe-xd/#some-unexpected-changes","title":"Some unexpected changes","text":"When the new update was released this November, the first day I was puzzled: \u201cOhhh\u2026? Ahhh\u2026? Where is my Share button?\u201d It moved from the top right corner to the top left one, so it took me some time to adapt. It looks like a small change, but it is about a functionality you are using everyday and let\u2019s face it, the first couple of days it\u2019s tough.
I am usually excited about the new stuff, so this was no different. One of the coolest things they presented was Components states \u2013 simulation of buttons states \u2013 normal, on hover, pressed, expanded, those are the basic ones. This also meant that we needed to remake a lot of stuff. Obviously we had already made navigation menus, checkboxes, radio buttons, search areas, etc\u2026 the old way. But this new thing meant that we could reduce the number of Artboards and actually present more realistic results. So we got on to it.
Now, we have our main platform separated by main sections with its primary, secondary and tertiary buttons, checkboxes, toggles and radio buttons all clickable from the prototype: \u201cYey!\u201d I must say they are all shared and it looks very cool, but I would really like to be able to have the whole prototype in the same file. I don\u2019t know what number is the limit for artboards, but I know we have outgrown it very fast.
"},{"location":"blog/2019/11/large-prototypes-adobe-xd/#website-prototype","title":"Website prototype","text":"We needed to prepare a website prototype for a client applying all the different capabilities we have developed so far. Taking into account each one of the included functionalities, each layout change, everything. Here we are developing this prototype for approval and it is getting cra-aa-zy again.
We are already 36 artboard designs in. It includes six different resolutions, light and dark modes, and of course, designs for different sections which multiplies by six resolutions and it grows and grows. We try to maintain everything nice and organized, but with this many considerations, it is insane.
I remember my first website prototype back in 2009, it had 5 main pages, no CMS behind and only one resolution and only one mode. We did designs for a homepage and three or four main pages, including special services and featured elements. In total, it was like 5 screens and we were good to go.
"},{"location":"blog/2019/11/large-prototypes-adobe-xd/#conclusions","title":"Conclusions","text":"Here we are now, it\u2019s so overwhelming. Sure the tools and computers have become a lot better, it\u2019s faster than ever to develop something cool, but come on?!
The most frustrating thing of all this is that all I mentioned above is necessary, so everybody stays on the same page of what\u2019s being developed. It is great for your client, to see what you are actually talking about. Also for the development team to know exactly what everybody is expecting with little amount of extra information. And here we are, keeping it all connected and trying to develop the next best product.
A lot of artboards, powerful tools and a lot to keep track of, when somebody asks for changes. I will keep applying all the new stuff as I always do, because it is important to stay up to date. It makes our lives better.
Keep it up and rock on!.
"},{"location":"blog/2019/10/112-hours-remote-work/","title":"My first 112 hours of Remote work","text":"I started a new job around seven months ago with everything that comes with it.
New people, new habits, new executives and the most exciting part of all, my new title is User Experience Designer. I have been longing to get to it and I finally did.
There were a couple of things I had to get used to at my new position. The first and very important, integrate in a development team that has not had a designer for a very long time. I had to learn a lot about the project we are developing, who is doing what, who to talk to when I have a specific question, etc\u2026
When people go to work in an office, there usually is no habit of documenting everything, every decision that was taken, reasons why, etc \u2026 and this place was no different. There was some documentation, but it was definitely not enough for me to understand it all.
I decided to stay patient (everybody that knows me, knows that this is the hardest part), but eventually, I got used to the process, morning stand ups, retrospectives, sprint planifications and everything else. Although, this was all new for me, from the experience I previously had, I felt like in my own waters there.
A couple of months later when I felt that I knew my way around and got a little more confident in my new position, I made the first request for Work From Home in the company\u2019s calendar. I got almost an immediate response: \u201cOK\u201d. I said: \u201cWait a minute, is that all that it takes? I will definitely do it again.\u201d After that he day came and I took my laptop, connected my home screen to it and started working from my home desk.
Well, I don\u2019t really remember what I did that day, but I remember the feeling of a dream just getting a big fat green checkmark.
You see, around four years ago, I was working on a project of developing a base theme for twelve different websites, using a local server for development and another one for production. The themes had the same base structure, but had some differences, so all of this had to be managed, developed and maintained and I had the best document ever to guide me how to do it. Everything that was changed manually and to watch for when updates were coming and so on. I got a little carried away here, but my point is, around this time, I started thinking that something basic is wrong there and after a little while I came to the conclusion that what I was actually doing was crossing half an island (60km back and forth) to go to the office and connect to a server, maintain myself busy and then get on a car again, and head home. Around that time, I had a little boy, he was a little over 2 years old, and it was very interesting seeing him discovering simple things. So, I made a simple count and the two hours I am spending on the road everyday are taking ten hours per week from me seeing this little boy growing.
Well, nothing is that simple, but the fact is, there is no sense of me being present in an office, if I am going to be much happier staying a couple of days a week and work from home. It saves energy in the morning, saves gasoline and, frankly, two hours of my day. It made me look for opportunities, but again around 2015, there were some remote companies, but nothing like what we have nowadays. There a couple of sites where you can go to, register and start experiencing on your own, see if you actually like it. There was nothing there when I started thinking about it. There were some lucky people posting how cool it is to work remotely and don\u2019t depend on a physical environment. I don\u2019t remember exactly when, but sure enough, Automattic closed their office and it got a lot of press around the world, I remember thinking to myself that day: \u201cjust how lucky these people are!\u201d. I went on doing my job, crossing the island and waiting for something new and interesting to appear. Well, it\u2019s been some time, but it is actually happening now.
Remote work is way more attractive for me and I hope more companies will realise that and help their people stay happier and more productive, enjoying the work and their lives.
I am very grateful for my current position, where I can ask for a remote day and just get it. It comes very helpful when my son has a cold and need to stay around to give him medicine. Although, he is not so little now, I still enjoy his presence a lot and I am very happy to have him around while I am actually at work, resolving my everyday jira tasks.
"},{"location":"blog/2019/11/podcasts-i-listen/","title":"Podcasts to listen","text":"This year has definitely been discovering podcasts for me.
"},{"location":"blog/2019/11/podcasts-i-listen/#in-spanish","title":"In Spanish","text":""},{"location":"blog/2019/11/podcasts-i-listen/#entiende-tu-mente","title":"Entiende tu mente","text":"One of my favourite podcasts in the whole world is \u201cEntiende tu mente\u201d (Understand your mind). It\u2019s been a long time since the first episode I listened, and I have never stopped. In this podcast, there are three main figures, one coach \u2013 Monica Gonzales, one psychotherapist \u2013 Luis Mui\u00f1o and a former radio spokesmam \u2013 Molo Cebrian. The trio talks about mental difficulties and how to deal with different situations. I love it, because no matter how I am feeling the day I listen to an episode, my mood changes in just 20 minutes.
I discovered it one day when I was feeling particularly down and started searching for information in the internet. I stumbled upon a podcast stating \u201c20 minutes to understand yourself better\u201d. I gave it a try and I actually felt better, so I continued listening. The thing is, no matter what \u201chole\u201d is in front of me, when they talk about serious problems and situations that people deal with, I get that feeling inside: \u201cThank god I am alive and actually fine!\u201d
"},{"location":"blog/2019/11/podcasts-i-listen/#el-arte-de-presentar","title":"El arte de presentar","text":"Another podcast that worths listening to in Spanish is \u201cEl arte de presentar\u201c. Although, it\u2019s been almost a year since the last episode, if you haven\u2019t listened to this podcast you definitely should. They speak about presentations, how to sound confident and provide value to your audience at scale. I am sure there are a lot of people that are doing this kind of thing, but Gonzalo really walks the talk and it\u2019s a pleasure to listen to him and his interviews.
"},{"location":"blog/2019/11/podcasts-i-listen/#in-english","title":"In English","text":"Well, since there has always been more content in English than any other language over the internet. It is normal that this list has more examples.
"},{"location":"blog/2019/11/podcasts-i-listen/#scriptnotes","title":"Scriptnotes","text":"Lately, I find myslef listening to mainly four podcasts. One of them is Scriptnotes it is a podcast for screenwriters and things that are intersting to screenwriters. Well, I am not a writer, not even close to being one, but I do enjoy when John August and Craig Maizin speak their truth about very diverse topics. I also think that going out of my industry is actually beneficial to keep an open mind.
"},{"location":"blog/2019/11/podcasts-i-listen/#getting-things-done","title":"Getting things done","text":"At work and in my personal life, I have been struggling with task organization and keeping things planned and thought out. Then, one day I found a podcast by a very famous author right on topic \u2013 Getting things done (of course). It has served me well to start applying concepts from David Allen\u2019s book and to understand better problems that come with the lack of organization. I hope, I am getting better at it, but it will take time to master.
"},{"location":"blog/2019/11/podcasts-i-listen/#distributed","title":"Distributed","text":"Another topic that is very dear to me is working remotely, or in distance or in distributed environments, whatever term you like. There is one podcast about things that happen to people that are working far away from one another and do not have an office. It is called Distributed by Matt Mullenweg. Since Automattic is 100% distributed, they have been dealing with those issues for a very long time. I find it important to listen to people that actually have the experience.
"},{"location":"blog/2019/11/podcasts-i-listen/#tracks-to-relax","title":"Tracks to Relax","text":"I tend to have troubles with sleeping. Sometimes, I wake up in the middle of the night and going back to sleep is very difficult. Another search result brought me to Tracks to relax. Since the first episode of sleeping meditation I listened, the meditations have worked like a charm every single night.
This is my current list of podcasts and reasons I find them interesting. Let me know if you agree or not with it.
"},{"location":"work/","title":"Work","text":" KUNO (System73)
Mar-2019 <--> Jun 2022
\u2756 Read more
COSMO BOTS
Nov-2018
\u273b Read more
PECA'S
Jul-2017 <--> Dec 2018
\u2712 Read more
"},{"location":"work/brands/","title":"Brands","text":""},{"location":"work/content/pecas/","title":"PECA'S Tenerife","text":""},{"location":"work/content/pecas/#project-summary","title":"Project Summary","text":" Client
Calzados PECA\u2019S (local shoe stores chain)
Timeline
Jul-2017 <--> Dec 2018 (18 months)
Role
Content Designer Online Sales Product Photographer Achievements
Create and grow the social media following for the brand:
Facebook \u2013 from 0 to 7000 Instagram \u2013 from 0 to 2300 "},{"location":"work/content/pecas/#studio-photoshoots","title":"Studio Photoshoots","text":""},{"location":"work/content/pecas/#work-at-hand","title":"Work at Hand","text":"A well-known local brand of shoe stores decided to enter into the online market. Initially, there was a well-established warehouse management system with a connection through the database. The dates for new collection releases were set, and the latest models were chosen in line with seasonal trends.
However, what was lacking was material for creating publications and social media posts. There was no product photography beyond what the brands produced for their social media. Utilizing these materials wouldn't make the shoe store brand recognizable or remarkable. Early on, we decided to create unique material to promote the trendiest products independently from the manufacturers.
Lacking a model for the shoes, I had to get creative and started creating different compositions by type, size, and color to make them appealing and interesting. Surprisingly, it worked out well, and our following began to grow steadily.
After that period, we were able to secure a model for the shoes, and naturally, the quality of our photo shoots improved a lot.
"},{"location":"work/content/pecas/#outside-photoshoots","title":"Outside Photoshoots","text":""},{"location":"work/content/pecas/#my-unique-contribution-to-the-project","title":"My Unique Contribution to the Project","text":" Creation of the Content Calendar Inventing a post style for each social media channel Programming for the release of each posts Building and maintaining relashionships with our clients Some of the shoe compositions from our images were reposted by the brands manufacturers and gained significant interest on their social media profiles.
"},{"location":"work/content/pecas/#in-store-photoshoots","title":"In-Store Photoshoots","text":""},{"location":"work/content/pecas/#the-takeaways","title":"The takeaways","text":"I worked at the company's head office, which maintained constant communication with the warehouse and the development team responsible for connecting the physical warehouse platform to the online sales platform. We were all in constant communication, planning, and managing every task meticulously to ensure everything was done at the right moment.
"},{"location":"work/content/pecas/#did-this-work-experience-improve-my-career","title":"Did this work experience improve my career?","text":"Absolutely! I learned how to manage a relatively large database of physical products, create a content calendar, and post engaging content on social media. I witnessed continuous growth in our social following and had direct contact with clients, which was very important to me.
These images represent only a small part of what I accomplished during my time there.
Disclaimer: All the Pictures are property of Calzados PECA\u2019S Tenerife.
"},{"location":"work/digital/kuno/","title":"Online Video Platform","text":""},{"location":"blog/archive/2023/","title":"2023","text":""},{"location":"blog/archive/2019/","title":"2019","text":""},{"location":"blog/category/design-decisions/","title":"Design decisions","text":""},{"location":"blog/category/ui-prototypes/","title":"UI Prototypes","text":""},{"location":"blog/category/personal/","title":"Personal","text":""}]}
\ No newline at end of file
diff --git a/sitemap.xml.gz b/sitemap.xml.gz
index a6b85c0..258ad85 100644
Binary files a/sitemap.xml.gz and b/sitemap.xml.gz differ
diff --git a/stylesheets/extra.css b/stylesheets/extra.css
index d7ec4d2..f6f4cae 100644
--- a/stylesheets/extra.css
+++ b/stylesheets/extra.css
@@ -44,20 +44,32 @@
--grayscale-gray-900: #111827;
--grayscale-gray-920: #1C1D24;
--grayscale-gray-950: #030712;
- --grayscale-gray-99-black: #000000;
- --gray-50-004: rgba(249,250,251,0.04);
- --gray-920-008: rgba(28,29,36,0.08);
- --primary-light-008: rgba(217,137,164,0.08);
+ --grayscale-gray-99-black: #080606;
+
+ --gray-50-004: rgba(249, 250, 251, 0.04);
+ --gray-920-008: rgba(28, 29, 36, 0.08);
+
+ --primary-light-008: rgba(217, 137, 164, 0.08);
+ --primary-light-016: rgba(217, 137, 164, 0.16);
--primary-dark: var(--color-shades-pink-700);
--primary-light: var(--color-shades-pink-200);
--primary: var(--color-shades-pink-300);
+
--secondary: var(--color-shades-yellow-300);
+ --secondary-016: rgba(248, 211, 77, 0.16);
+
--tertiary: var(--color-shades-blue-400);
+ --tertiary-016: rgba(100, 195, 220, 0.16);
+
--success: #22C55E;
--information: #3DB4D3;
--warning: #F6C721;
--error: #BF3A68;
+ --grayscale-filter: grayscale(40%);
+
+ --tag-padding: .2rem 0.9rem .3rem 0.7rem;
+
}
[data-md-color-scheme="darkanelia"] {
@@ -70,13 +82,13 @@
--md-accent-fg-color: var(--tertiary);
--md-default-fg-color: var(--grayscale-gray-350);
- --md-default-fg-color--light: hsla(0, 0%, 100%, 0.7);
- --md-default-fg-color--lighter: hsla(0, 0%, 100%, 0.3);
- --md-default-fg-color--lightest: hsla(0, 0%, 100%, 0.12);
+ --md-default-fg-color--light: rgba(255, 255, 255, 0.7);
+ --md-default-fg-color--lighter: rgba(255, 255, 255, 0.3);
+ --md-default-fg-color--lightest: rgba(255, 255, 255, 0.12);
--md-default-bg-color: var(--grayscale-gray-920);
- --md-default-bg-color--light: hsla(0, 0%, 0%, 0.54);
- --md-default-bg-color--lighter: hsla(0, 0%, 0%, 0.32);
- --md-default-bg-color--lightest: hsla(0, 0%, 0%, 0.07);
+ --md-default-bg-color--light: rgba(0, 0, 0, 0.54);
+ --md-default-bg-color--lighter: rgba(0, 0, 0, 0.32);
+ --md-default-bg-color--lightest: rgba(0, 0, 0, 0.07);
--md-typeset-color: var(--md-default-fg-color);
--md-typeset-a-color: var(--md-primary-fg-color);
@@ -87,7 +99,7 @@
--section-bg-color: var(--gray-50-004);
--outline: var(--md-default-fg-color--lightest);
-
+ --tags: var(--grayscale-gray-500);
}
[data-md-color-scheme="lightanelia"] {
@@ -100,13 +112,13 @@
--md-accent-fg-color: var(--tertiary);
--md-default-fg-color: var(--grayscale-gray-900);
- --md-default-fg-color--light: hsla(0, 0%, 0%, 0.54);
- --md-default-fg-color--lighter: hsla(0, 0%, 0%, 0.32);
- --md-default-fg-color--lightest: hsla(0, 0%, 0%, 0.07);
+ --md-default-fg-color--light: rgba(0, 0, 0, 0.54);
+ --md-default-fg-color--lighter: rgba(0, 0, 0, 0.32);
+ --md-default-fg-color--lightest: rgba(0, 0, 0, 0.07);
--md-default-bg-color: var(--grayscale-gray-100);
- --md-default-bg-color--light: hsla(0, 0%, 100%, 0.7);
- --md-default-bg-color--lighter: hsla(0, 0%, 100%, 0.3);
- --md-default-bg-color--lightest: hsla(0, 19%, 13%, 0.12);
+ --md-default-bg-color--light: rgba(255, 255, 255, 0.7);
+ --md-default-bg-color--lighter: rgba(255, 255, 255, 0.3);
+ --md-default-bg-color--lightest: rgba(39, 27, 27, 0.12);
--md-typeset-color: var(--md-default-fg-color);
--md-typeset-a-color: var(--md-primary-fg-color);
@@ -116,11 +128,12 @@
--header-background: var(--md-default-bg-color);
--section-bg-color: var(--gray-920-008);
- --outline: var(--md-default-fg-color--lightest);
-
+ --outline: var(--md-default-fg-color--lightest);
+ --tags: var(--grayscale-gray-500);
}
+
#anelialogo path {
fill:var(--md-default-fg-color);
}
@@ -318,7 +331,11 @@
height: 100%;
width: 100%;
object-fit: cover;
- filter: grayscale(30%);
+ filter: var(--grayscale-filter);
+}
+
+.galleryItems img:hover {
+ filter: grayscale(0%);
}
.galGridItem {
@@ -328,9 +345,36 @@
.galGridItem > * {
flex: 1 1 15rem;
- filter: grayscale(30%);
+ filter: var(--grayscale-filter);
+}
+
+.galGridItem > *:hover{
+ filter: grayscale(0%);
}
.filterGray {
- filter: grayscale(30%);
+ filter: var(--grayscale-filter);
+}
+
+.filterGray:hover {
+ filter: grayscale(0%);
+}
+
+
+/*Category Tags*/
+
+
+.tagBase {
+ padding: var(--tag-padding);
+ font-size: .8rem;
+ border: 0.05rem solid var(--tags);
+ border-radius: .25rem;
+ color: var(--tags) !important;
+ text-decoration: none;
+}
+
+.tagBase:hover {
+ background: var(--primary-light-016);
+ color: var(--primary) !important;
+ border-color: var(--primary);
}
\ No newline at end of file
diff --git a/work/brands/cosmo-bots/index.html b/work/brands/cosmo-bots/index.html
index 0397d82..39bcd89 100644
--- a/work/brands/cosmo-bots/index.html
+++ b/work/brands/cosmo-bots/index.html
@@ -20,7 +20,7 @@
Project Summary
-Client
+Client
Calzados PECA’S
-Timeline
+Timeline
-From : July 2017 To : December 2018
+Jul-2017 <--> Dec 2018
-Role
+Role
Content Designer
@@ -1325,7 +1323,7 @@ Project Summary
-Achievements
+Achievements
Create and grow the social media following for the brand:
@@ -1399,7 +1397,13 @@ Outside Photoshoots
My Unique Contribution to the Project
-Some of the unique angles in the produced images were reposted by the brands and gained significant interest on their social media profiles.
+
+Creation of the Content Calendar
+Inventing a post style for each social media channel
+Programming for the release of each posts
+Building and maintaining relashionships with our clients
+
+Some of the shoe compositions from our images were reposted by the brands manufacturers and gained significant interest on their social media profiles.
diff --git a/work/digital/index.html b/work/digital/index.html
index 130f1eb..45c9356 100644
--- a/work/digital/index.html
+++ b/work/digital/index.html
@@ -20,7 +20,7 @@
-
+
@@ -28,7 +28,7 @@
-
+
diff --git a/work/digital/kuno/index.html b/work/digital/kuno/index.html
index 21ec1c0..e42924f 100644
--- a/work/digital/kuno/index.html
+++ b/work/digital/kuno/index.html
@@ -20,7 +20,7 @@
-
+
@@ -28,7 +28,7 @@
-
+
diff --git a/work/index.html b/work/index.html
index a500e76..2bd253c 100644
--- a/work/index.html
+++ b/work/index.html
@@ -20,7 +20,7 @@
-
+
@@ -28,7 +28,7 @@
-
+
@@ -1078,7 +1078,31 @@
Work
-
Here will appear links to all of the work
+