Salesforce Trailblazer Credentials

Sam St Michael

Sam St MichaelSam St MichaelSam St Michael
  • Home
  • Projects
    • Brands & Visual Design
    • UI Interactive Prototype
    • Wireframes / Prod Design
    • Design 4 Good!
    • Dashboard / SAAS / App
    • E-Commerce
    • Web Redesign / SEO
    • Case Study/Presentations
    • Managing Social Media
    • Salesforce Portfolio
  • My Process
  • Contact Me
  • More
    • Home
    • Projects
      • Brands & Visual Design
      • UI Interactive Prototype
      • Wireframes / Prod Design
      • Design 4 Good!
      • Dashboard / SAAS / App
      • E-Commerce
      • Web Redesign / SEO
      • Case Study/Presentations
      • Managing Social Media
      • Salesforce Portfolio
    • My Process
    • Contact Me

Sam St Michael

Sam St MichaelSam St MichaelSam St Michael
  • Home
  • Projects
    • Brands & Visual Design
    • UI Interactive Prototype
    • Wireframes / Prod Design
    • Design 4 Good!
    • Dashboard / SAAS / App
    • E-Commerce
    • Web Redesign / SEO
    • Case Study/Presentations
    • Managing Social Media
    • Salesforce Portfolio
  • My Process
  • Contact Me

wireframes - lo & hi fi - Product Design

Basic Wireframe using Figma.

Add Custom Logo & Nav Bar.  More detail.

More detail, moving to Hi-Fi.

Hi-Fi working prototype & custom Nav icons.  Added micro animations on Confirmation Page.

Prototype, using Smart animate. Screen shot.

Above Using Figma

Ongoing Project

Showing the process, I am leading from Lo to Hi-Fi with custom-designed Nav icons and added micro animations on the Confirmation Page. It ends with the prototype.

prototype - screenshots

Choice A - Home Pg.

Choice B - Home Pg.

Product Pg. Scrolls Vertically.

Tap Heart - Goes to Purchase.

Order Confirmation!

Above Figma Prototype

Nav with Custom Logo & Custom Icons

Showing the working prototype.  Used Smart animation and micro animation on some areas.

Figma interactive mobile prototype

Above Working Figma Prototype

A work in progress - not the end product

Shown is the working prototype: Used Smart Animation and Micro Animation in some areas.   

I have (2) Home Page designs.  

Please send me an email and tell me which Home Page you like better! 


Email Your vote!

Sketches - Product Design - end to end

Product Designer, Technical Drawing, Sketch, Illustration, Fashion, e-Commerce

Technical drawing, illustration

Technical drawing, sketch, illustration of Utility Thigh Pouch

Product Manufacturing, Product Designer, Fabrication, fashion designer, entrepreneur, e-Commerce

Product Designer. Final Product

This is the Utility Thigh Pouch that I make and sell on Etsy.  One of the many businesses I've had.

End to end, Concept to Product, Fashion, Leather, Corsets, Fetish, Logo, Branding, Visual Design

Concept to Final Product

Sketch illustrations of corset & latex godet.  As a fashion designer for over 20 yrs, I've been a product designer and a manufacturer.  

  • Final leather corset on the right.

End to end, Concept to Product, Product Design, womens shoes, fashion designer, cobbler, shoe lasts,

Product Design to Final Product

Leather shoes I made from sketch to Lasts to final product.  I designed & constructed these custom-made heels for my wife's birthday.

fashion illustrations, fashion sketches, fashion product designer, fetish, latex

Illustrations, Sketches, Fashion Designer

Fashion illustrations, sketches of items made.  

  • Latex kimono final garment below.

fashion sketch, fashion illustration, product designer, women's wear, fetish, latex, corsets

Illustrations, Sketch of Products below.

Fashion illustrations of garments made: hoop skirt, blue velvet dress & latex dress with corset.

  • Some of these were made for a fashion show that I participated in.

Product Designer, Fashion, AMDEF, Latex, fetish designer, sketch, prototype to product

Final Garments made - Fashion Designer Life

All are made from previous illustrations.  Designed constructed to the final product.  

  • Made for AMDEF.
  • Models; Josie Nutter, Miya, Domina Carmen *RIP*, Avery Alex, Chris T.
  • Photo by: RJB 


Design Challenge - General Assembly

Wireframing, mobile wireframes, Balsamiq,Visio, General Assembly admission test, design challenge

SDGM - Social Distance Grocery MapPing project.


The challenge was - create a mobile app.  Mine lists all stores & Covid compliance.

**Balsamiq, Visio

Mobile App Wireframe - Balsamiq & Visio

Project; Create a Grocery App

In this mobile app, you can locate grocery stores that comply with social distancing during Covid-19.

  • Check all icons and search.
  • One Way Aisles, No Mask No Entry, Offers Hand Sanitizer, Sanitized Carts & more.

SEO to pull up App

Example of searching for this App.  What the Landing page on mobile will look like.

GPS to Store

In frame will have a short blurb of the store, address, Get Directions button, list of what they offer as Social Distancing.

Ratings, Reviews & Social Media Share

Here are the star rating reviews & you then can "Like" or share with your social media.

  • Tools; Balsamiq 


See Details
FacebookInstagramLinkedInPinterestTwitterYouTube
FacebookInstagramLinkedInPinterestTwitterYouTube
FacebookInstagramLinkedInPinterestTwitterYouTube
FacebookInstagramLinkedInPinterestTwitterYouTube
FacebookInstagramLinkedInPinterestTwitterYouTube
FacebookInstagramLinkedInPinterestTwitterYouTube

Copyright © 2000 - 2023 Sam St Michael UX PORTFOLIO- All Rights Reserved.

Powered by GoDaddy Website Builder

This website uses cookies.

We use cookies to analyze website traffic and optimize your website experience. By accepting our use of cookies, your data will be aggregated with all other user data.

Accept