There is a lot that goes into developing a deceptively simple CTA button built on JavaScript. There is a lot to consider in each stage of the process without leaving design holes. For a team project, I worked on creating a button that would be rendered onto a web page.
Troubles
At first our team was not sure how to properly edit the styles built into the open-wc boilerplate that we started on. We assumed that we needed to implement constructors a certain way, coming from Java programming, but using CSS was enough for styling.
Successes
The team's design process for the button was relatively smooth. The button started out similar to the one provided in the open-wc boilerplate. We knew what the design consideration was from the outset, which is going to be a red Staples "That Was Easy" button.
What I Learned
I learned how different the development process is with web components as opposed to Java or Python programming. Writing states and attributes to create the CTA experience required some out-of-the-box thinking. In the future, we would like to add more attributes to enhance the experience, particularly for on-click functions.
Top comments (0)