Since we were founded in 2014, #include at Davis has reinvented itself and it has adapted to better serve the current needs in Davis. However, the previous website did not provide enough value to our current members and members who are interested in joining our organization.
Project Goals & Approach
The goals of this project include:
Improved navigation paths (user journey)
Responsive design
Provide resources to students attending UC Davis
Showcase past & current projects
Step 1: Research (Framing the challenge)
Think about the type of solution you want to build by identifying pain points
What is the goal of this design project?
What is the outcome/vision of this product?
What does the website intend to accomplish?
Think about constraints
Why build a website?
Is there any existing research?
Any engineering constraints?
Step 2: Users, personas, defining the audience
What are the different types of students that see our content?
What are the common use cases of our website?
Step 3: User flow & low fidelity wire framing
Draw wireframes based on a user flow
Draw critical screens such as homepage to better understand need
Step 4: Usability study
Write a protocol to test the product
Recruit participants from range of different backgrounds
Step 5: High fidelity wire framing
Refine the prototypes based on feedback and takeaways from the usability testing
Step 6: Hand off for development
Write the necessary specifications and constraints for the developers
Project Deliverables
Initial research stages
Competitor analysis
Affinity mapping
Personas
User Flows
Ideation
Wireframing
Low-fidelity & High-fidelity
Interactive prototype
Website Style Guide
Final Results - Case Study
Want to print your doc? This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (