{"id":4345,"date":"2025-03-06T14:15:53","date_gmt":"2025-03-06T14:15:53","guid":{"rendered":"https:\/\/miguelbarrerodesign.com\/?post_type=portfolio&p=4345"},"modified":"2025-03-11T11:21:00","modified_gmt":"2025-03-11T11:21:00","slug":"wob-summer-camp","status":"publish","type":"portfolio","link":"https:\/\/miguelbarrerodesign.com\/index.php\/portfolio\/wob-summer-camp\/","title":{"rendered":"WOB Summer Camp"},"content":{"rendered":"[vc_row thb_divider_position=”bottom”][vc_column][vc_empty_space height=”40px”][\/vc_column][\/vc_row][vc_row thb_divider_position=”bottom” css=”.vc_custom_1741368494964{padding-top: 10px !important;padding-bottom: 10px !important;}”][vc_column width=”1\/2″][vc_column_text animation=”animation bottom-to-top”]\n

Redesign of a web app for WOB Summer Camp.\u00a0<\/span><\/h2>\n

Redesign the online experience for Campus WOB\u2014from detailed campus information and participant profiles to an end-to-end shopping and registration process that handles everything online (including secure medical data submission and digital authorization).<\/p>\n

Campus WOB is a renowned summer camp organization with over 20 years of history, offering a creative and holistic approach to camp experiences. Their programs range from specialized basketball and football to other programs called “Experience,” which focus on arts, creativity, and emotional intelligence development.<\/p>\n

The objective was to create a digital solution that enhances usability, engages both teenagers and their families, and streamlines the registration and booking process.[\/vc_column_text][\/vc_column][vc_column width=”1\/2″][vc_empty_space height=”20px”]\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\tClient: <\/strong>\n\t\t\t\t\t\t\t\t\t\t\t\t\tCampus WOB\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\tMy role: <\/strong>\n\t\t\t\t\t\t\t\t\t\t\t\t\tUX\/UI Design
Lead Art Direction
Digital Product Design
Conception
Branding
Creative Direction
User research
User-Centered Design
Information Architecture\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t: <\/strong>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t[\/vc_column][\/vc_row][vc_row thb_divider_position=”bottom”][vc_column][vc_empty_space height=”16px”][\/vc_column][\/vc_row][vc_row thb_divider_position=”bottom” thb_video_overlay_color=”#f9f8f8″ css=”.vc_custom_1741627795862{background-color: #e2e2e2 !important;}”][vc_column width=”1\/6″ css=”.vc_custom_1741616511866{background-color: #e2e2e2 !important;}”][\/vc_column][vc_column width=”2\/3″]\t
\n\t\t\t
\n\t\t\t\"\"\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t[\/vc_column][vc_column width=”1\/6″][\/vc_column][\/vc_row][vc_row thb_divider_position=”bottom”][vc_column][vc_empty_space height=”40px”][\/vc_column][\/vc_row][vc_row thb_divider_position=”bottom” el_class=”align-center”][vc_column offset=”vc_col-lg-9 vc_col-md-10″][vc_column_text]\n

Solution<\/strong><\/h4>\n[\/vc_column_text][vc_column_text]\n

Project Goals<\/span><\/h2>\n[\/vc_column_text][vc_row_inner][vc_column_inner width=”1\/2″ animation=”animation left-to-right”][vc_column_text]1. Enhance Usability:<\/strong>
Improve the overall digital experience by making campus information, participant details, and camp highlights easily accessible and engaging.<\/span><\/span><\/p>\n

2.\u00a0 Streamline the Registration Process:
\n<\/strong>Simplify the enrollment process for both parents and camp administrators, integrating secure data handling (medical information and digital signatures) within the online platform.<\/span>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=”1\/2″ animation=”animation right-to-left”][vc_column_text]3. <\/strong>Improve Conversion Rates:<\/strong>
Optimize the shopping experience from selecting a camp package to completing payment, ensuring a smooth, intuitive process that reduces drop-offs.<\/span><\/span><\/span><\/p>\n

4. Create a Brand Identity and Design System:
\n<\/strong>Develop a visual design that captures the creative, energetic, and supportive atmosphere of Campus WOB, appealing to teenagers and their families while conveying professionalism.<\/span>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_empty_space height=”40px”][\/vc_column][\/vc_row][vc_row thb_full_width=”true” thb_divider_position=”bottom”][vc_column width=”1\/6″][\/vc_column][vc_column width=”2\/3″]\t\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t[\/vc_column][vc_column width=”1\/6″][\/vc_column][\/vc_row][vc_row thb_divider_position=”bottom”][vc_column][vc_empty_space height=”10px”][\/vc_column][\/vc_row][vc_row thb_divider_position=”bottom” el_class=”align-center”][vc_column offset=”vc_col-lg-9 vc_col-md-10″][vc_empty_space height=”30px”][vc_column_text]\n

The process<\/span><\/h1>\n

<\/h1>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row thb_divider_position=”bottom” el_class=”align-center”][vc_column width=”1\/6″ offset=”vc_col-lg-9 vc_col-md-10″][vc_empty_space height=”10px”][vc_column_text]\n

User Research<\/strong><\/span><\/h4>\n

The first part of the research was to create the User Personas, who represent our target audience. The Personas were: local Families looking for a good experience for their kids nearby, European families looking for a camp to improve Basketball technique, National families looking for a great sport experience for their kids and Monoparental families looking for camps to improve the relationship with their kids.<\/p>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row thb_divider_position=”bottom” el_class=”align-center”][vc_column width=”1\/4″ offset=”vc_col-lg-9 vc_col-md-10″][vc_empty_space height=”20px”][vc_row_inner][vc_column_inner width=”2\/3″][vc_column_text]\n

Personas<\/h2>\n[\/vc_column_text]\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t[\/vc_column_inner][vc_column_inner width=”1\/3″][\/vc_column_inner][\/vc_row_inner][vc_empty_space height=”10px”][\/vc_column][\/vc_row][vc_row thb_divider_position=”bottom”][vc_column][vc_empty_space height=”60px”][\/vc_column][\/vc_row][vc_row thb_divider_position=”bottom” el_class=”align-center”][vc_column width=”1\/4″ offset=”vc_col-lg-9 vc_col-md-10″][vc_empty_space height=”20px”][vc_column_text]\n

User Interviews & Usability testing<\/strong><\/span><\/h4>\n

I\u00b4ve conducted 6 interviews and usability testing on the actual site to define the pain points and needs of the actual and potential users.
\nThe interviews were based on different blocks like consumer habits, brand perception and Services.
\nThe Usability testing was on the actual realized to define the actual pain points and opportunities.<\/p>\n[\/vc_column_text][vc_empty_space height=”10px”][vc_row_inner][vc_column_inner]\t

\n\t\t\t
\n\t\t\t\"\"\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t[\/vc_column_inner][\/vc_row_inner][vc_empty_space height=”10px”][vc_empty_space height=”10px”][vc_row_inner][vc_column_inner width=”2\/3″][vc_column_text]\n

User insights<\/h2>\n[\/vc_column_text]\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t[\/vc_column_inner][vc_column_inner width=”1\/3″][\/vc_column_inner][\/vc_row_inner][vc_empty_space height=”10px”][vc_column_text]\n

User Interviews<\/span>
\nKey Learnings<\/strong><\/span><\/h4>\n

The key learnings of the user research were:<\/span>
\n– Bringing basketball stars to the campus is attractive for most of the families<\/span>
\n– Digitalize all the registration processes for kids, from the medical data to the parents’ authorization.<\/span>
\n– The installations of the campus were important things to decide on when booking a campus.<\/span>
\n–\u00a0 Visual identity of the website that captures Campus WOB’s creative, Sporty, energetic, and supportive atmosphere.<\/span>
\n– Practicing English on the campus is imprinted by parents when deciding.<\/span>
\n– New payment methods.<\/span><\/p>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row thb_divider_position=”bottom” css=”.vc_custom_1741632035892{margin-top: 3% !important;background-color: #f1f1f1 !important;}”][vc_column width=”1\/6″][\/vc_column][vc_column width=”2\/3″ box_shadow=”large-shadow” css=”.vc_custom_1741371828662{margin-top: 20px !important;}”][vc_row_inner][vc_column_inner][vc_column_text]Customer Journey Map<\/strong>
Customer Journey Maps were created from the main objectives to be achieved by users on the APP website: Finding and Booking a Campus, the full Registration process of a kid in the campus (from the medical data to parents’ authorization) and modifying data of the kid in the profile.<\/span>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner]\t\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t[vc_empty_space height=”20px”][\/vc_column][vc_column width=”1\/6″][\/vc_column][\/vc_row][vc_row thb_divider_position=”bottom”][vc_column][vc_empty_space height=”20px”][\/vc_column][\/vc_row][vc_row thb_divider_position=”bottom” el_class=”align-center” css=”.vc_custom_1670244772795{margin-top: 5% !important;margin-bottom: 5% !important;}”][vc_column width=”1\/6″ offset=”vc_col-lg-9 vc_col-md-10″][vc_empty_space height=”20px”][vc_column_text]\n

Wireframes and Concept<\/strong><\/span><\/h4>\n

All the inputs were applied to the functionality of the website to achieve the most optimal functionality possible for the user. It was designed to determine what content to display and how to do it. For this, based on the sitemap, both wireframes and prototypes were created.<\/p>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row thb_full_width=”true” thb_divider_position=”bottom”][vc_column][vc_column_text]\n

Wireframes<\/span><\/p>\n[\/vc_column_text]\t

\n\t\t\t
\n\t\t\t\"\"\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t[vc_empty_space height=”20px”][\/vc_column][\/vc_row][vc_row thb_divider_position=”bottom”][vc_column][vc_empty_space height=”60px”][\/vc_column][\/vc_row][vc_row thb_divider_position=”bottom” el_class=”align-center”][vc_column offset=”vc_col-lg-9 vc_col-md-10″][vc_column_text]\n

Solution<\/strong><\/h4>\n[\/vc_column_text][vc_column_text]\n

Create a web application focused on the needs of users and the creation of a good experience to inform about the different Campus, create an easy purchasing reserve and digitize the entire registration process.<\/span><\/h2>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row thb_full_width=”true” thb_column_padding=”true” thb_divider_position=”bottom” thb_video_overlay_color=”#f9f8f8″ css=”.vc_custom_1741616503189{background-color: #e2e2e2 !important;}”][vc_column width=”1\/6″ css=”.vc_custom_1741616220175{background-color: #e2e2e2 !important;}”][\/vc_column][vc_column width=”2\/3″ css=”.vc_custom_1741616254585{background-color: #e2e2e2 !important;}”]\t
\n\t\t\t
\n\t\t\t\"\"\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t[\/vc_column][vc_column width=”1\/6″][\/vc_column][\/vc_row][vc_row thb_divider_position=”bottom”][vc_column][vc_empty_space height=”60px”][\/vc_column][\/vc_row][vc_row thb_divider_position=”bottom” el_class=”align-center”][vc_column offset=”vc_col-lg-9 vc_col-md-10″][vc_column_text]\n

Techniques used<\/h3>\n

As the UX\/UI Designer for this project, my responsibilities included:[\/vc_column_text][vc_row_inner][vc_column_inner width=”1\/3″ animation=”animation left-to-right”][vc_column_text]\n

    \n
  • User Research:<\/strong>
    Conducting user interviews and surveys to understand the needs of the main users (the kids) from the parents (the buyers). Analyzing the existing user flows to identify pain points and areas for improvement in the current digital experience.<\/span><\/span><\/span><\/span><\/li>\n
  • Information Architecture & Interaction Design:<\/strong>
    Reorganizing content into a clear hierarchy\u2014from general campus information to detailed pages featuring camp \u201cstars\u201d (highlighting participant achievements and camp culture). Designing intuitive navigation and micro-interactions that guide users seamlessly through the site.<\/span><\/li>\n<\/ul>\n[\/vc_column_text][\/vc_column_inner][vc_column_inner width=”1\/3″ animation=”animation right-to-left”][vc_column_text]\n
      \n
    • UI Design & Visual Branding:<\/strong>
      Creating a cohesive, vibrant design that reflects Campus WOB\u2019s creative and energetic spirit. This included custom illustrations and high-quality imagery to evoke emotions and highlight the human side of the camp experience.
      \n<\/span><\/span><\/span><\/li>\n
    • Responsive Design:<\/strong>
      Ensuring the entire experience was optimized for both desktop and mobile, guaranteeing ease of access and a seamless experience across all devices.<\/span><\/li>\n<\/ul>\n[\/vc_column_text][\/vc_column_inner][vc_column_inner width=”1\/3″][vc_column_text]\n
        \n
      • End-to-End Shopping & Registration Flow:<\/strong>
        Designing a complete digital shopping experience for the camp\u2014including a product page, cart, checkout, and secure payment process. In addition, I developed a robust registration flow that allowed parents to register their children online, submit medical data securely, and complete a digital signature for parental authorization.<\/span><\/li>\n<\/ul>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row thb_divider_position=”bottom”][vc_column][vc_empty_space height=”60px”][\/vc_column][\/vc_row][vc_row thb_full_width=”true” thb_column_padding=”true” thb_divider_position=”bottom” thb_video_overlay_color=”#f9f8f8″ css=”.vc_custom_1741616241434{background-color: #ceee0d !important;}”][vc_column width=”1\/6″ css=”.vc_custom_1741616234991{background-color: #ceee0d !important;}”][\/vc_column][vc_column width=”2\/3″]\t
        \n\t\t\t
        \n\t\t\t\"\"\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t[\/vc_column][vc_column width=”1\/6″][\/vc_column][\/vc_row][vc_row thb_full_width=”true” thb_divider_position=”bottom” el_class=”align-center” css=”.vc_custom_1741433193118{margin-top: 2% !important;}”][vc_column width=”1\/6″ offset=”vc_col-lg-9 vc_col-md-10″][vc_empty_space height=”20px”][vc_column_text]\n

        Booking and Registration<\/strong><\/span><\/h1>\n

        After the interviews, the creation of personas, and the customer journey maps, I was able to design a full website, including a more efficient Booking a campus and registration of a kid process.<\/p>\n[\/vc_column_text][vc_empty_space height=”14px”][vc_row_inner][vc_column_inner width=”1\/2″][vc_column_text]\n

        Registration of a kid on the campus.
        \nDigitizing the process<\/span><\/strong><\/span><\/h3>\n

        After the purchase and pre-registration on a campus, users can complete the registration process of the kids on the campus.<\/p>\n

        This process includes all the medical data of the kid, uploading documents like the identity card or the health insurance card, the signature of the authorization of the parents or registering other important data like allergies or food intolerances of the participant.<\/strong>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=”1\/2″][vc_empty_space][vc_column_text]After all this process, a QR code will be generated<\/strong> for each kid with all that information provided, so this will make it easier for the campus staff when the kid arrives.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner width=”2\/3″]\t\t\t\t\t

        \n\t\t\t\t\t\t\t\t\t\t\t\t\t
        \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
        \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
        \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
        \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
        \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t[\/vc_column_inner][vc_column_inner width=”1\/6″][\/vc_column_inner][vc_column_inner width=”1\/6″][\/vc_column_inner][\/vc_row_inner][vc_empty_space height=”90px”][vc_row_inner][vc_column_inner width=”1\/2″][vc_column_text]\n

        Reserve and payment process of a campus<\/strong><\/span><\/h3>\n

        I have created a reserve a campus process optimal for users to pre-register on the campus for parents and kids and select the shopping option for the final payment. I did this booking process as short as possible so users cannot get lost in the shopping process.<\/p>\n[\/vc_column_text][\/vc_column_inner][vc_column_inner width=”1\/2″][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner width=”2\/3″]\t\t\t\t\t

        \n\t\t\t\t\t\t\t\t\t\t\t\t\t
        \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
        \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
        \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
        \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t[\/vc_column_inner][vc_column_inner width=”1\/6″][\/vc_column_inner][vc_column_inner width=”1\/6″][\/vc_column_inner][\/vc_row_inner][vc_empty_space height=”40px”][\/vc_column][\/vc_row][vc_row thb_divider_position=”bottom”][vc_column][vc_empty_space height=”80px”][\/vc_column][\/vc_row][vc_row thb_divider_position=”bottom” css=”.vc_custom_1741371757440{margin-top: 20px !important;margin-bottom: 20px !important;background-color: #ecf1f7 !important;}”][vc_column width=”3\/4″][vc_empty_space height=”40px”]\t\t\t\t\t
        \n\t\t\t\t\t\t\t\t\t\t\t\t\t
        \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
        \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
        \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
        \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
        \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t[\/vc_column][vc_column width=”1\/4″][vc_empty_space][vc_column_text]\n
        Design System<\/strong><\/span><\/h5>\n

        I\u00b4ve created a complete design system to keep consistency in all the website.<\/p>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row thb_divider_position=”bottom”][vc_column][vc_empty_space height=”20px”][\/vc_column][\/vc_row][vc_row thb_divider_position=”bottom”][vc_column][vc_empty_space height=”60px”][\/vc_column][\/vc_row][vc_row thb_divider_position=”bottom” thb_video_overlay_color=”#f9f8f8″ css=”.vc_custom_1741616696115{background-color: #dfdfdf !important;}”][vc_column width=”1\/6″ css=”.vc_custom_1741347514997{background-color: #dfdfdf !important;}”][\/vc_column][vc_column width=”2\/3″]\t

        \n\t\t\t
        \n\t\t\t\"\"\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t[\/vc_column][vc_column width=”1\/6″][\/vc_column][\/vc_row][vc_row thb_divider_position=”bottom”][vc_column][vc_empty_space height=”20px”][\/vc_column][\/vc_row][vc_row thb_divider_position=”bottom” css=”.vc_custom_1741616700067{background-color: #dfdfdf !important;}”][vc_column width=”1\/6″ css=”.vc_custom_1741616704022{background-color: #dfdfdf !important;}”][\/vc_column][vc_column width=”2\/3″]\t
        \n\t\t\t
        \n\t\t\t\"\"\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t[\/vc_column][vc_column width=”1\/6″][\/vc_column][\/vc_row][vc_row thb_divider_position=”bottom”][vc_column][vc_empty_space height=”220px”][\/vc_column][\/vc_row]\n","protected":false},"excerpt":{"rendered":"

        [vc_row thb_divider_position=”bottom”][vc_column][vc_empty_space height=”40px”][\/vc_column][\/vc_row][vc_row thb_divider_position=”bottom” css=”.vc_custom_1741368494964{padding-top: 10px !important;padding-bottom: 10px !important;}”][vc_column width=”1\/2″][vc_column_text animation=”animation bottom-to-top”] Redesign of a web app for WOB Summer Camp.\u00a0 Redesign the online experience for Campus WOB\u2014from detailed campus information and participant profiles to an end-to-end shopping and registration process that handles everything online (including secure medical data submission and digital authorization). Campus WOB…<\/p>\n","protected":false},"author":1,"featured_media":4439,"comment_status":"closed","ping_status":"closed","template":"","tags":[],"_links":{"self":[{"href":"https:\/\/miguelbarrerodesign.com\/index.php\/wp-json\/wp\/v2\/portfolio\/4345"}],"collection":[{"href":"https:\/\/miguelbarrerodesign.com\/index.php\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/miguelbarrerodesign.com\/index.php\/wp-json\/wp\/v2\/types\/portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/miguelbarrerodesign.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/miguelbarrerodesign.com\/index.php\/wp-json\/wp\/v2\/comments?post=4345"}],"version-history":[{"count":86,"href":"https:\/\/miguelbarrerodesign.com\/index.php\/wp-json\/wp\/v2\/portfolio\/4345\/revisions"}],"predecessor-version":[{"id":4513,"href":"https:\/\/miguelbarrerodesign.com\/index.php\/wp-json\/wp\/v2\/portfolio\/4345\/revisions\/4513"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/miguelbarrerodesign.com\/index.php\/wp-json\/wp\/v2\/media\/4439"}],"wp:attachment":[{"href":"https:\/\/miguelbarrerodesign.com\/index.php\/wp-json\/wp\/v2\/media?parent=4345"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/miguelbarrerodesign.com\/index.php\/wp-json\/wp\/v2\/tags?post=4345"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}