Difference between revisions of "About vExpo/vExpo Knowledge Base/Kiosk/Create/User Flow Diagram"

From wiki
Jump to navigation Jump to search
 
(4 intermediate revisions by one other user not shown)
Line 1: Line 1:
 +
{{Under review}}
 +
 +
{{#css:
 +
 +
.btn {
 +
  border: none;
 +
  background-color: #FFFFFF;
 +
  padding: 14px 28px;
 +
  font-size: 12px;
 +
  cursor: pointer;
 +
  display: inline-block;
 +
}
 +
 +
.btn:hover {background: #ff9800;}
 +
 +
.cta {color: #eee;}
 +
 +
 +
p{
 +
font-family: "Noto sans", sans-serif !important;
 +
font-size: 1.0em;
 +
}
 +
 +
li{
 +
font-family: "Noto sans", sans-serif !important;
 +
font-size: 1.0em;
 +
}
 +
 +
.wrap {
 +
  height: 100%;
 +
  display: flex;
 +
  align-items: center;
 +
  justify-content: center;
 +
}
 +
 +
.button {
 +
  width: 270px;
 +
  height: 30px;
 +
  font-family: 'Roboto', sans-serif;
 +
  font-size: 13px;
 +
  letter-spacing: 2.5px;
 +
  font-weight: 500;
 +
  color: #FFFFFF;
 +
  background-color: #FFFFFF;
 +
  border: none;
 +
  border-radius: 45px;
 +
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
 +
  transition: all 0.3s ease 0s;
 +
  cursor: pointer;
 +
  outline: none;
 +
  padding-top: 15px;
 +
  padding-left: 15px;
 +
  margin-right: 100px;
 +
  text-transform: uppercase;
 +
  }
 +
 +
.button:hover {
 +
  background-color: #adadad;
 +
  box-shadow: 0px 15px 20px rgba(4, 97, 123, 0.4);
 +
  color: #FFFFFF;
 +
  transform: translateY(-7px);
 +
}
 +
 +
.checkbox {
 +
list-style: none;
 +
}
 +
}}
 +
<p class="button"><strong>[[About_vExpo/vExpo_Knowledge_Base|<span>'''< Back to Knowledge Base'''</span>]]</strong></p>
 +
 
{|
 
{|
 
[[File:Kiosk_Owner_Creating.png|1200px|]]</center>
 
[[File:Kiosk_Owner_Creating.png|1200px|]]</center>
Line 44: Line 113:
 
}
 
}
  
h3{
+
#content h3{
 
padding-top:10px;
 
padding-top:10px;
 
font-family: Lato, Arial, Helvetica, sans-serif !important;
 
font-family: Lato, Arial, Helvetica, sans-serif !important;
Line 76: Line 145:
  
 
.button {
 
.button {
   width: 230px;
+
   */width: 230px;*/
 
   height: 30px;
 
   height: 30px;
 
   font-family: 'Roboto', sans-serif;
 
   font-family: 'Roboto', sans-serif;
Line 114: Line 183:
 
{| width="100%" cellpadding="10px" cellspacing="10px"
 
{| width="100%" cellpadding="10px" cellspacing="10px"
  
{{Onboarding-css}}<!-- Source code for the CSS file. Do not remove -->  
+
<!--{{Onboarding-css}}<!-- Source code for the CSS file. Do not remove -->  
 
| colspan="4" |
 
| colspan="4" |
  

Latest revision as of 15:24, 11 July 2023


< Back to Knowledge Base

Kiosk Owner Creating.png

Planning and Creating a Kiosk

Planningandcreatingakios.png


Download PDF (465 KB)



User Flow Transcript

Planning and Creating a New Kiosk

  1. Submit a request for a new kiosk to techlab-labtech@csps-efpc.gc.ca
  2. The Tech lab will analyzes the request and send you an information package to review.
  3. Review the steps for Planning and Creating a New Kiosk.
  4. Fill out the Kiosk Content Submission Form.doc
  5. Determine who will design the kiosk (you, a designer in your team, Comms/multimedia team?)
  6. Design the kiosk
  7. Will you be doing a mock up to help plan your kiosk design?


Yes, continue to step 8. No, skip to step 10.


  1. Review the Kiosk Mock-up Creation Guide.doc
  2. Create a design mock up using a Kiosk Mockup Template.ppt
  3. Review the Kiosk Image Specifications
  4. Consult the Creating your Final Kiosk Design Guide, as required.
  5. Produce the final kiosk design using the Blank Canvas provided by Tech Lab.
  6. Perform internal review and obtain final approvals on kiosk content and design.
  7. Export the kiosk panels to .png format, in high resolution.
  8. Submit the final images and the Content Submission Form to techlab-labtech@csps-efpc.gc.ca.
  9. Tech Lab will develop the kiosk and share the link to the kiosk once available.