Beatriz Caraballo

View Original

Accordion layout for Services page

See this content in the original post

The designer had a very clear vision for her client's site completely laid out in her prototype, but was looking for a way to implement certain customizations that required code. Amongst them, was a super custom accordion-style page layout for the Services page.

Considering all the precise design aspects of her layout and the content involved, I built a custom page for her client that gathered all her requirements and ideas – including a floating image hover mode – while keeping the design responsive and the content-update process very easy to manage for anyone needing to make changes in the future.

Additionally, I included a set of variables in the code that would allow her to quickly change styles when needed, after rounds of revision.