Jump Starter

Workshop Landing Page.

Hero image for the workshop landing page. Image of a young girl jumping in an action pose.

Landing page mockups made for corporate. Reworked for my portfolio. These designs show the design iterations I created for a workshop landing page. A high fidelity wireframe and mockup.

Service

Landing Page

Client

Corporate

Date

2019

Duties:

UI mockups

Design

Development: html, scss

Utilized:

Sketch App

HTML5

SCSS

A snippet of the top portion of the workshop mockup

The goal of this project was to create a landing page for a workshop with multiple call to actions to sign up. It'd 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.

A snippet of the top portion of the workshop mockup with a featured image on the right and information on the left.
A snippet of the mid portion of the workshop mockup.
A snippet of the top portion of the workshop mockup with a hero image design and diagonal lines.
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.
High fidelity mockup of the mid portion of the workshop mockup. With an image of a ballerina leaping.
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.

Seven iterations for the choosing

First design for workshop landing page
Second design for workshop landing page
Third design for workshop landing page
Fourth design for workshop landing page
Fifth design for workshop landing page
Sixth design for workshop landing page
Seventh design for workshop landing page
Wireframe
High fidelity mockup
High fidelity mockup with color scheme accent colors.

Social Media Storytelling

Instagram story for a ui design
Instagram story for a ui design
Instagram story for a ui design
Instagram story for a ui design
Instagram story for a ui design
Instagram story for a ui design