App & Website Design
This section highlights app and website designs I worked on during my time at EY and EisnerAmper. Each project reflects my dedication to creating intuitive and visually compelling user experiences.
Leveraging the design capabilities of Figma and the development tools of Wix, I brought these ideas to life, blending creativity with functionality.
App Mock-up of
.png)
During my time at EY, I had the opportunity to contribute to Metrolink, a major infrastructure and transport project focused on delivering Dublin’s first metro system.
At this time, I worked on designing a conceptual app for the metro service, aiming to enhance user experience and accessibility. To inform my design approach, I conducted research on existing transport applications, drawing inspiration from the current TFI Dart and bus apps. This process allowed me to explore innovative features that could streamline navigation, ticketing, and real-time updates for future metro users.
MetroLink
Logo Screen
When I began designing the app, my first step was establishing a cohesive color scheme that aligned with existing Irish transport applications while introducing subtle improvements for a fresh, modern feel. Building on this foundation, I designed a logo that seamlessly incorporated the chosen colors, ensuring brand consistency and recognizability.
To create a polished user experience, I implemented a splash screen that displays both the Metrolink and TFI logos upon the app’s first launch, reinforcing its connection to Dublin’s wider public transport network before seamlessly transitioning to the home page.
.png)
.png){kind=logo}
Logo Design
Hamburger Menu
Instant Menu Items
MetroLink
Home & Menu Page
For the home page, my goal was to provide users with quick and easy access to metro times and station information. Leveraging GPS functionality, the app automatically displays nearby metro stations along with real-time schedule updates. Additionally, I designed a user-friendly prompt screen where passengers can enter their desired departure and destination stations for seamless route planning.
To enhance navigation, I implemented a quick-access menu at the bottom of the screen, featuring key sections such as the home page, ticketing, an interactive map, favorite routes, and a user profile page. For additional functionality, I incorporated a hamburger menu that grants access to essential settings, notifications, and other user preferences, ensuring a smooth and intuitive experience.
MetroLink
Map Page
My goal for the map page was to make it as interactive and user-friendly as possible. To achieve this, I designed a clear, visually intuitive map that displays all metro stations while using a distinct colored circle to indicate the user’s current location.
To further enhance usability, I incorporated a location and compass button, allowing users to quickly access a zoomed-in view of their precise position along with the nearest metro station. This functionality ensures seamless navigation and helps users efficiently plan their journeys with ease.
Station Map
Location & Compass
Zoomed in
Scroll Wheel
MetroLink
Destination Page
To streamline journey planning, I designed an intuitive departure and arrival selection feature. When users enter their desired departure and destination stations, they are given the option to choose between ‘Depart Now’ or ‘Arrive By,’ allowing for greater flexibility in scheduling their metro trips.
To enhance efficiency, I implemented a scrollable date and time picker that appears when the option is selected, enabling users to quickly and easily set their preferred travel time. Once the user selects ‘Search,’ they are directed to a results page displaying all relevant departures and arrivals for their chosen route. To further improve usability, I integrated potential ticket options beneath each metro time, providing details such as the number of transfers, passenger count, and whether the journey is one-way or return—ensuring a seamless and well-informed booking experience.
Website Mock-up of
During my time at EisnerAmper, I designed a mock-up website for our department, EA Solve.
EA Solve is a department dedicated to transforming ideas into successful market solutions. It focuses on fostering innovation through collaborative workshops, developing and validating products using agile methods, and ensuring they meet market demands.
Landing Page
EA Solve
I designed the landing page of the website, incorporating a cohesive color scheme inspired by the logo I co-designed. The logo is prominently placed in the top-left corner, while the navigation menu spans the top for intuitive access to different pages. The landing page features a compelling slogan I created and an engaging introduction paragraph to immediately capture visitors’ attention.
To enhance user experience and accessibility, I included interactive buttons such as a ‘Call’ button and an ‘Our Approach’ button, making it easy for users to find additional information. Additionally, I integrated an AI messaging feature, enabling users to reach out directly for assistance, ensuring a seamless and user-friendly experience.
Buttons
Graphics
Services
EA Solve
For the services page, I highlighted the department's three key services, creating custom-designed, color-coded icons that align with the department's theme and logo. These icons were crafted to enhance the page's visual appeal and provide a cohesive look.
Additionally, I included the department's approach, featuring a graphic I co-designed to visually represent EA Solve's five-phased methodology. The graphic seamlessly integrates with the overall color scheme, reinforcing the department's branding while making complex concepts easier to understand.
About & The Team
EA Solve
On the About page, I provided an overview of the department, including its mission and purpose. I also showcased the team, featuring all members, including myself, with a color-coded system to distinguish roles within the department and highlight individuals from other departments.
To further enhance the page, I designed a custom graphic that visually illustrates the structure and composition of the department, adding clarity and a professional touch.
Graphics
Scroll
Clients & Testimonials
EA Solve
In this section, I showcased client testimonials to highlight the value and satisfaction our services bring to others. To enhance user experience and engagement, I incorporated an automatic horizontal scroll, making the content more dynamic and easier to navigate.
Additionally, I included a section featuring our clients and partners, allowing viewers to see our affiliations and gain a deeper understanding of our credibility and industry connections.
Contact
EA Solve
For the contact page, I added a convenient submission box, allowing interested viewers to directly reach out to the EA Solve department. To further enhance usability, I included an interactive map so viewers can easily locate EA Solve's physical address. This feature makes navigation seamless and more user-friendly.
Additionally, I integrated social media links, enabling viewers to explore the department's social presence or connect with EA Solve through their preferred social media platforms.
Location & Map