Nathaneb got their new web page design by running a design contest:
Help Modernize Our Innovative Career Exploration Site
Check out Nathaneb's Web page design contest…
Telo is a web/mobile platform to help young professionals discover, understand, and act upon new career opportunities. We want users to 1) Tell us where they are now (company, title, location) 2) Explore possible next steps in their career 3) Save possible next steps which are interesting to them 4) Take action to make themselves more likely to land one of these saved positions Target Audience: - Millennial professionals 1) in years 2-10 of their career or 2) students Junior/Sr/MBA - who are who are often passively looking at opportunities to grow as professional - seeking jobs in Business/Tech corporations or startups - United States based, Seattle will be first target location Identity: Young professionals who want to explore career options Aims: - Curiosity, Explore options; see what’s possible, access rich data, all in one place, Self knowledge/discovery - Compare situation to others, Increase confidence and make progress toward goals - Be informed and ready for career transitions when you want to make them or they are forced on you Values: - Transparency and authenticity - Keep options open, autonomy/choice - Non-Googleable data/insights, - beyond the obvious, growth mindset unconventional ideas/approaches
We need help with the design aesthetic of Telo! We want Telo to be much more visually stimulating, specifically for a millennial audience. We need the display of the information to be much easier to navigate with the eye, easier to consume/understand, and would like the information to pop. Next steps in the site should be more clearly defined. We are very open to your take on colors, fonts, and ways to simplify the design of the 4 sections/pages we highlight. etc. We ask that you use best practices to create a modern look and feel for the pages, and that the pages flow nicely together.
4 Pages: 1) Homepage 2) Dashboard 3) Career Explore 4) Career Details IMPORTANT: VERY IMPORTANT: We would like you, the designer, to spend time using the platform. Please go to www.Telo.net and enter the code "HelloTelo" to access the site. First: Explore the site freely to get a feel for the information, flow, data, etc. Next: Explore as a Professional, at Microsoft, As a UX Designer, In Seattle (This will help show you what the intended explore results look like when there is more data.) PAGE 1) Homepage: a. Objective: i. Easy to get started, enter the system, login or sign up ii. Convey top 3 value propositions via text or perhaps a video we create (can be lorum ipsum placeholders) b. Next Step i. Click the Get Started Link c. Emotion/Visual Feeling i. Intrigue, Want to Explore to find out what's next After checking the homepage, a user should think: "I care about my career, and I'm the kind of person who likes to understand my options." PAGE 2) Dashboard Objective i. Snapshot view of me - Telo knows about me ii. Snapshot view of my options to explore the platform - Telo has lots of opportunities for me iii. Easy access to the list of opportunities I'm building (the positions I've saved). Data displayed on the page i. A profile summary at the top about Me (for example, look at LinkedIn when you are logged in and on your "home page feed") 1) Image 2) Company 3) Location 4) current position title ii. Exploration Options: Try to steer the user to the next step (1), with 3 more options) 1) Explore Next Steps/Explore Opportunities (recommended next step) 2) Explore Next Companies 3) Explore Next Cities 4) General opportunity search bar (?) iii. Saved Positions (the user's personalized Career Board): An area where positions the user has saved appear. Each position in this section would be represented by 1) Company logo 2) Company name 3) Job title Next Step the user will take i. Choose one of the explore options and navigate to Explorer view Emotion/Visual Feeling i. Focused on you / personalized ii. Easy to consume / Easy to know what to do next iii. Empowering/enabling /"I have lots of opportunity" After playing with the dashboard, at the end of the session, we want users to feel that: "I have built a list of opportunities that I care about. This is consistent with my goal to understand the landscape of opportunities and I feel like I've made some concrete progress towards that." Design Examples: - LinkedIn profile: Don't need to reinvent how to show a profile header, so look at LinkedIn, Facebook, Twitter, etc. to make the site familiar. AirBNB: like that there are very few extraneous lines or borders to sections on the page. PAGE 3: Explore Careers (to get to this, click on the button on your dashboard page that says "See Your Career Map") Objective i. Display a wide range of opportunities that might be interesting to me ii. Understand why I'm seeing the results on this page iii. Digestible information, Allow me to easily scan, filter, and save/favorite positions, lead me to want to see the detail (as a click through) iv. Encourage browsing/Encourage clicking to get details of positions I find interesting. Information displayed on the page (see image attached for most current thoughts on a list/grid view design. Please don't design for the word cloud, we won't be using that) i. Explore keeping some form of the "Me" portion of your dashboard, in tact, as you head into explore view. Not a requirement, but an idea to keep the site feeling personal and contextual to ME. ii. Description of what this page is for and what it's showing. This needs to be very brief, the design should make it obvious. One line tops ex. "Welcome to the landscape of opportunities that match closest to you" iii. Controls for changing the search (which company and title you are starting from) iv. List of positions. Note that we currently have two ways to present the list of positions -- a word cloud and a table. Please focus on the table view. Positions include: 1) Company 2) Title 3) Salary 4) How often people move into this position 5) Plus additional details which will appear as columns in the grid v. Controls for filtering the search results Next Step(s) the user will take: i. Get details about positions you're interested in (done through the Learn More button today) or Save positions you are interested in. (Suggest a simple one word buttons) Emotion/Visual Feeling i. I have lots of opportunities ii. I can stamp my name on opportunities that I want Telo to inform me about later, and they will! The actions I take are easy, Lightweight and responsive Design Examples: Check out how popular career sites like LInkedIn and AngelList show career opportunities. Also see the attached document of our most current designed List View (not implimented on the site). PAGE 4: Position Details Page- once you click on a position in telo, this is what you will see. You can try it on the site and we have uploaded a page example as well. Objective i. Easily get detailed information about doing a particular job at a particular company ii. Save the position Data displayed on the page: See what's on the position detail page in the current design on Telo.net, use all of this info. This page should look more like an infographic if possible, not so many words. Icons and buttons in an easy to consume flow. This page has the most info, so make it easy to consume. i. Position info: Show first 200 ch and then "show more" ii. Company Info: : Show first 200 ch and then "show more" iii. Learn More: Idea- Make buttons that say what I am clicking, not the source of the content. Can still use company logos, but I should know why I'm clicking on the logo. □ Button 1: About (company website, should point to Company “About us” page) □ Button 2: Culture (Glassdoor) □ Button 3: Salary (Glassdoor) iv. Take Action: Currently not on the site, but add buttons for 1) Button 1: Save Position (should be the most prominent action to take) 2) Button 2: My Contacts (LinkedIN) 3) Button 3: All Contacts (Google + LinkedIn) 4) Button 4: Message (Coming Soon) v. Salary vi. job listings vii. where people work before and after this position: Please make this more visually appealing. viii. Skills ix. Years of Experience x. Schools (consider using school logos) xi. people I can contact who are in this position. Next Step i. Save Position if I'm interested in it ii. Go back to gridview or dashboard if I'm not interested Emotion/Visual Feeling i. Clarity ii. Responsive iii. Makes me want to take action and save the position!
What to avoid
We don't care for our current color scheme, it looks bland. Please don't feel compelled to use the current site colors, explore using colors that you feel will fit the design, look and feel.
VERY IMPORTANT: We would like you, the designer, to spend time using the platform. Please go to www.Telo.net and enter the code "HelloTelo" to access the site. First: Explore the site freely to get a feel for the information, flow, data, etc. Next: Explore as a 1) Professional 2) at Microsoft 3) As a UX Designer 4) In Seattle Why? This will help show you what the intended explore results look like when there is more data.
Every design category has flexible pricing for all budgets. Web page 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 web page design.
Designers across the globe delivered design magic.
Nathaneb collaborated with designers to refine their ideas
When design entries come in, you can rate them so designers know what you’re looking for in your logo design.
99designs has great collaboration tools so you can pinpoint and capture your ideas
And then… they selected a winner!
Alexey is an incredible designer. He followed our brief without many questions and managed to create clean, impactful, and modern looking designs that we are excited to work into our product. I look forward to continuing to work with Alexey in the future!
Along the way, they met lots of talented designers…
We think contests are a super fun way to get design.
Recently completed contests:
AED.US is a national medical supply distributor specializing in Automated External Defibrillators (AEDs)
consulting for strategic planning, family business and executive coaching
We sell sleep patches and other health supplements to individuals who want to optimize their well-being. "Bayani" is ano
We provide an anti-counterfeit solution for pharmaceutical companies, distributors, pharmacies, and consumers. Each year