Paper Wireframe
My Process
I started by meeting with the director of our program, Shonna, who had sourced the requirements from our client, 75 North. Shonna noted that our client was looking for a clean, simple portfolio site that would give information to potential tenants and allow them to sign up for an email list that would provide more information. Taking this information, I created a paper wireframe.
Next, I created a digital mockup for a Bootstrap-style website using Sketch.
Initial Mockup
Finalized Mockup
After meeting with the client to look at the mockup, I modified the mockup to include font preferences, branding colors, and updated content. Then, I built the website using Brackets as a code editor, Bitbucket as a code repository, and Filezilla for file management.