[{"_path":"/about","_draft":false,"_partial":false,"_empty":false,"title":"About","description":"","excerpt":{"type":"root","children":[{"type":"element","tag":"jumbotron","props":{},"children":[{"type":"element","tag":"template","props":{"v-slot:highlight":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Find out more"}]}]},{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"About me"}]}]},{"type":"element","tag":"template","props":{"v-slot:perex":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Full-stack developer specialized in JavaScript and Vue. In love with simple and efficient solutions."}]}]}]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"profile","props":{"image":"/image/profile_crop.png","linkedin-url":"https://cz.linkedin.com/in/simon-macek-224a09114","name":"Šimon Macek","role":"Developer","twitter-url":"https://twitter.com/maceksimon1"},"children":[]},{"type":"element","tag":"h2","props":{"id":"long-story-short"},"children":[{"type":"text","value":"Long story short..."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"I started working in tech about 3 years ago. I am self-taught and until now, I have managed to get the hang of "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"modern JavaScript and Vue, CSS, and PHP"}]},{"type":"text","value":", as well as metaframeworks such as Nuxt. I worked with WordPres, Drupal, and Shopify and learned how to build full-scale websites from scratch. I never start coding without initiating Git, and I am well aware of the quirks of cross-browser compatibility and responsive design. Two years ago, I have discovered "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Tailwind CSS"}]},{"type":"text","value":" and it has become my styling tool of choice for the majority of my projects."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"For the most part, I have been working as a freelancer for "},{"type":"element","tag":"a","props":{"href":"https://proficiodigital.com/","rel":["nofollow","noopener","noreferrer"],"target":"_blank"},"children":[{"type":"text","value":"Proficio marketing agency"}]},{"type":"text","value":". I grew a lot as a developer thanks to the support of my colleagues, and on internal workshops I picked up valuable know-how from different areas of marketing including "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"SEO, product management and UX design"}]},{"type":"text","value":". As most of my work was remote, I honed my time management and communication skills."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Currently, my goal is to start contributing to open source projects and keep improving with more projects and new challenges."}]},{"type":"element","tag":"button-primary","props":{"text":"See my work","url":"/portfolio"},"children":[]}]},"head":{"title":"About","description":"Web developer specialized in modern JavaScript."},"navTitle":"About","hideBreadcrumb":true,"_type":"markdown","_id":"content:5.about.md","_source":"content","_file":"5.about.md","_extension":"md"},{"_path":"/portfolio/besteto","_draft":false,"_partial":false,"_empty":false,"title":"Focus on value: Theme for a marketing agency website","description":"Marketing agencies know how to design results driven websites. That is why I take the opportunity to collaborate on them as a learning experience. Building a theme for Besteto was just like that.","excerpt":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"focus-on-value-theme-for-a-marketing-agency-website"},"children":[{"type":"text","value":"Focus on value: Theme for a marketing agency website"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Marketing agencies know how to design results driven websites. That is why I take the opportunity to collaborate on them as a learning experience. Building a theme for Besteto was just like that."}]},{"type":"element","tag":"h2","props":{"id":"client"},"children":[{"type":"text","value":"Client"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Besteto is a marketing agency specializing in e-commerce. They commissioned an 8 page website to one of my colleagues and he requested my help on the project. I got to "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"code the theme from start to finish"}]},{"type":"text","value":" and learned a good deal during the process."}]},{"type":"element","tag":"h2","props":{"id":"building-fast"},"children":[{"type":"text","value":"Building fast"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Speed and efficiency"}]},{"type":"text","value":" is a key aspect of the coding work. Of course, the result still needs to be flawless. However, an hour of work can go a long way when using the proper tools and workflows."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"A big help in this area is WordPress Gutenberg. By building the website from "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"reusable blocks"}]},{"type":"text","value":", one can save hours of building and updating similar blocks of content across pages. It also makes for a great editing experience as the admin offers a real time preview of the pages in the admin UI."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"For styling the code I chose "},{"type":"element","tag":"a","props":{"href":"https://tailwindcss.com/","rel":["nofollow","noopener","noreferrer"],"target":"_blank"},"children":[{"type":"text","value":"Tailwind CSS"}]},{"type":"text","value":". This has become my go-to option for most projects, since it makes styling so incredibly fast and intuitive. Additionally, it allows for "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"modular solutions"}]},{"type":"text","value":" - pieces of HTML that you can reuse as styled components and they just work!"}]},{"type":"element","tag":"h2","props":{"id":"the-result"},"children":[{"type":"text","value":"The result"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The result was a clean and solid theme built in a few days. It includes a "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"blog section"}]},{"type":"text","value":" a list of services, a contact form, a pricing page... oh and it is also multilingual!"}]},{"type":"element","tag":"h2","props":{"id":"what-i-learned"},"children":[{"type":"text","value":"What I learned"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"I said earlier that marketing agencies know how to build a web for results. Here are some effective strategies that may improve the user experience and conversion rates:"}]},{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Informative use of icons"}]},{"type":"text","value":": On homepage, you can find a list of services easily distinguishable by icons. This could work as a dropdown menu, but it would be far less discoverable readable and appealing."}]},{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"CTAs for key page sections"}]},{"type":"text","value":": Once the potential customer finds their way onto the website, they should have an easy way of finding what they are looking for. In this case, it should be the contact. CTAs and contact forms are an ideal way to get this done."}]},{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Personal approach"}]},{"type":"text","value":": Show the customers who you are. You can do this by designing a team profile section. Put a face to your business!"}]}]},{"type":"element","tag":"h2","props":{"id":"final-thoughts"},"children":[{"type":"text","value":"Final thoughts"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Although this time I did not work for my own client, the experience of building an agency website was definitely worthwhile. I am now ready to implement the ideas from their design in my own projects."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Check out the full theme on "},{"type":"element","tag":"a","props":{"href":"https://www.besteto.cz/","rel":["nofollow","noopener","noreferrer"],"target":"_blank"},"children":[{"type":"text","value":"Besteto.cz"}]},{"type":"text","value":"."}]}]},"head":{"title":"Besteto WordPress theme","description":"Once you make a website for the marketers you really get to know how to focus on the results.","image":"/image/portfolio/besteto.jpg"},"fields":{"image":"/image/portfolio/besteto.jpg","order":400,"skills":["WordPress","Twig","Tailwind CSS"]},"featured":true,"type":"theme","_type":"markdown","_id":"content:portfolio:besteto.md","_source":"content","_file":"portfolio/besteto.md","_extension":"md"}]