Case study: Staff profile pages
- University of South Australia was seeking ways to improve exposure of academic staff.
- The outcome was to redesigning online staff profiles to be more engaging, leverage data from multiple systems for each staff member and retain the ability for staff to include their own content in the profile.
- Provide project guidance, and undertake all, front end design tasks
- Develop production front-end code and template assets
Initially some 'inspirational' visuals were sketched to demonstrate potential forms the user interface may take. These loose conceptual sketches were as much tools to trigger ideation and conversation as starting points for wireframe diagrams.
High level wireframe diagrams
Working from sketches and conversation outcomes initial wireframes were created. These were used to help test feasibility and solidify ideas. The resulting visuals were also more easily consumed by some stakeholders. New design and content configurations were still experimented with during this stage of development.
Detailed wireframe diagrams
Higher fidelity wireframes were created to test and refine favoured designs from previous rounds. Designs were distilled to a reduced set of options for consideration by stake-holders
Final design mockup
As a final action in the design phase of the project accurate desktop, tablet and mobile mock-ups were created. Content from actual data sources was also inserted to demonstrate that interfaces catered for real-world usage.
Coding of finished front-end
Once reviewed and tested the front-end code was delivered for implementation. Once implemented testing and refinements were undertaken in an interactive fashion.