INTERFACE DESIGN
WEB DESIGN

PROGRAMS USED:
︎ Figma
︎ Miro
︎ 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.

^ROLES
UI/Front-End Designer
Graphic Designer

^TEAM
3 Designers
1 CEO

^TIMELINE
4 Months

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.