Design Work for Technica 2021

UI/UX Design

Main Website

Goals for This Year's Website

Personalize our website to appeal to three user profiles: hacker, mentor, & volunteer. Each profile has different needs and we want to make sure we are catering to each of them while keeping our website consistent and easy to navigate.

Questions to Ask Ourselves:

• How should our content change to reflect each user profile?
• What sections should we add to appeal to each user?
• How can we get more hackers, mentors, and volunteers to sign up?

How can we meet the needs of each user profile?

• Creating a separate webpage for each type of user (hacker, mentor, volunteer)?
• Or having one website, with sections that can be clicked through based on whether you want info on hackers, mentors, or volunteers?
• Other options?

Early Registration Portal

Registration Launch Proposal

We have an ambitious goal this year of hitting 4,000 hacker attendees in November. To do so, our strategy consists of 3 main pillars:

1. Improved marketing, through a large ad budget, press, influencer marketing, video, ambassadors, a referral system, and much more
2. Internationalization, enabling us to reach new markets like the UK and India that do not have gender diversity hackathons
3. Frictionless registration, launching registration as early as possible and enabling hackers to sign up in less than 60 seconds

There are 3 components of this effort:

• Design mockups for main site and custom registration portal (Design Team)
• Static main site, used to educate prospective attendees about what Technica is, how they can register, and other logistical info like date/venue (Web Team)
• Note: this is not the full main site, more of like a hybrid sleeper/main site with very basic info
• Custom registration web app, which enables attendees to register incredibly seamlessly and quickly (Platform Team)

Metrics of Success

• Design mockups are complete and ready for development by May 10
• Static site/registration app are feature complete and ready for testing by May 25
• Registration launches across our social media by June 1
• Average hacker registration time is < 60 seconds
• 2020 average was ~30 mins
• Registration completion rate is > 80%
• 2020 average was 41%

User Registration Flow

1. User goes to Technica main site and clicks the “register” button
2. User is taken to the custom registration portal
3. User is prompted with 3 options:
• Register with Google
• Register with Facebook
• Register with email
4. Use Facebook/Google Oauth to get their name, email, etc.
5. Check via email if user has registered for Technica before, if so then pre-fill their info and ask them to confirm it’s correct
6. Ask them to select their school from a drop down
• Get a custom database of all universities and high schools
7. Ask them to enter their address using Google autocomplete
8. User is presented with a finished screen and gets a confirmation email with referral code info

2021 Technica Registration Portal

Product Design

Graphic Design