ADP Design, Alison Porter's portfolio

Portfolio Gallery

WEB Graphic Design Motion Design

Web Development Gallery

Visit Site

SLEEPWiser

Tools: Illustrator, InDesign, Visual Studio, HTML, CSS, JavaScript, and php.

Fully custom, educational website focused on sleep health and sleep medicine. I have built this site from the ground up using HTML, CSS, and JavaScript. Designing and coding SVG animations using original illustrations while prioritizing accessibility, responsiveness, and clear information. The content, subjects, and products, were acquired through experience in the field and years of research. This site is still growing and a project that truly represents a blend of my experience and skills.

SLEEPWiser landing page

SLEEPWiser Contact page(dark mode)

SLEEPWiser Contact page(light mode)

SleepWiser Article page

SleepWiser sketches and wireframe, mood board

SleepWiser Article page

SleepWiser sketches, wireframe, mood board

Visit Site

Landing page of first portfolio web site

First Portfolio web site design

Tools: Illustrator, InDesign, Visual Studio, HTML, CSS, JavaScript, and php.

Project requirements: Coded site that included semantic HTML, CSS, and JavaScript. All code must be written from scratch, single page site.
Light/dark mode accessibility Contact form that includes full name, phone number, email address, comments and preferred contact.
Product Display: A section of the page with a product display feature, only one product displayed at a time. Each product should have a name, image, and description.
Game Play: A section of the page should have a game that is a sort of contest where the user will input a number and the page displays a random number, if the numbers match the user wins if not they lose.
Last but not least a planned/prepared Behance project that explains my process.

Utah Sport Karate League

Tools: Photoshop, CRM Platform, High Level.

Managed and optimized a client’s website using a comprehensive CRM platform, driving key initiatives to enhance site performance and user engagement. Although I no longer manage the site, my role included:

CRM Integration: Led the integration of the CRM platform to optimize user data collection, lead management, and customer engagement directly through the website.
Digital Course Content Management: Developed and maintained digital course content, creating engaging and interactive learning modules. Integrated course management tools with the website to allow for a smooth user experience, including video tutorials, quizzes, and downloadable resources.
User Login Platform: Implemented a secure user login system, providing personalized access to course materials, purchase history, and account management. Ensured smooth functionality of the login system with proper user authentication.
Metadata Management: Managed metadata optimization, ensuring proper title tags, meta descriptions, and schema markup to improve search engine rankings and user CTR.
Host Migration: Successfully led a migration of the website to a new hosting environment, ensuring minimal downtime and preserving SEO rankings throughout the transition.
Note: The website has since undergone updates and changes, and is no longer under my direct management

Valor Academy of Martial Arts

Tools: Photoshop, Premiere, camera, CRM Platform-High Level.

CRM Integration: Spearheaded the integration of a CRM platform to streamline user data collection, lead management, and customer engagement directly through the website.
Landing Page Optimization: Designed and optimized high-converting landing pages with clear calls-to-action (CTAs), aimed at driving sales, capturing leads, and promoting digital courses. Focused on user-centric design and conversion optimization.
E-commerce & Storefront Development: Designed and managed the e-commerce storefront, overseeing product listings, shopping cart functionality, and payment gateway integration, ensuring a seamless user experience for online transactions.
Google Integration: Configured and integrated Google services (Google Analytics, Google Search Console, Google Tag Manager) for performance monitoring, insights gathering, and UX enhancement.
SEO Strategy & Execution: Developed and implemented a comprehensive SEO strategy, including on-page (meta tags, alt text) and off-page tactics (backlink building). Conducted keyword research and utilized schema markup to improve search visibility.
Metadata Management: Managed metadata optimization, ensuring proper title tags, meta descriptions, and schema markup to improve search engine rankings and user CTR.
Note: The website has since undergone updates and changes, and is no longer under my direct management

Visit Site Landing page for class assignment

Porter Place Retreat

Tools: Github: desktop and online, visual Studio

As the final project in an HTML/CSS course, I developed a multi-page static website based on provided content and design requirements. The project focused on translating a detailed brief into a clean, responsive layout using semantic HTML and custom CSS.

Design Execution: Implemented a minimalist aesthetic aligned with Scandinavian design principles. Selected typography that complemented the rustic retreat theme, creating a calm, nature-inspired visual identity.
Technical Focus: Emphasized clean, semantic HTML structure and custom CSS styling—no frameworks—to demonstrate proficiency with core front-end development principles.
Project Constraints: Worked within specific creative and technical guidelines, adhering closely to the brief to produce a polished and faithful final product.

Visit Site

Streaming music website

Tools: Github: desktop and online, visual Studio

Created a music streaming web page as part of a front-end web development course, following a structured set of project requirements. The goal was to demonstrate proficiency in HTML and CSS while implementing basic media functionality.

Media Integration: Embedded streaming audio tracks using HTML5 elements with custom styling for a clean, user-friendly interface.
Design & Layout: Followed a modern layout with responsive design principles to ensure usability across devices. Implemented visual styling using CSS to align with the project’s music-focused theme.
Requirements Compliance: Met all outlined course requirements, including accessibility considerations, semantic structure, and proper file organization.