Desktop and mobile view of Jen Warman Embroidery website.

Jen Warman Embroidery

Before my career as a software Developer and UX/UI Designer I worked as an embroidery artist and as I began to transition into my current role the first website I ever built was an online portfolio for my embroidery art using only HTML and CSS. As you can imagine it was a pretty basic static site with limited responsiveness and I thought it would be a fun challenge to redesign and develop an entirely new site to see how my skills have improved over time.

For context you can see the original site here .

Project

Online portfolio featuring an image gallery, about page and contact form with responsive and engaging UX/UI design.

Tech Stack

JavaScript, React and Sass.

Role

UX/UI Designer and Front-end Developer.
Website ↗Github ↗
Mobile view of the about page, image gallery and contact form from Jen Warman Embroidery website.

Objectives

  • UX/UI design. Design an online portfolio that is not only functional but engaging for the user.
  • Implement new skills. An opportunity to use the knowledge from recent online courses in Sass and React.
  • Create a record. This website will serve as a record of my previous work and life as an embroidery artist.

Application Features

  • Navigation. Dynamic vertical navigation with tabs that open to full width across the page.
  • Gallery. A scrolling gallery of thumbnail images that expand to full size when clicked.
  • About Page. Inclusion of a scroll effect on the about page allowing the text and images to become visible as they enter the viewport.