Aviko Sprint 8
| Year | 2023 |
|---|---|
| Client | Aviko |
| Made at | iO |
| Technologies | |
| HTML & CSSTypeScriptNext.jsPardot forms | |
I was lucky enough to participate in an Aviko sprint, a project that strictly follow the agile scrum method. Within iO this project was known for having everything in place and being mananged well. This was going to be the 8's sprint, with a duration of 2 weeks.
I've worked on a quit a few tickets during this sprint ranging from small content fixes to making the new product accordion. It's hard to remember all the things I've covered during this time. But for me personally the most interesting experience was the sprint itself, the communication and dedication of the team. No wonder Aviko had such a good reputation wihtin iO. Below I'll show a few screenshots of things I can remember working on.
Screenshots
Form fixes
Some of the forms, mostly certain contact forms, within Aviko were created using pardot forms (from salesforce). But the styling do adjust these forms are difficult to change, but there were a few issues with the country flag from the telephone field and the checkboxes above the send button. These bugs I had to fix within the pardot forms and then use a script to load in the custom styling.
Product accordion
My biggest ticket was creating the new product accordion. It had to open the first child by default and you can open multiple at the same time. Offcourse it had to be responsive so on mobile the layout would be different and also the styling of the accordion would change. But also the table content of some accordion tabs, such as nutritional info, needed new styling. All while the image needed to scale nicely.
Spanish translation rollout
Aviko wanted to add Spanish translations to the internationale website. So I had to create the language switch button and rollout a new translation using the CLI. Also I needed to add the translations and communicate this well with the backend team so there wouldn't be any errors.