Challenge Summary
Welcome to "Wipro Women in Business - Responsive UI Design Challenge", we are looking for your skills to design a user interface for a simple responsive web application that will support the Women In Business initiative.
Challenge Objectives
We are looking for your skills to design a user interface for a simple responsive web application that will support the Women In Business initiative, and will display:
Project Background
Wipro has been striving to inspire the next generation of women to pursue careers in technology. The absence of women’s expertise and leadership voice from technology perpetuates bias and women’s socio-economic exclusion in society. We believe women need to see and hear more from leaders, so they can believe that technology is one of the best careers for women! To that end, this Women in Business program brings together technology and business leaders to showcase their wisdom, their journey as an industry shaper - and this, through the form of a video series, and in-person events like roundtables and receptions. This web page will be the home for the Women in Business program, to showcase all the videos recorded with powerful women leaders across the globe, and these events.
Your design should support the following devices:
Required Screen
This is the key requirement for this challenge. You should focus on creating a responsive landing page to display the following information:
*These interview videos are the main content type of the program that we would like to showcase. These are videos with globally powerful, corporate women who are CEOs and CIOs etc. We want to showcase them. There are 12 such videos currently, with more being developed every quarter. The design of the videos section should be such that 1) we can showcase the name, title, company of the interviewee, and one line on what they’re talking about in the video, and b) visitors can easily scroll through all the videos available, so they can realise the scope of the program, and enjoy as many videos as they like. Easy discoverability of the videos is critical requirement in this section.
** An example of an upcoming event is attached below. The section should include Headline, 3-4 line topic summary, speaker details, event date-time-location, ability to email us if someone wants to attend. Once the event is over, this section will be deleted, and a video or image gallery from the event will be uploaded to the Past Events section.
Your design should look fresh, modern, elegant and chic. Make it stand out at first sight!
IMPORTANT
Your design should be a single page. The user should not leave that page and there should not be multiple screens.
Form Factors
Please make sure your design supports these form factors:
In-scope
Operating Systems
Responsive Web Application:
Branding Guidelines and Resources
Please notice that you can get information for the site from those videos. We highly recommend to watch them.
Design Assets
Target Users
Final Deliverables
Round 1
Only members that register for this challenge will see this description.Round 2
Only members that register for this challenge will see this description.Challenge Objectives
We are looking for your skills to design a user interface for a simple responsive web application that will support the Women In Business initiative, and will display:
- A series of video interviews
- A simple “Women in Business Events” section that will showcase any upcoming events (Headline, 4-5 line topic summary, speaker details, event date-time-location, ability to email us if someone wants to attend)
- 2-3 videos of past events, with the option of creating a photo gallery for the events we do not have videos from.
- Provide the ability for users to share videos via social media (LinkedIn, Twitter, Facebook)
Project Background
Wipro has been striving to inspire the next generation of women to pursue careers in technology. The absence of women’s expertise and leadership voice from technology perpetuates bias and women’s socio-economic exclusion in society. We believe women need to see and hear more from leaders, so they can believe that technology is one of the best careers for women! To that end, this Women in Business program brings together technology and business leaders to showcase their wisdom, their journey as an industry shaper - and this, through the form of a video series, and in-person events like roundtables and receptions. This web page will be the home for the Women in Business program, to showcase all the videos recorded with powerful women leaders across the globe, and these events.
Your design should support the following devices:
- Desktop (1280px width and height increased as needed).
- Mobile (750px width and height increased as needed).
- Tablet (1024px width and height increased as needed).
Required Screen
This is the key requirement for this challenge. You should focus on creating a responsive landing page to display the following information:
- Logo (WOOL by Wipro)
- Hero banner, that says Women in Business right upfront. This shouls also include a brief wriet up about the program (text included at the end of the brief)
- Women in Business Videos * section
- Upcoming events,** section
- Past Events section (Image gallery/video from every completed event)
- Newsletter Subscription
- Social Media Sharing
*These interview videos are the main content type of the program that we would like to showcase. These are videos with globally powerful, corporate women who are CEOs and CIOs etc. We want to showcase them. There are 12 such videos currently, with more being developed every quarter. The design of the videos section should be such that 1) we can showcase the name, title, company of the interviewee, and one line on what they’re talking about in the video, and b) visitors can easily scroll through all the videos available, so they can realise the scope of the program, and enjoy as many videos as they like. Easy discoverability of the videos is critical requirement in this section.
** An example of an upcoming event is attached below. The section should include Headline, 3-4 line topic summary, speaker details, event date-time-location, ability to email us if someone wants to attend. Once the event is over, this section will be deleted, and a video or image gallery from the event will be uploaded to the Past Events section.
Your design should look fresh, modern, elegant and chic. Make it stand out at first sight!
IMPORTANT
Your design should be a single page. The user should not leave that page and there should not be multiple screens.
Form Factors
Please make sure your design supports these form factors:
In-scope
- Desktop Portrait
- Mobile portrait
- Tablet Portrait
Operating Systems
Responsive Web Application:
- Web Browsers
- Mobile Browsers
Branding Guidelines and Resources
- Feel free to take the logo from this site: https://www.woolmagazine.com/
- Font “Open Sans”: https://fonts.google.com/specimen/Open+Sans
- You can get inspired from the style and pictures from this file: https://drive.google.com/file/d/1Dv4lUa0IClRq7uFi5hMTTHGvowMjRqGk/view
- Please use/add the following videos:
- https://youtu.be/xZPmYTdalHU.
- https://vimeo.com/347116456/83dd3b9ffd
- https://vimeo.com/347118255/e744fb873e
- https://vimeo.com/348214248/fb15219774
- https://vimeo.com/347271079/239b2d4b4a
Please notice that you can get information for the site from those videos. We highly recommend to watch them.
Design Assets
- Submission Files PNG or JPG
- Source Files (See final deliverables)
- Marvel App Prototypes Link (3)
Target Users
- Public Access for customer (Without Login)
Final Deliverables
- All original source files.
- Files should be created in Adobe Photoshop and saved as a layered PSD file, Adobe Illustrator or as a layered AI file, Sketch or XD
- Marvel Prototype
- We need you to upload your screens to Marvel App.
- Please ask for your Marvel App prototype on forum.
- You MUST include your Marvel app URL as a text file in your final submission labeled “MarvelApp URL” (in your marvel app prototype, click on share and then copy the link).
Please read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. It is important that you monitor any updates provided by the client or Studio Admins in the forums. Please post any questions you might have for the client in the forums.