Responses by ATTCK
Background: Since we’ve grown and begun offering new services, we decided a website redesign was in order. We wanted to better inform customers and prospects about everything we do and how we do it. Our target audience consists of decision makers seeking digital tools that further their business goals. ATTCK’s new website clearly communicates our process and sets the stage for a successful relationship.
Favorite details: The typewriter-style animation on the homepage stands out. We used it to draw the user in, focus on the types of work we do and point out aspects of our business that make us unique. The whole team contributed ideas: We have fun and do great work. We code like no one’s watching. And then we threw in a few oddballs just for fun: you’ll have to visit the website to see more. The team page also gave us an opportunity to show our personality. Inspired by The Brady Bunch, we laid out our headshots in a grid. When you hover over any of the team members, everyone else turns to face them. The result is visually arresting and captures an integral part of our culture: we truly listen to each other. If you reload the page, you’ll notice that the order of the team members changes. Hierarchy has no place here.
Challenges: We needed to create detailed content about our process and expertise, making it informative while keeping it concise. Our site isn’t just for people in the industry who already know tech speak, so it was critical for us to strike the right balance between technical and straightforward language. In addition to creating the content and building the site itself, our developers learned an entirely new language to create a set of WordPress layout tools for the CMS’s latest release. These tools enable us to rapidly create custom pages that adhere to a site’s overall style guidelines. Working on the tool and the site simultaneously made this an interesting exercise in balancing efficiency and functionality.
Technology: WordPress is our content management system of choice. Using the latest version—which includes the new content editor Gutenberg—we created the FLEX Layout System, our own proprietary development tool. Gutenberg remains at its core, but FLEX allows us to maintain control over design and layout with a custom row-and-column system with inner blocks. To enable further customization and the creation of custom blocks, we used Advanced Custom Fields. Parent themes serve as the basis of FLEX and bring parity to future development across multiple sites. Completely custom experiences are then based on the parent using a child theme. We now apply the benefits of FLEX to client projects, which enables us to develop their sites more efficiently and allows them to make intuitive updates after launch.