After creating a wireframe for the pharmacy website, that's where the fun began. This stage allowed me full creative reign to customize the website in any way I liked. Consulting with my client, they wanted a modern and clean website that was easy to navigate. To grab inspiration, I explored various other sites and compiled all my ideas in one file in Figma. Figma was instrumental in planning out the website from wireframe to full content and UX direction.

Gathering Inspiration and Planning

Using Figma, I was able to organize all my research and inspirations into one cohesive plan. This helped in visualizing the final look and feel of the website. The client and I aimed for a modern, clean aesthetic, so we focused on creating a site that was easy to navigate and visually appealing.

Design Elements and Consultation

During this phase, I figured out crucial design elements such as font, color scheme, and heading sizes. Given my limited knowledge in design, I often used ChatGPT to bounce off ideas and understand what elements are more appropriate for a medical website. This AI tool was incredibly helpful in making informed decisions, especially for someone without extensive design experience.

Final Design Choices

After thorough research and consultation, the final design elements for the website were chosen:

• Heading Font: Montserrat
• Body Text Font: Open Sans
• Color Scheme: White, Black, Light Grey, and Green

These elements were chosen with a focus on readability and modern simplicity, ensuring that the website is not only aesthetically pleasing but also functional and user-friendly.

Why These Choices?

• Montserrat was selected for headings because of its modern and clean lines, which align perfectly with the overall aesthetic we aimed for.
• Open Sans was chosen for body text due to its excellent readability, ensuring that users can easily read and understand the content.
• The color scheme of White, Black, Light Grey, and Green was picked to create a sense of simplicity and professionalism while incorporating a touch of color to keep the design engaging

Conclusion

Transforming the wireframe into a fully designed website was an exciting and rewarding process. By leveraging tools like Figma and ChatGPT, I was able to create a modern, clean, and easy-to-navigate website that meets the client's needs. The focus on readability and simplicity ensures that the website will provide a great user experience. Stay tuned for more updates as we continue to bring this vision to life!

‍