Method
– Discussed requirements with the full team and stakeholders to develop user flow and persona.
– Rapid prototyped a wireframe for the layout.
– Sourced media to reflect the B2B brand look and feel and edited portraits to create consistency.
– Created a high-fidelity mockup of the landing page (below).
– Requested feedback from stakeholders and team and made iterations when needed.
– Implemented the mockup and assets into website CMS.
Tools
Pen and paper | Figma. |. Adobe Photoshop
– Discussed requirements with the full team and stakeholders to develop user flow and persona.
– Rapid prototyped a wireframe for the layout.
– Sourced media to reflect the B2B brand look and feel and edited portraits to create consistency.
– Created a high-fidelity mockup of the landing page (below).
– Requested feedback from stakeholders and team and made iterations when needed.
– Implemented the mockup and assets into website CMS.
Tools
Pen and paper | Figma. |. Adobe Photoshop
User Persona
![](https://cdn.myportfolio.com/f758a9ef0088a016638d360de101fbb8/b949d754-3c8b-4f9e-abf6-6faf63cd296b_rw_1920.png?h=69019eacf679a47f15340fce59042d83)
User Flow
![](https://cdn.myportfolio.com/f758a9ef0088a016638d360de101fbb8/519b5895-ebfe-4045-923c-16bd87ed46d1_rw_1920.png?h=805e1d03384d8fbe4f1b54589d739724)
Main Website with Conference CTA Highlight
![](https://cdn.myportfolio.com/f758a9ef0088a016638d360de101fbb8/d8f1497c-a5fa-4fb8-a89c-244b2c966343_rw_1920.png?h=a28b05f5f017f81a21481f464b51ecb5)
Conference & Expo Landing Page Design
![](https://cdn.myportfolio.com/f758a9ef0088a016638d360de101fbb8/766c3f81-a8bd-44e7-80e5-60112998fb67_rw_1920.png?h=344cb76cdae98b0cd369181d83417a63)