<aside> 💡 Project: Landing page mockup and code
</aside>
<aside> 💡 Scope: Create a HTML and CSS website
</aside>
<aside> 💡 My role: Designer & Developer
</aside>
<aside> 💡 Goal: Design and code started in WK1
</aside>
<aside> 💡 Challenges: How can I present an artist's portfolio?
</aside>
<aside> 💡 Basic process: Mood board > Napkin Sketches > Wireframe > Code > >Validate > Launch
</aside>
<aside> 💡 Results: Template design for future portfolios
</aside>
Figure 1. Figma Mockup implementing a grid system.
Figure 1. Figma Mockup implementing a grid system.
Figure 2. Napkin sketches of possible designs.
Figure 3. Categorizing the initial mockup for code.
Figure 4. I made design iterations improved by doing secondary research for artist portfolios. The changes created an improved viewing experience for the user and potential clients.
GitHub - tiffanymackay/Artist-portfolio: A website for an artist's portfolio
The final project allowed me to focus on creativity and functionality through organization and design. I coded using Dreamweaver before uploading to Github.
Figure 5. Final mockup of design based on research and design iterations.