Staples Connect
With the launch of the new Staples Connect stores in the Boston area, I was tasked with creating an online experience for visitors to learn, explore and make purchases through. I began the process by gathering information and goals, sketching ideas for the experience and creating a page-flow to help convey how a user would interact with the new site. I then created wireframes for the homepage, each of the main category pages, along with a potential article page. After client approval, I went into visual design on a 12-column grid, pulling in elements from the new brand campaign, fleshing out each of the pages and how each would respond in multiple viewports.
![Staples Connect Staples Connect](https://brianwilkins.me/wp-content/uploads/2021/05/project_staples_connect_devices.png)
Sketching
![Sketching Sketching](https://brianwilkins.me/wp-content/uploads/2021/05/project_staples_connect_sketch.png)
Page-Flow
![Page-Flow Page-Flow](https://brianwilkins.me/wp-content/uploads/2021/05/project_staples_connect_user_flow.png)
Campaign creative
![Campaign creative Campaign creative](https://brianwilkins.me/wp-content/uploads/2021/05/project_staples_connect_creative.png)