![](https://cdn.myportfolio.com/4c91dfa2-bfb7-458a-8614-e5a64214ecf3/b963cbaa-4084-4d4d-bcd4-2b4e2ba35505_rw_1200.png?h=3e1f1d6b0f636590e390498e6ed25c08)
Platform:
Desktop, mobile, and tablet
Primary audience:
Members and the local community.
Challenge:
Scenic Hills is a non-profit religious organization that helps the community in San Antonio. The original website needed to be re-designed and transformed to provide a richer user experience. There was no central portal for the members of the community.
As the lead designer on this project, I aimed to create a user-friendly website that would serve as a central portal for the Scenic Hills community. My team and I worked closely with key stakeholders to gather their needs and wants for the redesign. We also tested users to ensure the website met its audience's needs.
We implemented a more intuitive navigation system and informative homepage through our research and testing. We also made sure the website was responsive for mobile devices.
![](https://cdn.myportfolio.com/4c91dfa2-bfb7-458a-8614-e5a64214ecf3/15315f45-007a-4e4d-b9c9-ddf189197b8b_rw_1200.png?h=7a5ede2085e12d359f8253c546d4192a)
![](https://cdn.myportfolio.com/4c91dfa2-bfb7-458a-8614-e5a64214ecf3/1712a0ce-0f6e-4e5a-ad9e-da9586b1098c_rw_1200.gif?h=8efb8f8cbc83de1de376928ee73d8d0b)
![](https://cdn.myportfolio.com/4c91dfa2-bfb7-458a-8614-e5a64214ecf3/47574a20-7c32-4060-8a26-fa6c7d956ae2_rw_1200.gif?h=7e37eaa0a542046d8491005512df2af8)
My Process
In my work process, I first determined the needs and goals of the organization and the target audience. Then, I created a design that incorporated those needs and was visually appealing.
I also considered how the website would function on different devices. Throughout the process, I utilized user testing to gather feedback and make necessary improvements. Ultimately, I delivered a revamped website that provided a better user experience for the community members.
![](https://cdn.myportfolio.com/4c91dfa2-bfb7-458a-8614-e5a64214ecf3/0f2e94af-d893-4b80-8816-858562ee6358_rw_1920.jpg?h=b78cddf62fa549f19b54315e4b314d66)
Work Performed
Setting goals and objectives with team members
Meetings with Stakeholders
Establishing key audiences & building personas
Creating sitemaps
Content audit and inventory
Creating experience maps
Conducting UX research
Conducting competitive research
Low-fidelity prototypes
High fidelity prototypes
Creating wireframes
High-fidelity design
UI Design
Usability testing
![](https://cdn.myportfolio.com/4c91dfa2-bfb7-458a-8614-e5a64214ecf3/96ca630e-0a7d-4e58-b479-3e21b465f64b_rw_1200.png?h=1e01e16b28eae4a4caec3a21e2b39c0c)
Wireframes
![](https://cdn.myportfolio.com/4c91dfa2-bfb7-458a-8614-e5a64214ecf3/5e4fa57c-a541-4c1c-81a2-f982a8a97149_rw_1200.png?h=c0ec4a9bfc8d6e5502b2d9a90f52b9f0)
![](https://cdn.myportfolio.com/4c91dfa2-bfb7-458a-8614-e5a64214ecf3/e7ef6bfc-3857-4588-9bcf-252c4970d29a_rw_1200.png?h=133bc4763aa121b813aff66d1368c922)
Prototype
![](https://cdn.myportfolio.com/4c91dfa2-bfb7-458a-8614-e5a64214ecf3/1bfa7a6f-d3de-4774-b5eb-cfbc902807ea_rw_1200.jpg?h=1e835eff220a1ac16adafc6ec35a28cf)
Finished Product
![](https://cdn.myportfolio.com/4c91dfa2-bfb7-458a-8614-e5a64214ecf3/77e92835-d5b8-4cc4-adb3-b8feb87295fb_rw_1920.png?h=09e0bd98750aa636b4d57cddf11b19db)
About Page
![](https://cdn.myportfolio.com/4c91dfa2-bfb7-458a-8614-e5a64214ecf3/8cbb131e-7aec-4aff-a835-b8679c46b7f8_rw_1920.jpg?h=237b1530ca465dd7f9b785c7bbdd87ca)
Front-End Development
Because of my background in Web design and Front-end development, I helped bring the UI designs to life before passing them on to the developers.
-HTML and CSS Coding
-JQuery and JavaScript interactivity
-Responsive Site for Desktop, Mobile & Tablet
![](https://cdn.myportfolio.com/4c91dfa2-bfb7-458a-8614-e5a64214ecf3/c3fe5e08-6373-4a87-9f19-3dbf7300594f_rw_1920.png?h=f0ec6d3c237ea9b01a641c4731d58625)
Results
The result was a website that effectively serves the Scenic Hills community and allows them easy access to critical information and resources. This project was a great example of my ability to collaborate with stakeholders and conduct user research to design an effective solution.
See the completed project in your browser