1. Discovery
Briefing
IUOE Local 115 participants:
Business Manager, Treasurer, and Senior Marketing and Communications Manager.
Business Manager, Treasurer, and Senior Marketing and Communications Manager.
Design agency participants:
CEO, Content Strategist, and Lead Designer.
CEO, Content Strategist, and Lead Designer.
- Meeting with client at their headquarters to know what, why, when, who.
- Observation of materials/designs for inspiration.
Gathered requests
Four users:
20-65 year-old union members, retirees, recruitment team, contractors
20-65 year-old union members, retirees, recruitment team, contractors
Visual preferences:
Bold, dark backgrounds, grunge fonts, angles, metal textures, modern
Bold, dark backgrounds, grunge fonts, angles, metal textures, modern
Voice:
Inspirational, "cool club", "bad ass"
Inspirational, "cool club", "bad ass"
Functionality:
Informative, new member sign up, newsletter subscription, job applications
Informative, new member sign up, newsletter subscription, job applications
Technical aspects:
Wordpress, limited plugins, CRM integration, mobile first for on-site recruitment
Wordpress, limited plugins, CRM integration, mobile first for on-site recruitment
Font inspiration
Photograpy inspiration
Texture inspiration
2. Concept
Moodboard
- Determine the look & feel for the website.
- A darker orange as included to improve contrast (accessibility) on light backgrounds.
Responsible
Lead Designer
Moodboard (first submission)
Approved moodboard (second submission)
3. Site map
Analysis of old site
- What is working and what is not
- Type and amount of content/information
Create the new structure
- Navigation and footer
- Pages, subpages, posts
- Call-to-action sections
Responsibles
Lead Designer
Content Strategist
Approved site map (second submission)
4. Prototype design
Mobile first
Create a prototype of the full site based on the approved moodboard and site map.
Visually aggressive, high-impact aesthetic that successfully appeals to the 'bad ass' culture of recruitment, while maintaining accessibility and clear navigation for diverse users, including 65-year-old retirees and contractors needing critical information.
Presentation
The first prototype was presented in person, at the IUOE Local 115 headquarters to the Business Manager, Treasurer, and Senior Marketing and Communications Manager.
Responsible
Lead Designer
Software
Adobe XD, Illustrator, Photoshop
Artboards of the prototype (first submission)
Approved artboards of the prototype (fourth submission)
5. Web development
Internal handover
Briefing for design-to-development handover.
My role
- Export design assets (logos, photos, icons, fonts)
- Review site (design and functionality)
- Polish design (CSS/HTML)
- Feed content
Simultaneously, the Content Strategist works on the content (voice, grammar, readability, etc.)
Responsibles
Lead Designer
Front End Developer
Content Strategist
6. Migration & Launching
Final review/testing of the site (design and functionality).
Responsibles
Lead Designer
Front End Developer
7. Training
Online session
Training session with the Senior Marketing and Communications Manager and 2-3 more members of IUOE, to explain how to upload/update the content (Job listings, Campaigns, News).
Responsibles
Lead Designer
Front End Developer