web Design challenge
Timeline: 3 Hours
My Role: User Researcher, UI/UX Designer, Visual Designer
Tools: Adobe Photoshop
Methods: User Persona, Competitive Analysis, Rapid Prototyping, Wireframing
When you have a lot of information that you want to surface, how do you do it effectively? How do you entice users to interact with your content?
My solution to this problem is to give users a good "sneak peak" of the content so they know what they can expect. In this mockup of a San Francisco tourism site, the highlighted "Learn More" invites users to take action.
San Francisco is arguably one of the most dynamic and diverse cities you can find. The number of must-see attractions rivals any city in the world, but three are especially well known. My task was to design a website wireframe for desktop users with the list of 3 attractions. Each attraction has its own video, description, and promotional item.
The PDF below outlines my full process, which includes understanding the user, competitive analysis, and rapid prototyping from low-fidelity to high-fidelity: