Jump Starter

Workshop Landing Page.

Now What Do We Have Here?

Created for an annual corporate workshop, these are landing pages I designed for the event. The original design has been reworked for my portfolio, removing identifiable written copy and imagery. The design iterations below include high fidelity wireframes and mockups.

Role

Web Designer

Team

Manager and Copywriter

Tools

Sketch, HTML5, and SCSS

Project Type

Professional Work & B2B (Web)

The Breakdown

This project is a workshop landing page for a corporate clientele. My duties for this project were UI mockup, design, and development.

A snippet of the top portion of the workshop mockup with a featured image on the right and information on the left. By Katherine Delorme.

A snippet of the mid portion of the workshop mockup. By Katherine Delorme.

A snippet of the top portion of the workshop mockup with a hero image design and diagonal lines. By Katherine Delorme.

The goal of this project was to create a landing page for a workshop with multiple calls to action for registration. The page would provide vital information such as date and time while also highlighting key features of the workshop. Promotion for the workshop came in the form of video segments, testimonials, and descriptions of the workshop's sessions.

High fidelity mockup of the top portion of the workshop mockup with a featured image on the right and information on the left. With an image of a girl jumping in the air and below and boy jumping into water. By Katherine Delorme.

High fidelity mockup of the mid portion of the workshop mockup. With an image of a ballerina leaping. By Katherine Delorme.

High fidelity mockup of the top portion of the workshop mockup with a hero image design and diagonal lines on top of the hero image of a girl jumping. By Katherine Delorme.

Iterations To Choose From

First design for workshop landing page. By Katherine Delorme.

Second design for workshop landing page. By Katherine Delorme.

Third design for workshop landing page. By Katherine Delorme.

Fourth design for workshop landing page. By Katherine Delorme.

Fifth design for workshop landing page. By Katherine Delorme.

Sixth design for workshop landing page. By Katherine Delorme.

High fidelity mockup. By Katherine Delorme.

High fidelity mockup with color scheme accent colors. By Katherine Delorme.

Social Media Storytelling

Instagram story for a ui design. By Katherine Delorme.

Designs for the Instagram Story. Storytelling by explaining to viewers the design process
and thoughts behind the design, ending with interaction in the form of a poll.
Credit: Katherine Delorme