ttbmockup.png

TechTogether

Showcasing yearly impact report and advertising future events

Project Type: Web Design & Development

Time: March 2019 - April 2019

Role: Lead Developer & Designer

Skills: Web Design & Development, Wireframing, Prototyping

Tools: Figma, Adobe XD, Adobe Illustrator

Overview

In March 2019 I was tasked with leading the design and development of TechTogether Boston's annual report landing page of the 2019 event. I was given statistics and event photographs and was tasked with displaying the information in a straightforward and attractive manner. The report would be used to show potential sponsors what impact the event had on women in computer science. I was given a tight deadline for this project, and I had to work efficiently to maximize my available time. I led the design and development of this project.

After the completion of the annual report, I was also tasked with creating the landing page for the TechTogether New York inaugural event. The page would be informational, to promote the upcoming event and provide information. I completed the design of this project and created all the original illustrations to be used on the page.

I used Figma to complete both projects as it allowed me to easily share my work with others, and receive their feedback/critiques.

Screen Shot 2020-03-02 at 5.05.48 PM.png

The homepage of the report

2019 Annual Report

Below are some screenshots from the 2019 Annual Report landing page, on both desktop and mobile. At the time of development, I was on co-op at MullenLoweUS, so I had the chance to use my Quality Assurance/Testing skills I had learned for webpages.

Screen Shot 2020-03-23 at 5.36.42 PM.png
Screen Shot 2020-03-23 at 5.36.55 PM.png
Screen Shot 2020-03-23 at 5.47.34 PM.png
Screen Shot 2020-03-23 at 5.47.05 PM.png
Screen Shot 2020-03-23 at 5.46.31 PM.png
Screen Shot 2020-03-23 at 5.46.13 PM.png
Screen Shot 2020-03-23 at 5.46.43 PM.png
Screen Shot 2020-03-23 at 5.47.22 PM.png