Melissa Warch

For this project I have created a user workflow, a low fidelity wireframe, and a few high fidelity screens for a tea store using Figma. Figma is a web application tool made for user interface design and prototyping.

This project is a website created to raise awareness of climate change. The website includes many tips on reducing your carbon footprint and a call to action for email signups. The website uses a mobile first design, subtle animation, and compressed images to create a positive user experience.

PetStar is an app and website that uses astrology to help people find their perfect pet. Users are prompted to take the star sign compatibility quiz which pairs them with compatible animals from nearby shelters. The user can also browse available pets by zodiac signs, save favorites, and request scheduled visits. PetStar was created with the intention of promoting pet adoption. This project was created using Adobe XD.

This app design was created to practice prototyping in Figma. The Test Management App is a tool used to assist the process of software testing. The project uses a mobile first web design and is intended for desktop and mobile users. The project includes a demo intended to be reviewed by a project manager and customer before software development begins. The interactive Figma demo can be viewed by opening the link below and clicking the present button in the top right of the page.

This project is an eight-page magazine spread on Deborah Sussman that combines layout, pictures, and written content. The visual design is inspired by Deborah Sussman's work. Each color, typeface, and font are thoughtfully chosen to appropriately represent and honor Deborah Sussman.

Data visualization poster dimensions 24" x 36" and UX website prototype design that displays information on 100 Squishmallows from my personal collection. The infographic sorts each Squishmallow by gender, habitat, type or species, size, and color. The UX prototype design is interactive, allowing the user to add data to create their own personal collection.

A redesign of US currency dimensions 2.61" x 6.14", which pay tribute to three influential and historic Native American women. The $100 bill features Elizabeth Wanamaker Peratrovich who was an American civil rights activist, Grand President of the Alaska Native Sisterhood, and member of the Tlingit nation who worked for equality on behalf of Alaska Natives. The $20 bill features Lyda Conley, who was a Wyandot-American lawyer of Native American and European descent, the first woman admitted to the Kansas Bar Association. She was notable for her campaign to prevent the sale and development of the Huron Cemetery in Kansas City, now known as the Wyandot National Burying Ground. The $5 bill features Susan La Flesche Picotte who was a doctor and reformer in the late 19th century. She is widely acknowledged as one of the first Indigenous peoples, and the first Indigenous woman, to earn a medical degree. All bills feature different nation logos pertaining to each woman's nation.

A visual identity and logograph that represents the small business Secretly Yours. Secretly Yours is a mastectomy boutique located in Palm Beach Gardens, Florida. Founded in 2002 the boutique provides services and products services to women who have undergone breast surgery due to breast cancer. The identity standards of the business are centered around breast cancer awareness and support. This worked as the foundation for my identity system, which consists of a variety of pinks, breast cancer ribbons, and a woman with the breast cancer ribbon placed where her missing breast is.

The purpose of this project is to demonstrate the ability to create atomic components and shared libraries. The buttons in the Figma project are linked together using component variants. The components and component variants are stored in a shared library for future use. The component is called an atomic component because it follows the atomic design principles. Atom design starts with atoms where basic HTML elements are designed. Molecules group atoms together to create a building block such as a search form. Organisms are larger components such as a search form molecule, logo atom, and primary navigation molecule to create a header. Any change to an atomic component will affect the molecules and organisms that are linked to that atom. This allows the design to be managed at scale.

This Figma project is a design system used in an online course on UI/UX Design. The design system links text styles and colors to the component library. The component library can be edited and changes will update throughout the product design. Generally, the design system is made alongside product design. As soon as redundancy occurs in the design project, reusable components are created.