Humbly At Your Service

Client
Humbly At Your Service
Industry
Professional Services (Consulting)
PLATForm Name
Wix
Work With Us
Project Summary

The goal and impact of this project is to create an informative website for Diana Lowe and her company Humbly At Your Service. In order to achieve the goal, the team used Wix to develop a personal website for Diana and her company to showcase their team, culture, and accomplishments. In addition, our team strived for sustainability of our project through including a variety of methods, such as teaching sessions during meetings, and providing written and video training guides. At the end of the project, our team created a brand new website for Diana from scratch. We established 4 main pages including Home Page, About Page, Our Works Page, and Contact Page alongside a project archive and specific project descriptions page. Our team also carefully adhered to the ADA/SEO guidelines to help with accessibility and search optimizations, helping Diana’s website to be thorough and comprehensive.

The Problem Space

The client, Diana, was the founder of a business Humbly At Your Service that had no centralized online presence. Furthermore, other than an outdated site of approximately ten years, Diana had no personal website in which she could demonstrate her achievements and prove her credibility to potential clients. Therefore, re:Bloom stepped in to create a website our client could use as the basis for her consulting career. Market research regarding consulting websites, personal websites, and portfolio websites was done during week one of the project duration— a total of nine websites were analyzed. The type of information and manner in which the websites presented information (such as animations and sections), as well as the overall design were noted.

Results

The results consist of one new website for Diana that seamlessly accomplishes both of her original goals— having a digital portfolio in which she can demonstrate her (and her company’s) work, and building an online presence as the founder of Humbly At Your Service. Diana now has a full website consisting of five different pages she can use as the landing page of her business/point of contact for potential clients.

Solution

The solution was a sustainable site built through the Wix Website Editor that Diana now understands how to manipulate on her own. The site not only contains a place for users to contact Diana, but also recognizes Diana’s accomplishments— this divide was created through the organization of various pages within the site. The aforementioned site also simultaneously distinguishes between her work as the founder and the work done by the entire Humbly At Your Service Team in order to reduce confusion for any potential website visitors, and this distinction was created through the use of specific section headers and color schemes.

Design Process

Initially, our client didn’t know exactly what she wanted on her website. In response, our team came together and brainstormed ideas through documenting features from comparable sites and studying what worked for other successful websites. We also performed client research in understanding the business models and customer base to better understand what we need to design. Then, we presented our findings to the client and walked her through the different features, which helped her recognize elements that she would like to have on her website. Then, our team designed the first low-fidelity prototype with filler contents that focuses on the layout choices and big picture design. We gained feedback from presenting the frameworks to Diana and asking constructive questions to understand exactly what she wants. Next, we built on our initial design and feedback to incorporate the color of her logo, pink and purple, into our design. Through our progressive design process from low-fidelity to high-fidelity, we communicated with our client consistently to make the design satisfying Diana’s needs.

Development Process

Before the development process, we first consulted with our client and listed the features we need to include. Then, we created a detailed timeline of the development process, planning the tasks and features we need to complete each week. When deciding on which platform we want to use, we created a list of pros and cons of different platforms, including Shopify, Wix, and Squarespace. We presented our findings to the client during our client meeting. We also provided pricing information for our client to consider. In the end, we chose Wix for its comprehensive feature coverage, large online community and resources, and straightforward user interface. With everything set in place, our team started the development adhering to the timeline we created, designing one main feature every week and gaining feedback from the client. However, we faced a challenge that wasn’t planned during the design process when our client asked for animation on her actual website. We then have to carefully implement the animation of features while maintaining the overall professionalism of the website through experimenting all the different animations Wix offers and trying different animation speeds to create the perfect balance.

Feedback Process

As previously noted in our design and development process, feedback from the client was critical to improving our design and tailoring our design to the client's needs. Thus, we utilized our weekly meeting with the client to present our work and ask for what she is looking for and places we can change. However, one of the challenges was that initially our client didn’t know what she wanted and relied more on us to come up with the design. We wanted the client to be satisfied with the design in the long-term. Thus, we pressed her for her opinions by going through the details and asking her thoughts. As a result, we were able to improve the design and create a satisfying product for our client. In addition, we also look for feedback through user testing and QA testing. During the user testing, we reached out to 5 potential users of the website and asked general, site-specific, and task-based questions, where we observed users’ behaviors and their thought process when answering the questions. In the QA testing, we exchanged feedback with another re:Bloom team and gathered more experienced advice. Our team compiled all the feedback into a single document and discussed each item. We talked about whether we feel the need to change and how we should go ahead in changing. Eventually, we went through the checklist and made all the necessary adjustments to the website before transitioning the complete website to our client.

Training Process

Since we are working with a client who has not worked with website building tools before, we want to ensure that our client will be able to adjust her website after we hand the project off to her. As a result, we chose a no code website building tool to decrease the difficulty of the process. We also decided to create four unique training modules that started from simple tasks such as adding text to more complex tasks such as changing layouts or adding a new project to the website. We spread the tasks over the span of four weeks so that our client has one week to learn and complete each module. For each module, we created text and video tutorials to meet the client’s style of learning. We also walked through the tutorials briefly during our weekly client meeting for Diana to ask questions if she is confused anywhere. In the end, we prepared our client for all the basic and intermediate needs after we handed the project off to her so that she can make changes if she has new ideas. We also created a Comprehensive Guide to Wix and a How-To Guide that covers more general information on Wix. We believe our holistic approach to the training process ensure the success of our client and the product in the long run.

The Team

Project Manager
Edward Chen
Developer
Lynn Kim
Developer
Kyle Chen