Web Design Mini Projects

Web & UI Design

College Project

Strive Website Tour
Town of Islip Website Redesign - Webflow
Strive Brand Ads

About Project

A few videos showcasing functional websites I built in several web design tools. Strive was built in WordPress, while the Town of Islip website redesign was built in both Webflow and Framer as a learning exercise. The websites are fully scalable to work on both phones and widescreen displays.

About Project

A few videos showcasing functional websites I built in several web design tools. Strive was built in WordPress, while the Town of Islip website redesign was built in both Webflow and Framer as a learning exercise. The websites are fully scalable to work on both phones and widescreen displays.

Project Phases

Brand Development/Redevelopment

These projects followed a similar structure, where I first developed content for the brand. This included establishing a logomark, typography styles, color palette, and image treatment to be used in the website.

Wireframing

I then moved to wireframing, which was performed by sketching on paper, as well as through utilizing Adobe Illustrator and Adobe XD. With the wireframes finalized, I began to place in visuals and make adjustments. 

Web Design

I then imported or recreated my wireframes in the respective website building tools: WordPress for Strive, Webflow and Framer for the Town of Islip Redesign.

Project Phases

Brand Development/Redevelopment

These projects followed a similar structure, where I first developed content for the brand. This included establishing a logomark, typography styles, color palette, and image treatment to be used in the website.

Wireframing

I then moved to wireframing, which was performed by sketching on paper, as well as through utilizing Adobe Illustrator and Adobe XD. With the wireframes finalized, I began to place in visuals and make adjustments. 

Web Design

I then imported or recreated my wireframes in the respective website building tools: WordPress for Strive, Webflow and Framer for the Town of Islip Redesign.

Project Responsibilites

Web design

User interface design

Brand identity development

Project Responsibilites

Web design

User interface design

Brand identity development

Project Responsibilites

Web design

User interface design

Brand identity development

Programs Used

Adobe XD

Adobe XD

Adobe XD

Webflow

Webflow

Webflow

Framer

Framer

Framer

Figma

Figma

Figma

Wordpress

Wordpress

Wordpress

Adobe Illustrator

Adobe Illustrator

Adobe Illustrator