SC header logo

European Academy of Optometry and Optics

From a basic site to a global community hub, we transformed the EAOO website into a central spot where industry professionals meet, learn, and lead together.

The European Academy of Optometry and Optics (EAOO) stands as a beacon of knowledge, innovation, and networking in the optometry and optics field across Europe. Established in 2009, it continues to support, educate, and provide resources for professionals through its membership-driven organization.

Location

United Kingdom

Industry

Health & Education

Duration of the project

2 months

Services

Project Management, Wireframing, Product design, Web development, Quality Assurance

Technologies

WordPress Development, Roots Sage & Bedrock, PHP, Stripe, HTML, JavaScript, SCSS, MySQL

eaoo-cover-2
eaoo-tablet-mockup
eaoo-wireframe
eaoo-mockup-2
eaoo-mockup

Objective

Our main goal was to make EAOO's website better and more modern to improve how users experience it. We replaced the old site with a fresh one that is easy to use and offers a special area for members filled with learning resources like videos and documents. Making the process of becoming a member simpler was key, using online forms and different payment methods to save time. We also added "Academy Hour," a series of educational presentations, and updated the content system for easy edits by the EAOO team.

The old website was hard to use and unorganized, causing problems like poor navigation and missing important features. Our comprehensive makeover focused on making the site easier to navigate, faster, and more informative, especially for students and professionals in optometry. We aimed to make it clear and easy for visitors to understand what EAOO is about, how to join, and the benefits of being a member, all while attracting more people to the site.

eaoo-multiple-screens

Challenge

Our challenge was to prioritize website sections effectively, ensuring easy navigation and compliance with industry standards without compromising client needs. We aimed to design a website that not only met these standards but also fully catered to the diverse content requirements of the EAOO. Developing a straightforward membership application process was crucial, enabling administrators to manage members efficiently, from registration to approval. Additionally, we needed to create a members-only area, providing exclusive access to a wide array of educational materials. Balancing functionality, aesthetics, and user-friendliness was paramount in delivering a website that would serve as a valuable resource for years to come.

Our Approach

1

Discovery Meeting

We initiated the project with a discovery meeting, focusing on understanding the client's expectations, reviewing provided materials, brainstorming solutions, and sharing our initial ideas.

2

Low-Fidelity Wireframes

We crafted basic, low-fidelity wireframes for the majority of the pages, using them as a conversation starter to align with the client's vision and expectations, with the content serving as a guide for element placement and design.

3

Design

Transitioning from low-fidelity wireframes to high-fidelity designs, we established a minimal brand book and standards, selecting typography, colors, and spacing to shape the overall look and feel. This phase involved designing key pages first, then moving to secondary pages, all while incorporating client feedback.

4

Development

Our development phase involved transforming the design into a functional custom WordPress theme. We developed a style guide, defined CSS variables for consistency, and created various blocks, layouts, and components.

5

Feature Development

With the UI elements ready, we built the entire membership flow, including application, payment, approval processes, and a members-only area, ensuring a smooth and engaging user experience.

6

Content Management

We added and optimized the provided content, ensuring images and videos were optimized for quick load times.

7

Quality Assurance

Rigorous testing across various devices ensured that every feature matched the design specifications and performed flawlessly.

7

Client Feedback

We incorporated the client's final feedback, making necessary adjustments and enhancements before the final launch.

7

Launch

The website went live after thorough checks, with all forms, payment systems, and members-only areas tested and fully functional.

Outcome

Launched a cutting-edge website for a comprehensive online learning experience.

Streamlined membership processes for ease and efficiency.

Implemented an intuitive content management system for seamless updates.

Boosted online visibility and reach through improved SEO strategies.

eaoo-full-size-screenshot

More Success Stories

energy-1

Modern Web App Transformation in 9 Months

Energy, Utilities & Waste
657-excerpt

60-Day WordPress Build with API Integration

Event & Workspace for Creative Industries
storyof

Capture & Share Life Moments: Digital Storybook

Information technology & services
acceleon

Acceleon

Information technology & services
energy-1

Modern Web App Transformation in 9 Months

Energy, Utilities & Waste
657-excerpt

60-Day WordPress Build with API Integration

Event & Workspace for Creative Industries
storyof

Capture & Share Life Moments: Digital Storybook

Information technology & services
acceleon

Acceleon

Information technology & services
energy-1

Modern Web App Transformation in 9 Months

Energy, Utilities & Waste
657-excerpt

60-Day WordPress Build with API Integration

Event & Workspace for Creative Industries
storyof

Capture & Share Life Moments: Digital Storybook

Information technology & services
acceleon

Acceleon

Information technology & services
energy-1

Modern Web App Transformation in 9 Months

Energy, Utilities & Waste
657-excerpt

60-Day WordPress Build with API Integration

Event & Workspace for Creative Industries
storyof

Capture & Share Life Moments: Digital Storybook

Information technology & services
acceleon

Acceleon

Information technology & services
energy-1

Modern Web App Transformation in 9 Months

Energy, Utilities & Waste
657-excerpt

60-Day WordPress Build with API Integration

Event & Workspace for Creative Industries
storyof

Capture & Share Life Moments: Digital Storybook

Information technology & services
acceleon

Acceleon

Information technology & services
energy-1

Modern Web App Transformation in 9 Months

Energy, Utilities & Waste
657-excerpt

60-Day WordPress Build with API Integration

Event & Workspace for Creative Industries
storyof

Capture & Share Life Moments: Digital Storybook

Information technology & services
acceleon

Acceleon

Information technology & services
energy-1

Modern Web App Transformation in 9 Months

Energy, Utilities & Waste
657-excerpt

60-Day WordPress Build with API Integration

Event & Workspace for Creative Industries
storyof

Capture & Share Life Moments: Digital Storybook

Information technology & services
acceleon

Acceleon

Information technology & services
cta-1

A new project on the way?
We’ve got you covered.