MOBILE APP

SkillsUSA SC Conference App

98987Official mobile app for South Carolina's largest career and technical student organization conference, serving thousands of attendees with real-time event management and personalized scheduling.

Lead UX/UI Designer & Full-Stack Developer
SkillsUSA SC Conference App

Project Overview

Transformed the conference experience for South Carolina's premier career and technical education event through a comprehensive mobile platform that bridged the gap between attendee needs and administrative control.

As the sole architect of this multi-year initiative, I delivered a complete digital ecosystem encompassing mobile app development, cloud infrastructure, DevOps automation, and administrative tooling. The project required balancing user-centric design with enterprise-level functionality, resulting in a scalable solution that enhanced communication, improved attendee engagement, and provided organizers with real-time event management capabilities.

6-Year Journey

Continuous development and enhancement from 2018-2024

Cross-Platform Excellence

Native iOS and Android deployment with shared codebase

Real-Time Architecture

Live synchronization with offline-first resilience

DevOps Mastery

Automated CI/CD pipeline enabling rapid iteration

Key Features

The SkillsUSA SC mobile app was engineered with a comprehensive suite of features designed to address the complex requirements of both conference attendees and event administrators, creating a seamless digital experience that enhanced every aspect of the conference.

Intelligent Personal Scheduling

Advanced scheduling system allowing attendees to create personalized agendas from the master event catalog, with automatic conflict detection, reminder notifications, and real-time synchronization with official schedule changes.

.NET MAUIEntity Framework CoreSignalRLocal SQLite
Intelligent Personal Scheduling

Role-Based Communication System

Sophisticated notification platform enabling administrators to broadcast announcements to all attendees or target specific groups by role (students, advisors, judges, volunteers) with delivery confirmation and engagement tracking.

Azure Notification HubsASP.NET CoreSignalR
Role-Based Communication System

Mobile Administrative Command Center

Secure administrative interface integrated directly into the mobile app, allowing authorized organizers to manage content, publish announcements, monitor app usage, and coordinate event logistics from anywhere on-site.

.NET MAUIRole-Based Access ControlReal-time Data Sync
Mobile Administrative Command Center

Dynamic Content Management

Flexible configuration system allowing administrators to enable or disable entire app sections and features remotely, customize branding elements, and adapt the app's functionality to match each year's unique conference requirements.

Feature FlagsDynamic UI GenerationContent Delivery Network
Dynamic Content Management

Design Evolution

Watch how the design evolved from rough sketches to polished interfaces

User Research & Legacy Analysis

Comprehensive user research and legacy system analysis to understand the transformation opportunity from paper-based workflows to digital-first conference management.

Conducted stakeholder interviews with conference organizers and attendees
Analyzed existing paper-based workflow inefficiencies and dated UI patterns
Identified dual-purpose requirements for attendees and administrative control
Created detailed user personas representing key stakeholder groups

Before & After Story

Documenting the journey from outdated interfaces to modern, branded experiences

Legacy interface analysis showing outdated design patterns and workflow limitations before the redesign

Legacy interface analysis showing outdated design patterns and workflow limitations before the redesign

User research artifacts including persona development and stakeholder journey mapping

User research artifacts including persona development and stakeholder journey mapping

Color Palette

SkillsUSA Blue

#215289

SkillsUSA Red

#da3838

Card Background

#f4f6f9

Typography

Title - Bold Sample Text

Roboto, 1.5rem, 700

Subtitle - Medium Sample Text

Roboto, 1.25rem, 500

Body Text - Regular Sample Text

Roboto, 1rem, 400

Project Gallery

Visual journey showcasing the app's evolution from initial Xamarin.Forms implementation through the complete UI redesign during the .NET MAUI migration.

Modern Interface Design

Modern Interface Design

Clean, intuitive navigation optimized for conference attendees

Administrative Dashboard

Administrative Dashboard

Comprehensive backend management system for event organizers

System Architecture

System Architecture

Cloud-native infrastructure built on Microsoft Azure

Featured Screenshots

Modern Interface Design

User Journey

Following our users from first discovery to becoming power users

📋

Pre-Conference Planning

Phase 1

Attendees download the app and create personalized schedules from the master event list.

Pain Point

Traditional paper programs made it difficult to track personal interests and plan optimal schedules.

Solution

Interactive schedule builder with personalized recommendations and conflict detection.

Pre-Conference Planning
🗺️

Live Event Navigation

Phase 2

During the conference, users access real-time updates, venue maps, and emergency communications.

Pain Point

Last-minute changes and announcements were difficult to communicate to all attendees.

Solution

Push notifications with role-based targeting and offline map access for reliable navigation.

Live Event Navigation
⚡

Administrative Control

Phase 3

Event organizers manage content, send announcements, and monitor engagement in real-time.

Pain Point

Administrators needed flexible tools to manage dynamic conference requirements on-the-go.

Solution

Mobile admin interface with bulk data management and instant notification capabilities.

Administrative Control

User Personas

Sarah, Conference Attendee

Sarah, Conference Attendee

High School Student

Navigate the conference efficiently and stay informed about relevant events and changes.

Mike, Event Organizer

Mike, Event Organizer

Teacher

Manage conference logistics and communicate effectively with all attendees in real-time.

Linda, SkillsUSA Judge

Linda, SkillsUSA Judge

Industry Professional

Evaluate student projects efficiently while ensuring fairness and adherence to competition guidelines.

Technology Stack

Cutting-edge technologies and tools used to bring this project to life

Mobile Development

.NET MAUI
Xamarin.Forms
XAML
SQLite

Backend Architecture

ASP.NET Core 6
Entity Framework Core
SignalR
RESTful APIs

Cloud Infrastructure

Azure App Service
Azure SQL Database
Azure DevOps
Azure Notification Hubs
Azure Blob Storage
Microsoft App Service

Technical Highlights

Cross-Platform Architecture

Leveraged .NET MAUI for 95% code sharing between iOS and Android while maintaining native performance and platform-specific optimizations.

Scalable Cloud Infrastructure

Designed Azure-based architecture with auto-scaling capabilities to handle conference traffic spikes while minimizing off-season costs through consumption-based services.

DevOps Excellence

Implemented comprehensive CI/CD pipeline with automated testing, code quality gates, and multi-environment deployment strategies enabling rapid iteration cycles.

Challenges & Solutions

Technical hurdles overcome and innovative solutions implemented during development

Challenge

The app had to serve two groups with totally different needs: thousands of attendees and a handful of event organizers.

Solution

Created a smart role-based system with a smooth user experience. Admins get powerful features while regular attendees see a clean, simple interface.

Challenge

Conference venues often have bad Wi-Fi and cell service, making online-only apps unreliable when people need them most.

Solution

Built an intelligent offline-first architecture. The app pre-loads key data and syncs when it can, so it always works perfectly, even with a poor connection.

Challenge

Conference details are often finalized just before the event, so our development process needed to handle fast changes without compromising quality.

Solution

Set up a sophisticated DevOps pipeline with automated testing and instant rollback. We used App Center for quick beta releases, enabling same-day feedback and updates.

Challenge

The cloud infrastructure needed to handle huge traffic spikes during a conference but stay cheap during the 11 months of low usage.

Solution

Designed an elastic Azure architecture using consumption-based services and auto-scaling. It can go from nearly zero traffic to conference levels in minutes, all while keeping costs low.

Challenge

We had to migrate from a legacy framework (Xamarin.Forms) to a modern one (.NET MAUI) without any downtime or losing features, while also improving performance.

Solution

Used a parallel development strategy to gradually move features over. This led to a 40% performance boost and a modern look and feel, all with zero service interruption.

Technical Deep Dive

.NET MAUI Framework

Cross-platform development for native performance, offline support, and shared code for iOS and Android.

Azure Cloud Architecture

A scalable and cost-effective cloud setup with auto-scaling, pay-as-you-go pricing, and enterprise-level security.

Advanced DevOps Pipeline

Automated system for building and deploying code with testing, quality checks, and instant rollback features.

Intelligent Offline Architecture

A system that caches data and syncs incrementally for smooth offline-to-online transitions.

Role-Based Security System

Multi-layered security that lets different users access different features and handles admin privileges smoothly.

Results & Impact

The SkillsUSA SC mobile app transformed the conference experience from a paper-based, static information system to a dynamic, interactive platform that enhanced communication, improved attendee engagement, and provided unprecedented administrative control. The project demonstrated measurable improvements in event management efficiency and attendee satisfaction.

Administrative Time Savings
60% reduction in manual coordination tasks
Performance Improvement
40% faster app performance post-MAUI migration
Reliability Achievement
99.9% uptime during critical conference periods
Cost Optimization
70% reduction in cloud infrastructure costs

Key Achievements

  • Digitally transformed event management to be paperless, allowing organizers to adapt in real time.
  • Built a scalable cloud system that adjusts resources automatically, optimizing costs for seasonal use.
  • Implemented DevOps practices that cut deployment time from days to hours, enabling faster responses to new requirements.
  • Designed an easy-to-use experience for attendees that also gave organizers powerful administrative tools.
  • Created a robust offline-first system that works even with poor network conditions, ensuring reliable access to key info.

Lessons Learned

  • Mastered building cost-effective, auto-scaling cloud infrastructure that maintains performance through high traffic spikes.
  • Learned the importance of fast feedback loops in development, which led to implementing advanced CI/CD practices.
  • Found that a great user experience is key for successful tech adoption, especially in high-stress event settings.
  • Gained expertise in migrating technology with zero downtime, using a strategy of running old and new systems in parallel.
  • Deepened my understanding of offline-first architecture and its crucial role in building reliable mobile apps for tough network environments.

Interested in working together?

Let's discuss your next project and bring your vision to life

Get In Touch