Artur Janas's profile
BrightNetwork Employer Campaigns
BrightNetwork Email Campaigns Prototype

Objective: Design and prototype an application for creating email campaigns

Wireframes: conceptual wireframes on pen and paper, Miro boards, high fidelity wireframes for the prototype 

Tools used: Figma, Figma interactive prototype

Working together with the PM and the tech team as the key stakeholders, I have worked on creating a prototype for an email campaign tool. The approach involved quick conceptualisation phase and implementation of high fidelity wireframes in a prototype that existing BN clients would user test and share their feedback on.

Phase 1. Ideation
In the initial phase I have worked closely with the PM to synthesise project requirements and set up the context. This involved a whiteboarding session, which then led to a conceptualisation phase I did using a Miro board and then verified with the PM. During this phase I also asked a person who handles creation of digital campaigns using third party tools to walk me through the process.
Some of the projects research done by the PM.
Conceptualisation phase was done using Miro as it was the most convenient tool at the time. I have created a user journey map and lo-fi wireframes.
Phase 2. The following phase included creating an interactive prototype in Figma. I've decided to switch to Figma from Sketch for the first time in this project. Switching between the tools was ease as the underlying concepts are quite similar, but I have completed Figma for developers course on Frontend Masters to make sure I can make the most of the tool. Autolayout was a  really useful new feature I used in this project. 
Index page (below) consists of list of jobs and events that campaigns can be created for.
First step in campaign creation process is to set up campaign basics. Scrolling through long list of demographics can be alleviated by using search. Added demographics will appear in the checkout-style container on the right, set up with position:sticky, a concept borrowed from e-commerce that creates a familiar and intuitive segmentation flow.
In the next step the user creates the email. I have focused on the core functionality, namely A/B testing and past performance, which were the key things we wanted to get feedback on in this step. Another key aspect I wanted to get feedback on was the additional opportunities section, which is a pre-designed email segment.

The driving idea for content composition is the simplicity of the tools at hand. Email copy writing tools are kept to absolute minimum. The users will be able to add headers, body text (regular, bold, italics), lists, and links. Additional content needs to follow specific visual hierarchy and function. 
In the next step the user will see a screen confirming their configuration.
Below is a view of a campaign after launch. The key objective was to verify the type of data the test users wanted to see on the page and how it was presented. 
Phase 3. User testing. 

The PM, myself, and other stakeholders have participated in user testing sessions conducted over three day period. We have spoken to five clients who gave us feedback on how they see this tool would help them cut the time from engagement to delivery. I have led half of the sessions. All feedback except for one was overwhelmingly positive. Not only did we confirm that the tool is a step in the right direction, we also got really positive feedback on the UI, design (even thought this wasn't really meant to be a high fidelity pixel perfect prototype), and compared as "better than what LinkedIn has on offer". Obviously we take complements like this with a pinch of salt. 

Phase 4. Analysis

At the end of this iteration, we have done findings gathering and analysis, and in the end created tickets for implementation of some prerequisites to start laying the foundations.


BrightNetwork Employer Campaigns
0
7
0
Published:

BrightNetwork Employer Campaigns

0
7
0
Published: