alexmarinov got their new app design by running a design contest:
Mobile app design for leading messaging, social networking and scheduling app for tennis players.
Check out alexmarinov's App design contest…
DAILY CHAT: I'll be available for 30 min for questions and discussion. Time: 7am San Francisco, CA; 11am Rio de Janeiro; 3pm London, UK; 7pm Tokyo Dates: July 15 Fri, July 16 Sat, July 17 Sun, July 18 Mon GoToMeeting (Chrome browser): https://global.gotomeeting.com/join/814038541 === Tennis Round is a messaging and discovery platform (website) for recreational tennis players, nationwide in the USA and around the world in over 6,000 cities. === https://tennisround.com/ === Majority of users are in the USA, but service is already used globally. People use the site to find local tennis courts and connect with other players to schedule matches and play tennis at home, or when they move or travel. We've had the site running since 2010 and we're now building a mobile app, starting with the main features. >> Design contest is on the PLAYERS screen (attached wireframe) << For a better idea of workflow and remaining screens visit these links: AUDIENCE (website visitors) Gender: Male 54%, Female 46% Age: 18-34 = 35% 25-34 = 25% 35-44 = 25% 45-54 = 20%, 55+ = 20% NOTE: Over 20% of audience is over 55 years old. We need to make this easy for them. MAIN WIREFRAMES with annotations (beyond Players) https://projects.invisionapp.com/boards/F63NNLJPXM4/ DOWNLOAD MAIN WIREFRAMES (for offline viewing) https://app.box.com/s/a6c3qn75gm4hndawu5thc1dtignbeacb DESIGN EXPLORATION (mobile app designs we like) https://projects.invisionapp.com/boards/SX3NNN5YJ2F/ TENNIS ROUND LOGO (source files) https://app.box.com/s/uxywxet55c1vrvpzcmol0l6zolwc58lx
SOURCE FILES Final source files can be in Photoshop (PSD), Adobe XD or Sketch. MOBILE DEVICE We need mobile designs for iPhone please. MOBILE OS We need designs for NATIVE iOS mobile app. We have to work with standard iOS components - filtering, notifications, navigation. This is not a website (HTML/ CSS) project. Please consider this in your design approach. STYLE We prefer flat minimal design, as in Google Material Design. High caliber, but fun, engaging, entertaining and friendly. We like the Strava mobile app experience, when it comes to sports apps. It's aspirational, clean and useful. DESIGN/ UX GOALS 1. Convey that app is global, not only US, but in over 175 countries. 2. Convey that app is nationwide in US, not only in one city, but in over 6,000 cities. 3. Enable users to quickly find a player and get out on the courts. 4. Enable users to send an invite or respond to one very quickly. 5. Make it easy to upgrade to Premium Membership and show value. IDENTITY/ WHO WE ARE Tennis Round is an online meeting place for tennis players. Through the site/ app users actually meet new players, not just keep a list of people they already know. Our focus is on discovery and introductions, and then on messaging. It's a transactional app, like Airbnb, Uber, Open Table. It's not a news site or a blog. It's important that players get in touch and communicate quickly, so they can set up a match, then go out and play. We're also a sports and community app, like Strava and Meetup.com, where we help increase tennis participation and build friendships through tennis. WHAT WE DO We introduce tennis players to each other, based on their skill level, location, gender and other factors, and also let them connect with players on their own. We provide a messaging platform for nearly 50,000 members. COLORS Current website colors (Hex Values): Blue: 3B7096, Green: 3B8C01, Light Green: 48B626, Light Gray: 3F3F3. WEBSITE https://tennisround.com/ BRAND RECOGNITION Let's try to figure out a way to help players recognize this is our app. Many don't remember the name of the site, or that they're already registered. Alternatively, go ahead and put forward your best design for the mobile app, they way you see it, and we'll rewrite the site at some point to inherit or resemble the mobile app design. VIDEO Watch this video to get an idea of how the site works and how players use it to send invites and messages. It's a bit old obviously, but still valid. https://www.youtube.com/watch?v=7h1HKYL_jJ0&index=18&list=UUi8WHLiIxfx7x4O35qCKzhQ
Screen for First Round of Design Contest = PLAYERS All Screens in Project: I) Overview/ Home, II) Messages Inbox, III) Respond to Invite, IV) Chat, V) Players. ===MAIN WORKFLOW=== I) OVERVIEW/ HOME 1. As a user I download the app and land on the Overview screen with brief app benefit(s), for example "Meet tennis players from over 6,000 cities in the USA and around the world". I flip through more Overview screens to get a better idea of what the app does and decide to join, or just login, if I'm a returning member. II) MESSAGES INBOX 2. I login and land on my Messages screen, where I see if I have any new Match Invites or Messages, and also see older message threads. III) RESPOND TO INVITE 3. From Messages screen I can select a Match Invite and respond by Accepting or Declining it, or reply with a clarifying question first, i.e. "How about we play next week instead?". Specifically, to Accept an invite I can tap Accept and follow up with a personal message. I can also tap a pre-written response "Yes, I'd love to play!", which flies off to the other player (without even clicking Send, as this one is not editable), and I'm now in a Chat screen/ mode (ala LinkedIn). IV) CHAT 4.1 Next I tap a new pre-written message, that I can see now on the same screen "How about Wed 7pm at Central Park?", which drops into the text field, and I edit it by adding the words "or 8pm" right after 7pm, and I click Send. 4.2 Still within that Chat screen I follow up with a personal message that I type in myself in the text field: "By the way, I plan on driving. Do you want to car pool?" and I click Send. 4.3 Chat screen is now showing the other player on top as the recipient, his inviting message , i.e. "Hey Alex! Would you like to play tennis this week, some time after work?" and these messages from me, that I just sent: "Yes, I'd love to play!", "How about Wed 7pm or 8pm at Central Park?", "By the way, I plan on driving. Do you want to car pool?". V) PLAYERS 5. I tap on Players in bottom nav and view nearby tennis players sorted by proximity. I click on a player and visit his Profile page to see who else he has played, see if he's played another guy that I know, and what their scores were. 6. I then go back to the Players Search results and see a player that I haven't played yet, Jim. I invite Jim to play suggesting time and place using pre-written messages suggested by app "Hey Jim, would you like to play tennis tomorrow Sat 6/3 at 5pm at Golden Gate Tennis Center?" I edit the time again adding another starting hour (6pm) to offer more options. "Hey Jim, would you like to play tennis tomorrow Sat 6/3 at 5pm or 6pm at Golden Gate Tennis Center?" 7. Then I add 3 other players to my Playlist (Group Invites/ Group Messaging) and from there I send them an invite asking if they want to play doubles next week. ===MAIN SCREENS, SPECS=== 1. OVERVIEW Welcome screen with Hero Image of a tennis pro (Federer/ Rafa/ Dimitrov) and a main benefit of the app, i.e. "Connect With Local Players At Your Level". 2. MESSAGES INBOX An inbox screen with all messages to date sorted by most recent, showing new Match Invites and Messages in bold (or other visual cue). All invites and messages show pic/ avatar of other player, his first and last name, skill level, gender, home court, city and state, date, time and preview of message itself (1-2 lines of text). I can distinguish between new (unread) and old (read) messages. I can scroll up and down the Messages Inbox and swipe left on a message to see the Delete button and remove a message. When I tap on a message I go to its CHAT screen, showing the other player's Profile main elements (picture, name, skill level, gender, age, home court) in screen Header, and conversation thread of all messages so far. If it's a Match Invite I see the RESPOND TO INVITE screen. 3. RESPOND TO INVITE From this screen I can reply to a Match Invite, which can by either sent by a human (Manual) or by our system (Automatic). This screen design is for responding to a Manual Invite. It shows the other Player's Profile main elements in the header (picture, name, skill level, gender, age, home court). To Accept a Match Invite I can tap the Accept button and add my own message in the text field, or select a pre-written message (which flies off immediately in the CHAT) and then follow up with my own personal message. Conversely, I can tap Decline to turn down a Match Invite, or select a pre-written message "Sorry, I can't play right now", or just reply in free text. The canned responses/ suggested pre-written messages idea is to eliminate friction and both reduce stress of composing messages, and save time and effort of typing text. We always discuss the same topics anyway - what time, day and court. Goal is to minimize all the back and forth and close the conversation cycle a step sooner. 4. CHAT Chat screen is where users exchange messages in the familiar Facebook Messenger, Whatsapp, Airbnb style. I can see the time stamp of each message and distinguish between my messages and those of the other player. I can also see the other player's main characteristics in the header (picture, name, skill level, gender, age, home court, city, state). To get to the CHAT screen a user would respond to a Match Invite (Accept/ Decline via buttons or pre-written messages) or Reply to it in free text. 5. PLAYERS Player screen shows search results of all tennis players within 30 miles, per phone's GPS location, or address/ city/ zip code entered in Search field. Results can be filtered by Skill Level (1.0, 1.5, 2.0, 2.5 through 7.0) and Gender (M/F) for now. Search results show each player's picture, name, skill level, gender, age, home court. I need to have the ability to add each player to my Playlist (which is a list of Favorites, that can also be used for Group Invites) and to Invite a player to play a match. We need to be able to add more filters in later releases (Age, Radius Search, and so on), so we should design UI to allow for extra filters.
What to avoid
1. Please don't hide the Level and Gender fields in a common Filters screen. They need to be always ON. These are critical filters in tennis. They will of course also live in the Filters screen, along with all other filters. But they must be prominently shown on the Players screen, as sketched in the wireframe (attached). 2. Let's try to avoid simply copying the wireframes into Creative Design just to make them look pretty. We'd like to see your own UX/ design approach and recommendations. For example, if you believe registration is better handled in a long scroll experience, instead of step by step/ wizard behavior, or if you believe Playlist (which is like Favorites/ Group Messaging) belongs in Messages instead of Players screen, please voice that opinion and present your alternative. 3. If you agree with the solution in some of the sketches and they really offer the best UX approach, then sure let's use them. But if you see things differently and can offer a better experience, please go for it. 4. Please do not introduce functionality we haven't asked for. We don't want to spend time cleaning up new ideas that are out of scope. We only want to build a mobile app for functionality we already support and can now extend to mobile devices. For example, we know that search for players by name is a good idea, but it's just not a priority for now. We want designs to be our final spec for this version, with no extras. If you have ideas, just jot them down and we can discuss them later, then decide on building them into the product, depending on other priorities. 5. This is the first version of the mobile app. It's focused on specific sections only. Many features from the website are out of scope - Coaches, Leagues, Games - so we're not going to cover them in this design contest. 6. Please don't try to redo our logo. It should go without saying, but often people try to do that. No need to spend cycles on this. Not a priority at all. 7. Let's avoid using rounded corners please. Let's stick to Strava/ Facebook type, flat angular style. 8. No need to add distance in miles for each player on Players screen. We don't currently support this on the website and it's a fairly low priority feature. It's not really how players decide on who to play. 9. Let's not treat the phone UI like it's a website. Specifically, when it comes to filters, let's not use dropdown directly from the filter (for Skill Level and Gender) as some screens are not even long enough for Skill Level. Instead, let's use one dedicated screen for all filters, and a slide up for individual filters that's easier to access from the bottom of the phone with one hand. See the Kiwi flight booking app filtering examples in Design Exploration (scroll down to filters): https://projects.invisionapp.com/boards/SX3NNN5YJ2F/
Every design category has flexible pricing for all budgets. App design starts at $599.
Full copyright with production-ready files for digital and/or print.
It all began with a design brief.
A quick, interactive guide helped them understand their design style and captured exactly what they needed in their app design.
Designers across the globe delivered design magic.
alexmarinov collaborated with designers to refine their ideas
99designs has great collaboration tools so you can pinpoint and capture your ideas
And then… they selected a winner!
The design was simple, yet elegant. It was so nicely balance and _roe got us the files so quickly after the contest. Love her work and thanks for a stellar design!
Along the way, they met lots of talented designers…
We think contests are a super fun way to get design.
Recently completed contests:
Survival supply, Ammo, Knives, Military helmets, bullet proof vests, Firearm Accessories ,
Mental health app for parents. Our mission is to help make parents live a happier lyfe - Connect with other parents who
We are a divorce and family law firm serving primarily high net worth clients
We manufacture products that we sell to convenience stores, hotels, and other businesses. Our clients resell our product
The CMP Summer Camp Program provides marksmanship training and firearm safety to high school rifle athletes across the n