IBEW1600’s old site had not been updated for over a year when we first started talking with them. The old site required hiring a developer any time an update needed to be done and was cumbersome and complicated to use. With the new site IBEW1600 wanted to bring their site design and functionality into this current era and wanted to take back some control over the management of the site.
IBEW LOCAL 1600
What We Delivered:
- Information Architecture
- User Experience
- User Interface Design
- Frontend Development
Before
After
ABOUT THE TASK
This digital modernization effort IBEW 1600 would to not only improve the look and feel of IBEW1600 but also was to improve the overall user experience and professionalism of their website. The new site should be a an easily editable site that scales for mobile, tablet, and desktop experiences. The new site should also leverage modern web trends while also creating a cohesive theme throughout the site.
STRATEGY
IBEW had a ton of dead links that didn’t work and many links that were so far buried that they had never been found or used. The goal with our IA was to bring the most important links to the forefront and create a site architecture that drives users to the links they are looking for.
USER EXPERIENCE
Our User Experience phase is fueled directly by our Strategy. We take the things we have learned from our strategy and develop wireframes that take into account users, personas, and the goals that drive them. Our wireframes are high fidelity, meaning that they take into account the exact layout, typography, and functionality choices that will drive the site and serve as a 1:1 template that we then build our design mockups from.
USER INTERFACE DESIGN
For our design phase we take our wireframes that have been developed and then skin them with the appropriate colors, type treatments, and imagery to make the wireframes come to life. The UX and UI phases are iterative and go through many rounds of revisions and changes while working with the client in order to get something that is not only functional but also meets the clients goals and objectives.
DEVELOPMENT
For our development approach we built a fully custom WordPress experience. Our WordPress experience not only focused on the ease of use for the front-end of the website but it also enabled authors to be able to easily add, edit, and remove content through our custom backend.
Technologies Used:
- WordPress
- Bootstrap
- HTML5/CSS3
- SASS
- jQuery
