Jump Starter

Workshop Landing Page.

Landing Page.

Projects
Jolly Olly
Jump Starter
Future
LUXITA
UI Designs
App Landing
Jekyll Blog
ASU Emails

Now What Do We Have Here?

These are landing page mockups made for a corporate workshop. The design have been reworked for my portfolio. The various design iterations are shown including high fidelity wireframe and mockup.

A snippet of the top portion of the workshop mockup by Katherine Delorme

The Breakdown

Built for a corporate client, this workshop landing page was made in 2019.

My duties for this project were UI mockup, design, and development.

To complete this project, I utilized Sketch App, HTML5, and SCSS.

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 call to actions for sign up. The page would provide key information such as date and time while also highlighting key features of the workshop. This was done through 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.

Seven 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.
Seventh design for workshop landing page. By Katherine Delorme.
Wireframe. 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.
Instagram story for a ui design. By Katherine Delorme.
Instagram story for a ui design. By Katherine Delorme.
Instagram story for a ui design. By Katherine Delorme.
Instagram story for a ui design. By Katherine Delorme.
Instagram story for a ui design. By Katherine Delorme.

Okay, I Just Have To Share This