Pauline & Victor from AppScho got their new web page design by running a design contest:
Appscho, mobile app for every Higher Education student, needs a performing new design
Check out Pauline & Victor from AppScho's Web page design contest…
Appscho : The ultimate mobile app for every Higher Education student AppScho is an edtech (education technology) start-up which was created in 2015. We create mobile apps to provide students the only solution they need to connect with their campus and manage their academic experience, therefore ensuring the best student experience. Some of France’s top schools and Universities already onboarded : HEC, Edhec, ESSEC… We are determined to provide the most trusted and used apps in Higher Education.
We are only known by our clients, but not our end-users (students) as we sell white-labeled apps. Therefore our website is almost exclusively aimed toward our clients (Universities, Colleges, etc.) and must reflect both our expertise and our overall "startup" color. We are thinking about something light int the design, emphasizing the core values of working with us ("go mobile", "offer a digital experience", "stay connected to your students") rather than going into endless details explaining every piece of feature available. The point of our redesign is the following: we want to trigger a questioning among our prospects ("should I get a mobile app for my school?") by advertising, in a clear and simple way, that they should jump on the digital "hype" (please note our Clients are more digital novices than experts). It is then expected a design that can highlight key information with the use of big graphics& illustrations, rather than textual content. It is up to you to decide if we should go for a "step-based" design (where you need to go from the 1st content to the last one in top-down order) or a "block-based" design (where every block of content can be taken separatly and out of the website context).
Please refer to the attached document for details on mock-up. All the provided wireframes are given solely as loose guides to the way we want pages to be laid out and structured. The artist discretion is welcome. --------------------------------- 1. Template 1: Homepage Just like every single page, it as the Header and Footer. The page has 4 blocs • Bloc 1: Main statement o Title + short text + 2 key elements that we want to put forward + picture (illustration • Bloc 2: Clients o One horizontal line o On this line there are 5 or 6 items. o Each item is made of one logo + short text. o We can see different items by clicking on a arrow • Bloc 3: Benefits o One horizontal line with 3 items o Each item is made of one picture + short text. o A button “know more” redirects to the web page “features” (template 2) o When you click on an item, the user is directed to the web page “features” (template 2) • Bloc 4: Strengths o One horizontal line with 3 items o Each item is made of a short text. o A button “know more” redirects to the web page “How it works” (template 3) 2. Template 2: Features Just like every single page, it as the Header and Footer. The page has 2 blocs • Bloc 1: List of features o One vertical line with 5 items o Each item is made of one logo + key message + picture + long text which explain in more details o When you click on an item, the user is directed to the web page “Use Case” (Template to come at a later stage) o When you click on “more information”, the user fills in a “request a demo • Bloc 2: Key elements o One horizontal line with 3 items o Each item is made of: short text (key message) + picture o When you click on an item, the user is directed to the web page “How it works” (template 3) o When you click on “how it works?”, the user is directed to the web page “How it works” (template 3) 3. Template 3 : How it works ? Just like every single page, it as the Header and Footer. The page has 2 blocs • Bloc 1 : Technical aspects o 3 items o Each item has: key message (short text) + picture + « more informations ». When you click on this, the user sees the rest of the text. • Bloc 2 : Operational aspects o List with 2 items o Each item is made of : short text (key message) + Picture 4. Template 4: Clients Just like every single page, it as the Header and Footer. The page has 4 blocs • Bloc 1: 2 types of entries o The 2 types are: clients & use cases o The « use cases » redirect to the web page “Use case” (template to be provided) • Bloc 2: Types of clients -> 4 types o The types of clients are: business school, engineering schools, universities, o When the uses select a type of clients, the information’s in bloc 3 and 4 change. • Bloc 3 : Quotes (from clients) -> 1 entry (Citations) o One quote at a time, but which can rotate if many quotes o Quote is made of : short text + picture o Button « know more » redirect to the webpage “use case” • Bloc 4 : Schools (Etablissements) o On this block, list of items o Each item is made of logo + short text o Number of items will vary according to the selection made in bloc 2 (Type of clients) 5. Template 5: Who we are Just like every single page, it as the Header and Footer. The page has 4 blocs • Bloc 1: Vision o Short text (key message) + long text + picture o The long text can be seen when clicking on it (or mouse over…). The objective is too too many clicks for the user) • Bloc 2: Who we are o Same structure as block 1 • Bloc 3: Team members o List of items o Each item is made of a picture + short text (title and description) • Bloc 4: The entire team o Team picture ---------------------------------------- The other pages pages (6 to 9) will be done in a one to one relationship with the winner of the contest. 6. Template 6: Careers Just like every single page, it as the Header and Footer. • Bloc 1: Titre o Main block (title) + 4 vertical blocks • Bloc 2 o This block has 2 items. Each item has short text (key message) + long text + picture o The whole text can be seen when you click on “more” o We want to make sure the whole content is available on a single page, to avoid too many clicks for the user. • Bloc 3: Values o Each item has: title + short text + picture • Bloc 4: Current openings o Presented by departments o Once you click on a job offer, you see the whole content 7. Template 7: Partners Just like every single page, it as the Header and Footer. This page links to the webpage “how it works” (template 3) • Bloc 1 o Title + text • Bloc 2 o 4 vertical elements o Each element has: short text (key message + logos) o There will be up to 4 or 5 logos 8. Template 8: Other pages Just like every single page, it as the Header and Footer. o Press o Terms of service o Privacy & Accessibility o Learning Center 9. Template 9: Request a demo • We can use the existing form.
What to avoid
https://pocketcampus.org/v2/home-fr#v2/home/intro-fr : Not nice, too many font, bad integration, badly organized; we don’t understand what they do https://domoscio.com/accueil/ Not nice, too many font, bad integration, badly organized
*Objectives of our website Our site https://appscho.com/fr/ presents the company, our product, and its benefits. The main goal of our website is to generate leads which are willing to have a product demo. Our clients belong to the higher Education sector: business schools, universities across France and Europe. Our key buyers are CTO (Chief Technical Officer), CMO (Chief Marketing Officers) of those organizations. As such, they are highly educated and age between 35 and 55. As such our site must be professional, very well structured, easy to read (and understand what we do), refined. *General impression Here is what we would like our future leads think when they they arrive on our website Appscho is the mobile application expert within the Higher Education sector and I really want to work with them and book a demo with them. • They know everything about this sector: o they know everything about their issues and process, o they work with the key main players o they understand the students’ needs to get the utmost mobile campus experience • They are mobile experts *Miscellaneous **Please refer to the attached document for details on mock-up. All the provided wireframes are given solely as loose guides to the way we want pages to be laid out and structured. The artist discretion is welcome. **Please bear in mind that pages (6 to 9) will be done in a one to one relationship with the winner of the contest. **Media kit is available here : https://appscho.com/s/AppScho-Kit-Media.zip (pictures, screenshots, logos) Good luck to you all.
Every design category has flexible pricing for all budgets. Web page design starts at €549.
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.
Pauline & Victor from AppScho 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!
Really enjoyed working with CC. What a great designer, so energized about my project that they managed to get us more excited than we already were. Very insightful designs. wonderful use of color. If your working on a project and need someone to come at it from all angles, CC is a great choice.
Along the way, they met lots of talented designers…
We think contests are a super fun way to get design.
Recently completed contests:
Redesign the Clearworks.com homepage for a simpler cleaner and more modern look using the same content. You can use cust
StoreHouse Technologies sells high end Data Storage and Servers. Hardware RAID, SAN Solutions, Tape Libraries and Enter
Our website is an online calculator that helps to estimate rooftop solar panel size and cost based on customer's input.
We produce detailed quotes, proposals, and RFPs for independent sales agents of cloud, internet, and phone services (tec