I will create a 5 screen UI / UX design for you using figma
The design will focus on a sleek, user-friendly interface tailored for a Student Union Government campaign app. Each screen will reflect modern design principles with a bold green theme (#28a745), minimalistic typography, and interactive elements.
Screens:
Splash Screen:
Bold logo animation.
App name: SUG Campaign Portal.
Tagline: "Your Voice, Your Vote!"
“Get Started” button.
Login/Signup Screen:
Options: Login with Email or Continue with Google.
Input fields: Email, Password.
"Forgot Password?" link.
“Sign Up” option at the bottom.
Home/Dashboard Screen:
Header: “Welcome, [User's Name]!”
Quick stats: Total Votes, Upcoming Events, Candidate Profiles.
CTA buttons: Vote Now and View Manifesto.
Sidebar menu icon.
Candidate Profile Screen:
Profile picture, Name, Position running for.
Bio: Short personal introduction.
Manifesto section: Key points and goals.
“Vote” button with an animation effect.
Voting Confirmation Screen:
“Thank you for voting!” header.
Display of candidate chosen.
Confirmation number for record.
Back to Home or View Results button.
Screens:
Splash Screen:
Bold logo animation.
App name: SUG Campaign Portal.
Tagline: "Your Voice, Your Vote!"
“Get Started” button.
Login/Signup Screen:
Options: Login with Email or Continue with Google.
Input fields: Email, Password.
"Forgot Password?" link.
“Sign Up” option at the bottom.
Home/Dashboard Screen:
Header: “Welcome, [User's Name]!”
Quick stats: Total Votes, Upcoming Events, Candidate Profiles.
CTA buttons: Vote Now and View Manifesto.
Sidebar menu icon.
Candidate Profile Screen:
Profile picture, Name, Position running for.
Bio: Short personal introduction.
Manifesto section: Key points and goals.
“Vote” button with an animation effect.
Voting Confirmation Screen:
“Thank you for voting!” header.
Display of candidate chosen.
Confirmation number for record.
Back to Home or View Results button.
Requirements
📋 Client Requirements for UI/UX Design Project
1. Project Overview
What is the project about? (Briefly explain the app/website purpose)
Who is the target audience? (Age, gender, profession, etc.)
What problem is this design solving? (Why do they need the app/website?)
2. Branding Guidelines
Logo: (Provide high-quality logo files: PNG, SVG, or AI)
Brand colors: (Primary and secondary colors — hex codes if available)
Typography: (Preferred fonts or brand-specific typefaces)
Icons style: (Flat, line, or 3D — or specific icon sets they want)
Imagery style: (Realistic photos, illustrations, or minimal graphics)
3. Features & Functionalities
Key screens needed: (e.g., Splash screen, Login, Dashboard, etc.)
Main features: (Voting, forms, search bars, etc.)
Navigation flow: (How users move from one screen to another — do they have a sitemap or flowchart?)
4. Content
Text for screens: (Headings, buttons, descriptions — or ask if you should use dummy text)
Images & graphics: (Profile pictures, product images, or placeholders)
Videos: (If any explainer videos or banners are involved)
5. User Flow & Wireframes
Do they have wireframes or sketches? (Or will you create them?)
What is the ideal user journey? (How a user should interact step-by-step)
6. Design Preferences
Inspirations: (Links to websites or apps they like — Dribbble, Behance, etc.)
Design style: (Minimalist, bold, corporate, playful?)
Animations: (Should buttons, icons, or pages have animations?)
7. Technical Requirements
Design tools: (Is Figma okay, or do they want Adobe XD, Sketch, etc.?)
File format: (Do they want final designs in Figma, PNG, or SVG?)
Handoff: (Should designs be developer-ready with proper annotations?)
8. Timeline & Budget
Project deadline: (Exact dates for drafts, feedback rounds, and final delivery)
Budget: (Is there a fixed budget or hourly rate?)
9. Feedback & Revisions
How many revision rounds are included? (e.g., 2-3 rounds of edits)
Preferred feedback method: (Email, Google Docs, or live Figma comments)
10. Access & Collaboration
Figma access: (Share project files via email or invite)
Team members: (Who will review and approve the designs?)
1. Project Overview
What is the project about? (Briefly explain the app/website purpose)
Who is the target audience? (Age, gender, profession, etc.)
What problem is this design solving? (Why do they need the app/website?)
2. Branding Guidelines
Logo: (Provide high-quality logo files: PNG, SVG, or AI)
Brand colors: (Primary and secondary colors — hex codes if available)
Typography: (Preferred fonts or brand-specific typefaces)
Icons style: (Flat, line, or 3D — or specific icon sets they want)
Imagery style: (Realistic photos, illustrations, or minimal graphics)
3. Features & Functionalities
Key screens needed: (e.g., Splash screen, Login, Dashboard, etc.)
Main features: (Voting, forms, search bars, etc.)
Navigation flow: (How users move from one screen to another — do they have a sitemap or flowchart?)
4. Content
Text for screens: (Headings, buttons, descriptions — or ask if you should use dummy text)
Images & graphics: (Profile pictures, product images, or placeholders)
Videos: (If any explainer videos or banners are involved)
5. User Flow & Wireframes
Do they have wireframes or sketches? (Or will you create them?)
What is the ideal user journey? (How a user should interact step-by-step)
6. Design Preferences
Inspirations: (Links to websites or apps they like — Dribbble, Behance, etc.)
Design style: (Minimalist, bold, corporate, playful?)
Animations: (Should buttons, icons, or pages have animations?)
7. Technical Requirements
Design tools: (Is Figma okay, or do they want Adobe XD, Sketch, etc.?)
File format: (Do they want final designs in Figma, PNG, or SVG?)
Handoff: (Should designs be developer-ready with proper annotations?)
8. Timeline & Budget
Project deadline: (Exact dates for drafts, feedback rounds, and final delivery)
Budget: (Is there a fixed budget or hourly rate?)
9. Feedback & Revisions
How many revision rounds are included? (e.g., 2-3 rounds of edits)
Preferred feedback method: (Email, Google Docs, or live Figma comments)
10. Access & Collaboration
Figma access: (Share project files via email or invite)
Team members: (Who will review and approve the designs?)
Ajayi Gold
Ajayi Gold
₦100.00
