Portfolio – Case Study – Web Design

[email protected]

Table of Contents

    Salon Kanako


    Goals and motivation behind the project

    A hair salon located in Vancouver was looking to revamp their website, which was created over 10 years ago. They felt that it needed a fresh look and some of the content on the website was too lengthy or no longer relevant. The client was also seeking assistance with content writing and advice on online marketing strategies.

    The goal was to redesign the website to reflect the salon’s concept and ambiance with a better user experience: better usability, simpler and logical content structure and better site performance. It was also necessary to retain the third-party booking feature.

    Resources & Materials

    The client contributed updated salon and team member photographs. Additionally, we had access to a few images from their product vendor.

    My role in the project

    To support the client with content writing and offer guidance on online marketing strategies, I provided insights on how I, as a web designer/developer, can collaborate with a content writer and online marketing specialist. I also presented various options for outsourcing content writing and online marketing strategies tailored to their budget and priorities.

    I teamed up with Bandcamp Digital, planning content restructuring and user-focused design. While Bandcamp Digital focused on copywriting and provided advice on online marketing, I worked on design, development, and on-page optimization. I also acted as a project manager, overseeing the seamless execution of the entire project.

    Applications used

    • Figma
    • Adobe Photoshop
    • Adobe Illustrator
    • Affinity Photo
    • WordPress

    Visit website

    Salon Kanako - website screenshot

    People & Prairies


    Goals and motivation behind the project

    The client was Central Texas landowners partnered with Tarleton State University. They were looking for a place to communicate and make the resources available to landowners and residents in the area to provide a unique opportunity to learn ways to benefit and support native wildlife and habitat on their properties.

    Specifically, the client wanted to tell and show what species live in the area and present the goals and activities of the land management plan by Tarleton State University.

    Resources & Materials

    I had a few zoom meetings and many email exchanges with the client and a coordinator who was a university graduate student. Besides the purpose and the project’s background, we discussed specifics on the species and the management plan: how the client wanted to present them, where to find outside resources, etc.

    Gathering content materials such as management plan details (31 practices in 19 activities under 5 goals), species information (125 species in 9 subcategories under 15 main categories) and other photos capturing the land required good organizing skills and patience.

    The client provided some inspiring photos while they were working on the land.

    A part of the management plan was still under review and expecting some changes; however, I was able to gather details of the crucial element with the coordinator’s help and start working without delay.

    My role in the project

    As a web designer/developer and often acting as a project manager, I worked closely with the client to make it easy for them to focus on gathering materials on schedule. I helped find species images from Creative Commons.

    I deconstructed and reorganized the materials to be ready for the website and planned the site structure with a clear purpose for each content.

    As the essential part, I created pages presenting the management plan in five steps. I made icons for each step to help viewers clearly understand the process and added a glossary on the side of each page to help viewers easily find further information or definitions of unfamiliar terms for many people.

    Another vital content was a catalogue of species. I created it with category icons that easily recognize their kind for easy navigation and fun to visit.

    I intentionally used the photos of the land taken by the client as much as possible. Photos taken by non-professionals don’t work sometimes, but they fit this project’s purpose and added the feel of the beautiful land throughout the website.

    The website is ready to have more content as the management work progresses.

    Applications used

    • Adobe Illustrator
    • Adobe Photoshop
    • Affinity Designer
    • WordPress

    The website is no longer active as this research project has been closed, but you can see the website sample here.

    People & Prairies - photos
    Inspiring photos taken by client

    Maracaibo Estates


    Goals and motivation behind the project

    Maracaibo Estates is a private residential community comprised of individual lots, shared property and membership. About 150 members share a common property, including cottages, a marina, lagoon, courts, private hiking trails and a members’ Lounge.

    The client felt their website was outdated and wasn’t serving the management office or members well.

    Resources & Materials

    The client conducted a survey and found the following crucial issues.

    • Many members didn’t even know the website existed.
    • The management office and some members felt a new website could reduce paper and analogue work.
    • The new website needed to serve two aspects: one is to promote the property to potential buyers, another for members to find internal information and possibly communicate with other members.
    • The new website needed visual improvement.

    I was also aware that many members were seniors, and the website had to be easy for them to use.

    My role in the project

    As a web designer and developer, I collaborated with the project committee members and the strata councils from research, planning, and presentation at their AGM.

    I built a public-facing website highlighting the beautiful property and amenities, and providing sufficient information to potential buyers. For members, I built a password-protected website that checked all client’s wishlists.

    I presented the website at the strata AGM with the website project committee and held a group instruction session and some individual sessions after the site launch.

    As a derivative project to the website, I was also commissioned to design a new trail map with accurate and updated information for members and visitors, including children.

    Result

    With the new website, members can find updates from the office, business documents for strata and estates, and a members directory. They can also check the cottage’s availability and book them. After members became comfortable using the website, I was requested to add a bulletin board for members to exchange information; from lost and found to asking for a housekeeping service recommendation.

    The project significantly improved the workflow of the management office and how members find information and communicate with each other on a daily basis.

    Applications used

    • Adobe Illustrator
    • Adobe Photoshop
    • WordPress

    Visit website

    Maracaibo web public - home

    Back to top