INTERFACE DESIGN
WEB DESIGN

PROGRAMS USED:
︎ Figma
︎ Wordpress
︎ Adobe Illustrator

Throughout my internship at Tech With Heart, I was able to web design and web develop on the front end with 4 pages including 3d workspaces, business solutions, business systems, and marketing/sales.

Wireframing and prototyping was done through Figma, then I built the pages on wordpress.

Visual Sitemap for Pages 



Figma Design Overview 



The designs on Figma follow Tech With Heart’s brand guidelines, specific text styles with H1’s and H2’s, as well as CTA buttons that offer business solutions.


Prototyping ︎




TAKEAWAYS

What I've learned during this process


Impactful design solutions


The design solutions significantly improved user interaction and team efficiency. 


Collaborative Approach


Since we were all working remotely, it was crucial that we communicated efficiently during our weekly check-in's. This helped us keep in check and stay on the path to meet our goals.


Measuring Sucess


Using structures to web develop on the front end is vital, and this internship taught me the value of columns and sections. Even though I didn't know much about web development at first, I took the time to learn something completely new. With that being said, this experience showed me the value of creating consistent webpages that align with the company’s brand.