Sam St Michael

Sam St MichaelSam St MichaelSam St Michael
  • Home
    • UbnAppd
    • Stridewright
    • No Saint Gear
    • Visual Designs
    • Side Projects
    • Wireframes / Flows
  • About
  • Contact Me
  • Resume
    • Home
    • Projects
      • UbnAppd
      • Stridewright
      • No Saint Gear
      • Visual Designs
      • Side Projects
      • Wireframes / Flows
    • About
    • Contact Me
    • Resume

Sam St Michael

Sam St MichaelSam St MichaelSam St Michael
  • Home
  • About
  • Contact Me
  • Resume

Volunteering - web app redesign - open source

DemocracyLab, volunteering, OrcaSound, Miro, AirTable

DemocracyLab - Volunteering for OrcaSound

While networking on LinkedIn I found DemocracyLab & OrcaSound.  I currently volunteer here.   DemocracyLab allows you to recruit others for your projects, if accepted.

I wanted to volunteer to a cause I believe in.  DemocracyLab is also supported by The Gates Foundation.

Affinity Mapping, Collaborating, Team work, Use Cases, User Interview

Affinity Mapping

Collaborate using Miro, data from use cases.  An area I took on was the Home Page & Feedback Form.

Team;  Scott Veirs - Founder

Brendan Thatcher - Lead Researcher

Myself - UX /UI - Product Designer /

Carina Cheng

Catherine Zeng

image448

Persona One - Cititzen Scientist

Working with our researcher;  Gathering and analyzing  the user data, 

we have determined the 'Citizen Scientist' Persona.

OrcaSound, DemocracyLab, Volunteering

Before Changes Incorporated

Shown is the current / old design.  Header will get the new branding / logo that I have designed in next version.  We are also updating the map with interaction & Feedback Form.  

Currently I am working on; Managing direction on designing a Learning Page, and developing the UI & style guide for this project.

  • Tools:  Figma, Canva, Marvel, Miro, AirTable, Trello, Slack, Go to Meeting & Zoom

image449

Sketching

Improving UI of the home page.  I designed the new logo and banners that can be used on next update.


Addressing user feedback of too much white space.  

image450

Figma prototypes

Here I've incorporated the new logo & banner I designed & added an image carousel.

The team decided to go with another layout.

image451

Marvel prototype

Using Marvel, shown the new logo & banner I designed with larger image carousel from user feedback.

Includes better userflow. 

Hack-A-Thon

Volunteer & Do Something Good

My first Hack-a-Thon.  Here we started collaborating on the Learning aspect of OrcaSound.

image452

Scope of Hack-a-Thon

Brendan is our lead for this project.  This is what we will be working on today.  He used the logo I created in his presentation deck.

Infographic designer, visual designer, infograph, DemocracyLab, OrcaSound

Designing Infographic

Listening to comments from users I decided to do a side project. I took the initiative to design this infograph.  The facts are from other orca sites and helps tell a story of WHY orcas are important.


It may eventually be incorporated to the Learning Page I am facilitating.  This includes the logo that I also designed, on the header.


Continue learning is what I enjoy doing.

designing a style guide - a Work in progress

Carina & myself are designing the Style Guide from the ground up.  Starting simple with Color Pallet & Typography. 

Orcasound Design System (pdf)Download

Iterations of an Infographic

Updates shown as we modified the Style Guide and received feedback.  From designing a Template thru the last 2 frames, depicting an updated image that I designed using multiple tools; Canva, Figma & other applications. 

Visit Website

Admission Project for General Assembly

Design Challenge - Presentation & Deliver in 5 days

Social Distance Grocery MapPing

The challenge was to create a mobile app for a grocery store.  I designed this after posting a question on Facebook.  Asking what are your current challenges while going grocery shopping. 

Find out more

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

Powered by GoDaddy Website Builder