2017
Connecting College Students and Local Businesses
Using Design Strategy for a Better Mobile Experience
Company
Connect University
My Role
Lead UX Designer (Contractor)
Tools
- Sketch
- InVision App
- PowerPoint
- Ionic
- WordPress
Problem
Many college students are unaware of events, groups, and deals happening around campus, leading to feelings of isolation and missed opportunities for social engagement.
Process
- Mission Statement
- Vision Statement
- Value Propositions Definition
- KPI Refinement
- Tech Analysis
- Persona Definition
- User Flow Analysis
- Wireframing
- Mockups
- Strategic Planning
Outcome
The updated app successfully improved student awareness of local events and deals. DAU increased 23% within 2 weeks of the release of the design changes. Average session length increased by 34% and event attendance rose by 44%.
Problem Statements
Defining problem statements for a product is crucial because it clarifies the core issues that the product aims to address. It ensures that the development team has a clear, shared understanding of the challenges they are solving, which guides design and development efforts.
I took some time with the CEO of Connect University to define 3 concise and clear problem statements.

Mission Statement
A mission statement provides a clear and concise explanation of what a company or product aims to accomplish at a broad, strategic level. It outlines the core purpose and long-term goals, describing both the impact the organization seeks to have and the principles that guide its actions.
In addition to specifying what the company strives to achieve, a well-crafted mission statement also highlights the approach or methods it will use to reach these objectives, offering insight into its values, priorities, and direction.

Vision Statement
Crafting a strong vision statement is crucial to the success of a product because it serves as a guiding beacon for everyone involved. It helps all contributors and stakeholders to quickly re-align and refocus on the "big picture," ensuring that efforts are consistently aimed toward a shared future goal.
A vision statement captures the essence of "where we see ourselves" in the long run, painting a clear picture of the desired outcome or the ultimate destination the organization or product aims to reach. By providing this long-term direction, it fosters unity, motivation, and a sense of purpose across teams.

Value Propositions
A value proposition is the value promised to users. It is the reason they truly use the application in the first place. Having a clearly defined value proposition serves as an anchor for design decisions going forward. Below is the value proposition for Connect University.

Brand Attributes
I took some time to sit down with the primary stakeholder and talk about the core attributes of the company. Knowing these attributes allowed me to anchor back to them through all my design decisions and ensure higher satisfaction in delivery.
Engaging & Connected
Keep people feeling engaged and connected with their social circles
Modern
We should feel modern and progressive, not traditional
Inviting
We should feel inviting, welcoming both new and existing users
Independent
We are not part of the school branding, we are student focused, not faculty focused
Define Key Performance Indicators (KPIs)
Establishing Key Performance Indicators makes sure that there is an established means of measuring success.
Technology Analysis
I have a strength in understanding technology constraints since I have a bit of web development background. I wanted to make sure to conduct an audit of the technology stack so that I could keep feasibility in mind for my design decisions going forward.
Mobile App Framework - Ionic
- Cross Platform Deployments (Android and iOS)
- Utilizes Familiar Web Technologies (HTML, CSS, JS)
API Backend - Node.js/MongoDB
- JavaScript Powered Backend
Cloud Services - Amazon Web Services (AWS)
- Cloud-Hosted Deployments, Images, Content, etc.
- Scales with Increased Traffic/Usage
Content Management System - WordPress
- Non-Technical Content Authoring for Stakeholders
- Headless Integration with the Mobile App via REST API
- Mature Plugin Ecosystem for Editorial Workflows
Version Control - Git
- Collaborative Codebase
- Easy to See Previous Versions of the App
Technology Constraints
The app is built using the Ionic Framework. This essentially means that it is a mobile app containing a website wrapper. Features such as advanced photo editing, video editing, or anything GPU intensive should not be considered.
Customer Personas
Creating customer personas allows us to quickly remember who our users are, as well as provide an anchor for design decisions going forward; ensuring that every design decision lined up with the goals of our users. Working with the primary stakeholder, I was able to come up with the following 3 personas:



SWOT Analysis
SWOT stands for Strengths, Weaknesses, Opportunities, and Threats, and conducting a SWOT analysis allows a company to evaluate these four key areas in a structured manner. By examining its internal strengths and weaknesses alongside external opportunities and threats, the organization gains a comprehensive view of its current standing.
This analysis not only highlights the company's advantages and areas of competence but also encourages it to remove its "success blinders" and focus on potential shortcomings or vulnerabilities that may otherwise go unnoticed. Additionally, it enables the company to identify opportunities for growth and potential external risks that could impact its future. Ultimately, a SWOT analysis serves as a valuable tool for strategic planning and informed decision-making.

Hook Model
The Hook Model outlines the stages involved in creating habits through a product experience, helping companies design products that encourage users to return repeatedly. This model emphasizes the process by which users become "hooked," gradually forming habits around a product's use. An effective implementation of the Hook Model results in a compelling user experience that fosters engagement, retention, and loyalty, ultimately encouraging users to come back for more.
The following describes how the Hook Model is applied within the Connect University App, demonstrating the ways in which it drives user behavior and builds long-term engagement.

User Flow Analysis
The point of analyzing user flows is to help a business get an overview of all the flows a user could go through in their interactions with a product. Each flow can then be dissected and improved through business analysis, user testing, or heuristic analysis.
The first part of the user flow analysis was to create the flow outline. The flow outline lists the expected flows to be experienced by the user at a high level. For the Connect University app, the flow outline was the following:
- Signup Process
- Login Process
- Search for a Deal
- Claim a Deal
- Search for a Group
- Join a Group
- Search for an Event
- Attend an Event
- Start a Group Chat
- Updating Profile Information
The next step is to break down each flow into interaction steps, in the case of a mobile app this would be taps and gestures. Below is a quick visualization outline of the account signup process user flow.

Wireframing & Stakeholder Feedback
Wireframes are a great way to quickly get ideas out and validated by stakeholders without investing too much time and money into the nitty gritty details.
I created the following wireframes in an application called Balsamiq and presented them to the primary stakeholder before moving on to higher fidelity designs.


High Fidelity Mockups & Feedback
Once the wireframes were presented, iterated, and approved, I was then able to spend my time focusing on delivering high fidelity mockups. In a perfect world, the goal is for the developers to implement as closely as possible to the designs in these mockups; but you will usually find slight differences in the implementation.


Growth Strategy
A growth strategy lays out a high level plan of action for how awareness of a product will be achieved. I came up with the following growth strategy for Connect University.
- Increase brand awareness by providing value to potential users by writing blog articles related to their pain-points. These blog articles should end with a natural mention of our product and how it addresses the user's pain-point.
- Feature the product on startup/product websites.
- Pass out branded stickers and college school supplies on campus, these branded items should include a link or QR code back to the ConnectU website.
- Allow users to invite friends in their phone contacts or Facebook friends list.
- Search for qualified leads on Twitter talking about the pain-points we solve and provide value by responding.
- Answer questions on Yahoo Answers and Quora related to the pain-points we solve.
- Leverage student directories for lead generation and to A/B test email campaigns.
- Find student organization leaders on LinkedIn, send them leader targeted information regarding our product and how we can satisfy their pain-points.
- Allow college students to share events and groups on their Facebook pages.
- Place ads on the MBTA (public transportation) on routes that go to college campuses.
User Retention Strategy
I created a Retention Strategy so that the team would have a well defined action plan for keeping existing users coming back to the mobile app. Without a retention strategy, you are almost guaranteed to lose more users than if you had one.
- Send users a welcome email (with their name in it) with a clear direction of what to do next.
- Send users a triggered email after a set amount of time of being inactive, with clear direction on how they can be more engaged in their community (such as joining a group, sharing an event on social media, etc.).
- Make discount codes change daily (the discount code changes every day so that users must keep the app installed and keep opening the app to claim discounts at local businesses).
- Send users emails or push notifications about new groups at their campus as well as when new students join the app.
General Recommendations Going Forward
I quickly realized that analytics were not set up in the mobile application. This meant that we were virtually blind when it comes to quantitative analytics and how users really use the application. This also meant that we were unable to track key performance indicators (KPIs). I made an immediate recommendation to the product owner for the developers to incorporate analytics via Google Analytics.
I also realized we were missing out on a big opportunity to bring inactive users back via triggered time-delayed emails. For example, we should send a user an email if they don't join a group within a day. We should also send them an email if they have not attended an event within a week, or if they have not claimed a deal at a local business within a week.
The Outcome
Once the redesigned experience shipped, the impact on the Connect University community was both immediate and measurable. Students became noticeably more aware of the local events, deals, and groups happening around their campus, and the app finally began to function as the two-sided bridge between the student body and the surrounding retail economy that the original vision had described.
Within two weeks of release, Daily Active Users climbed by 23 percent, average session length increased by 34 percent, and physical event attendance rose by 44 percent. These numbers told a single, consistent story: when students could quickly find a reason to open the app, they stayed longer, returned more often, and showed up in person to the events and businesses that depended on them.
Just as importantly, the success validated the strategic foundation the redesign had been built on. The mission, vision, value propositions, personas, and Hook Model analysis were no longer abstract artifacts. They were the reason the metrics moved, and they became the reusable playbook the Connect University team would carry into every product decision that followed.