the process
The WSC design team reached out to me to help implement their new rebrand into their digital space. The goal was to take a print-based brand and achieve the same emotion and feeling throughout the web while also providing an inclusive space for everyone.
stakeholder interviews
Before doing any work, I was onboarded into the design team system and given the tools to build the foundation of my design. The ability to interview key memebers of the design team and gauge where their current brand was heading and what the existing site was lacking was essential to the success of the final designs.
a new brand book
Inside this book, that was still working through some refinement during the time the project kicked-off, was a collection of critical information that described how the WSC brand would be executed in their printed mediums.
This book was the backbone to the entire website build, and allowed me to have more clarity in the design process right from the beginning.
in-medium design
Webflow is a great tool to develop prototypes that not only focus on the final destination of the designed product, but allow for seamless integration of a variety of breakpoints with a few simple "clicks." Every draft version of the pages (some components previewed above) were saved in design files that the client had access to 24/7 in the table of contents for the design.
The transparency, and also ability to continue to try integrating methods we already used, helps expedite the design process and allows for more fluidity between prototypes.
design working sessions
Feedback from the design team was integral. Many times we would meet to have working sessions where designers could make suggestions and I could give live examples of what that would look like. This ultimately saved a lot of back and forth through emails, phone calls, and old out-dated methods that would otherwise have lengthened the process of getting to the final design.
Quick adaptability proved to be a really big feature of this process.
component-based design
A component library was built in Webflow accompanied by a brief description on how to use it as a content author, and handed off to the design and development team to be utilized for future page builds. This is helpful not only to help streamline components that may be similar, but also to see what pieces are already created to be able to build pages that may not have fully fleshed out content yet.
development handoff
In the end, this project was ultimately not in it's final form in Webflow. Consulting with, and integrating the WordPress development team was a top priority throughout the implementation of each layout and design request.
Not only did this ensure a much higher level of security for keeping true to timelines and budgets, it also meant that the development handoff process was a lot more organized and structured. The layouts build in Webflow, in conjunction with the Style Guide and Component Library, provided a more comprehensive and detailed collection of data for the development team to build the final layouts.