This is a small side project done as volunteer for the community of Austin Women in Technology. They wanted to redesign their webpage while keeping the subscription to Wild Apricot Membership Software in which they had the subscription back-end integrated, this made the front-end features very limited.
Working with these software limitations and with some surveys to the stakeholders I designed 3 wireframes for their home page to better show the value of the organization and restructure the top navigation.
CONCEPT 1:
- Assets: Mix between pictures and icons
- Top Nav:
About us: Will detail the vision and mission, board members with linkedin links and the work with social partners.
Membership: Further details on the benefits, clarify price, social links to invite friends to join, and pictures of the AWT community, CTA to get involved and Contact
Events: First AWT events are presented followed by community events.
Get involved: Volunteer, Donate, sponsor or partner.
Contact form
CTA to Sing in for members
Membership: Further details on the benefits, clarify price, social links to invite friends to join, and pictures of the AWT community, CTA to get involved and Contact
Events: First AWT events are presented followed by community events.
Get involved: Volunteer, Donate, sponsor or partner.
Contact form
CTA to Sing in for members
- Home page structure:
Provides an overview of AWT for people interested in joining or sponsor, membership benefits are presented to catch attention
Hero: Clarifies value proposition/Vision with a subtitle and text, CTA to social media
What we do: Relates the core key actions with how are those achieved through particular activities,
CTA to about us
Membership/ events: Overview of benefits with icons, overview of events. CTA to become a
member and see events details (The latter can be replaced by a register or share).
They support us: Sponsors’ icons on white background, interaction to see all, CTA to sponsor.
Footer: Links to all pages, Contact, CTA join email list and social links
CONCEPT 2:
- Assets: Mostly Icons and vectors
- Top Nav:
About us: Will detail the vision and mission, board members with linkedin links and the work with social partners.
Membership: Further details on the benefits, clarify price, social links to invite friends to join, and pictures of the AWT community, CTA to get involved and Contact
Membership: Further details on the benefits, clarify price, social links to invite friends to join, and pictures of the AWT community, CTA to get involved and Contact
Events: First AWT events are presented followed by community events.
Get involved: Volunteer, Donate, sponsor or partner.
Contact form
CTA for sponsor and donate
Get involved: Volunteer, Donate, sponsor or partner.
Contact form
CTA for sponsor and donate
- Home page structure:
Provides an overview of AWT for people interested in joining or sponsor, membership benefits are not fully presented, it focuses more in AWT general view
Hero: Clarifies value proposition/Vision, CTA to membership. Icons presenting the 4 main actions(connect, learn, grow and lead)
About us: Short text with the vision/mission, CTA to learn more—& About us
How we do it: Briefly presents some of the activities to achieve the vision, CTA to become a member
Events: Overview of events, CTA events details (The latter can be replaced or extended to register or share). It is possible to include some images; it is quite text heavy now.
They support us: Sponsors’ icons on white background, interaction to see all, CTA to sponsor.
Community partners: Picture plus details on their mission and how does AWT support them
Footer: Links to all pages, Contact, CTA join email list and social links
CONCEPT 3:
- Assets: Pictures plus icons
- Top Nav:
About us: Will detail the vision and mission, board members with linkedin links and the work with social partners.
Membership: Details benefits, clarify price, social links to invite friends to join, and pictures of theAWT community, CTA to get involved and Contact
Events: First AWT events are presented followed by community events.
Get involved: Volunteer, Donate, sponsor or partner.
Contact form
CTA for sign in
- Home page structure:
Provides an overview of AWT for people interested in joining or sponsor. Provides multiple call to actions for sponsor, membership and donation.
Hero: Clarifies value proposition/Vision with a subtitle and text, CTA to membership, donate and
sponsor. Presents the 4 main actions (connect, learn, grow and lead)
About us: Short text with the vision/mission, CTA to about us *How we do it: Briefly presents some of the activities to achieve the vision plus the working with the community partners, CTA to become a member
With the support of: Sponsors’ icons on white background, interaction to see all, CTA to sponsor.
Membership: Overview of the benefits with icons, CTA to membership
Events: Overview of events, CTA events details (The latter can be replaced or extended to register
or share). It is possible to include some images; it is quite text heavy now.
Footer: Links to all pages, Contact, CTA join email list and social links
The stakeholders selected concept 1 and included some parts of the concept 2. You can see the site live here http://www.awtaustin.org/
