DYEN Student Dashboard
Web Development
DYEN's website redesign
Transformed a legacy, static site into a high-performance platform featuring community engagement modules, automated data collection, and a professional-grade CI/CD deployment pipeline.
Problem statement
The organization was limited by an outdated, non-responsive website that lacked interactive functionality and a way to capture applicant data, leading to manual bottlenecks and poor user engagement.
- Static and non-responsive legacy architecture
- Manual processing of student/applicant data
- Lack of centralized information for community events
- Inefficient manual deployment and hosting processes
Solution provided
We rebuilt the site with a focus on UX/UI and automation. I personally architected the deployment pipeline and backend integration to ensure that data collection was seamless and the site was easily updated through automation.
- Redesigned the UI for full mobile responsiveness
- Integrated a functional application form with database storage
- Built dynamic pages for Events and Brand Experience
- Deployed containerized environment using Docker and Nginx on a VPS
- Established a CI/CD pipeline for automated updates
Key Features
- Mobile-First Responsive Design
- Database-Integrated Application Form
- Community Event Management Page
- Brand Gallery and Media Display
- Continuous Integration/Continuous Deployment (CI/CD)
- Converting Marketing Copy
Technical Details
- Nextjs
- Nginx
- Docker
- CI/CD Pipelines (GitHub Actions)
- VPS Hosting
- Database (Management)
Experience gained
- Orchestrating containerized deployments with Docker and Nginx
- Setting up automated CI/CD pipelines for production environments
- Leading a cross-functional team of designers and copywriters
- Optimizing user journeys for high-conversion application forms
Project Details
There is more!More interesting projects
Kaego Website Redesign & Automation
Website Redesign, SEO, Lead Automation
Charisfolks website
WordPress Website Development & SEO
Event Hub
Mobile Application Development
