Check website from this link: Adelyn from School of Creative and Arts
- Acknowledgement
The purpose of this assignment is to create a web based system which will allow users to view the services online. The themed given to the students were modern wedding, traditional wedding and party. Guide lines were given for us to follow in order to full fill the web page requirements. This is a group assignment with 3 members.
This project would not have been complete successfully without the effort of our team members. Gratitude goes to Adelyn, Shermaine and Syamim for well team play and great organizations. Our ideas got together and an inspiring web page is created.
We would like to show gratitude to our lecture Ms. Aida. Her guidance and ideas were a benefit for us to make more interactive web page. We would also like thanked the people who provide us photographs and template. Aside from that, we would like to acknowledge our family and friends for their comment for improvement. Lastly, to everyone that is not mention for their support.
2. Introduction
Happily Ever After is a new start-up event management company specializing in wedding and party. Provides a facility that allows users to view the services provided and the company events as well as promotions. Happily Ever After aims to give a high quality service providing detailed information on the services available, while projecting a distinctive, stylish for both traditional and modern wedding and party themes. We will guide you for getting the biggest task taken care before, during and after the big day.
To build mutual trust with our clients and partners and make sure the day ends with an ear to ear grin on everyone’s face. We would also love
- To play the role of fairy god mother
- To create memorable memories
- To make dreams into reality
- To inspire the world
- Profitability
Company revenue stays ahead and maintain it low cost services.
- Productivity
Always be in line with the technologies and trend.
- Customer Service
The customer is the top priority. Make them experience the best quality service.
- Employee
Team play top quality and stay away from trouble. Top notch in work quality and service.
- Core Value
Stick true to our missions, objectives and goals.
- Growth
Take every opportunity into an importance and make a miracle out of it and turns it into a stepping stone for the company to leap forward.
- Adding Value
We want to maintain the quality of our service and web and improve it when there are new trends.
- Strong Commitment
We will provide the best service for your day and make sure it happens the way you desire and will continue improving it with your feedbacks.
- Quality Sales
Provide good and satisfying packages for you and hot offers to make you less worry about the cost of your wedding being over your budget.
- Networking
We will constantly update our social media and interactive video for your convenient.
- Easy Accessibility
Provide convenience for customers to review our products and services even not within operating hours with today’s busy lifestyles.
Our homepage starts with a pop out box that contain a video of our previous customer’s, to give a chance for our future visitor to see how we get things done. As a consideration for our visitors who sees videos as a nuisance we provide a close button for our visitors. The top of our homepage is filled with a picture as the background, logo of our company, the named of our company (Happily Ever After) and a start button. As our website is based on parallax scroll, we provide a start button as an interactive button to guide our visitors from the top to the bottom of the homepage. The navigation bar is below to top section and as all our webpage based on parallax scroll, it will follow you as you scroll down to make you safe time from scrolling back upwards to reach the navigation bar. When the start button is activated it will directly guide the visitors to a short introduction of our company background. Then, a section of what we do and events we organised. This is for the visitor to know what we are providing for them. The next section will be the members of the company that get everything started and will be at your disposal. Following will be the display of a glimpse of our previous work. This is to enable the visitor to check out our work and see the quality service we will be able to provide for them. Last part will be the footer that contain social media buttons, Skype/ Facetime button, copyright and our e-mail address. The social media button provide is linked to our Facebook page and Twitter page. The Skype/Facetime button will contact us thru our company’s number.
When event is clicked on the navigation bar, it will direct our visitor to our event page. It is also available for visitors to directly go to a specific event we provide at the dropdown menu we provide under the event button. In the event page, visitors would see the navigation bar on top and a photos indicating each events we provide such as Modern Wedding, Traditional Wedding, Bachelor Party, Bachelorette Party , Anniversary and Full Moon. At each picture a label is provided to make sure our visitors know which is which. Under the label will be a view package button. When the button is clicked it will guided the visitors to the packages page. Each event will have their own package page. At the packages page will show you the packages we offer in a horizontal order. We categorised our package according to the prices and services we provide. At the end of package box will have a book now button that will connect the visitors directly with us to make reservation. Underneath the packages will be the footer that contain social media buttons, Skype/ Facetime button, copyright and our e-mail address. The social media button provide is linked to our Facebook page and Twitter page. The Skype/Facetime button will contact us thru our company’s number.
Once offer is clicked at the navigation bar, it will bring our visitor to an offer page. In the page visitor will be able to view the latest offer we provide for them. In the page will have a navigation bar, 3 offer in separate box in horizontal order and a footer. The navigation bar will be on top. Underneath it will be a decoration picture to make our page more eye catching. Then the next section will be the offers in a separate box in horizontal manner. At the end of each box, a button to book with us is available. Lastly it will be the footer that contain social media buttons, Skype/ Facetime button, copyright and our e-mail address. The social media button provide is linked to our Facebook page and Twitter page. The Skype/Facetime button will contact us thru our company’s number. Additional function available is when the visitor clicked on the book now text a hyperlink will direct the visitor to contact us page for their convenient.
When visitor clicks on Our Team in the navigation bar, visitor will be linked to a rotating animation pre-loader then to this page. Visitor will be able to view the qualification and description of our professional team. This page shows our names, age, where we graduated and our position in the company. In this page, we use parallax scrolling and three portraits of our team in column division who are Syamim Bt Shari, Chen Kiat Yi Adelyn and Shermaine Lee Sze Min. Each division will come with fade in animation with transition-delay effect for each column. At the end of the description will show our major that is Syamim is master in design, Adelyn is master in business, and Shermaine is master in event management. Underneath the packages will be the footer that contain social media buttons, Skype/ Facetime button, copyright and our e-mail address. The social media button provide is linked to our Facebook page and Twitter page. The Skype/Facetime button will contact us thru our company’s number.
When visitor clicked in portfolio in the navigation bar, the page will display our projects we did in the past few years. In the webpage there will be five categories, that is bachelor party, bachelorette party, wedding (modern and traditional), anniversary, and full moon party. There will be two picture folders in one categories. When visitor clicked the picture folder, the picture will pop up. Then, a slider will be seen when the picture pop out for visitor to view more pictures of the current project we done. Visitor also can double click to go next picture folder in the slider. Underneath the pictures will be the footer that contain social media buttons, Skype/ Facetime button, copyright and our e-mail address. The social media button provide is linked to our Facebook page and Twitter page. The Skype/Facetime button will contact us thru our company’s number.
Our contact page consists of a top navigation bar as the header.
The content utilises a parallax scrolling technique with a high resolution background image. It starts with the logo we design on a bouncing animation, followed by a brief summary of company background. We are aware that too long texts unwelcomes attention. The names mentioned are mailto links that activates the default mail client on the computer for sending an e-mail to our email addresses.
We also provide our mailto link to our company email that includes BBC, cc and subject. There’s an order form for visitors to send their enquiries, order or comments that the submit button will link to a thankyou.html page. The thankyou.html page includes a parallax scrolling with a background image, a thank you note and a follow us footer.
All titles are used with bouncing and delay animation to create subtle but eye-catching effects between visitors and our web.
Below is an embedded Google map of the company’s location. Then it is the footer, where we provide company information, such as company operation hour, mailto link to company e-mail, contact number that connects FaceTime/Skype to company number, location address, and a hyperlinked GPS coordinate that links to the Google Maps. Followed by the social icons of Facebook, Twitter, Contact Number with fade in and delay animation. It ends with an all rights served and a mailto linked e-mail.
Our credit page is a simple page, which consists of a top navigation bar as the header, and a content page in the body, where we identify ourselves and acknowledge all the sources of material used.
The content utilises a parallax scrolling technique with a background image, to create the illusion of depth in a two-dimensional scene. Over the background image, it starts with the logo we design on a bouncing animation, followed by a table with our group name, member’s names and student ID.
We understand that using code from other people or web sources as our own is considered plagiarism. We then move on crediting all the sources we have used with hyperlinks that connect to their websites, categorised by pictures, video, logo and coding.
4. Website Map
Event + Package Page (Linked)
Offer Page
Our Team Page
Portfolio Page
Contact Page
Credits Page
5. Recommendations
Based on the SWOT analysis, there are some quirks that needed to improve on our webpage. There are a few improvement that we hope to apply in the future that are focused towards reducing the impact of the negative effects and capitalizing on our strengths and opportunities. Improvement is a good way for us to make our website more likeable and could be a tough competitor for other website. The improvements are:-
5.1 Responsive Design
In our work, we strongly believe a good responsive design is vital in creating a pleasant and interactive experience for user experience. Hence, we will always be updated with the contemporary responsive design to produce more vivid and more interactive design in order to guide visitors into the site, through the content, and towards the call to action.
5.2 Mobile Phone User Friendly
Secondly, we would like to apply is make our webpage more accessible in mobile phone. Our website is mainly focused for the access of user on laptop or desktop browsers. Although it could work in smart phones, yet it will require time to load and certain fonts are not in the correct order.
5.3 Social Media
Thirdly, we would like to add more social media network. Example of media we would like to add are Google Ads, Instagram, Pinterest and YouTube channel. This is because we are on an e-commerce industry and ultimately, a great web is about building relationships, fostering audiences, and sharing information. Thus, social media would improve a web to be more enjoyable, more interactive and more accessible other than just our main webpage.
5.4 RSS Feed
Fourth, we need add another function to our website is an RSS Feed button. RSS is a technology that is being used by millions of web users around the world to keep track of their favourite websites. With the availability of RSS Feed, it will make our visitor able to get update regarding our business. For example, an update about offers.
5.5 Live Chat for Customer Service
Lastly, we would also wish to create a live chat as it provides efficiency and immediacy of the experience. According to 2013 U.S. Wireless Customer Care Full-Service Performance Study, it is stated that the highest online satisfaction among customers were those who use the chat feature for faster and more convenient service. Being a web developer, we wish to increase ultimate efficiency, comfort and convenience for online user experience.
As years passed by, more customers shifting to online shopping. With that information in hand we conduct a website to make an easy access for visitors to book our services.
In the making of the website, we make sure to fit the requirement that our design is customer-oriented designing. To make more appeal to our website, we make sure that the design is fresh looking and informative content. Effective navigation and search feature is our core function to make an easy access for our visitor.
Interactive visual graphics with animations. When scrolling down the page, visitors could witness the beautifully illustrated and captivating story, which introduces the different appealing sides our website. (Idler, 2012)
We are able to respond very quickly as we have no red tape, and no need for higher management approval. (Mind Tools Editorial Team, 2015) We are able to give really good customer care, as the current small amount of work means we have plenty of time to devote to customers. We can change direction quickly if we find that our marketing is not working. We have low overheads, so we can offer good value to customers.
Internal assets [both tangible and intangible] that help to obtain our goals more easily — high ranking in major search engines for certain strategic keywords; high traffic from both new and repeated visitors; excellent content with a useful blog; very user-friendly with easy navigation, high security, easy shopping cart and payment methods; great web design with proper look and feel.
Lack of support for mobile as our website is leaning more toward laptop/desktop platform.
Responsive design for adaptivity on different screen resolutions is vital for this digital age as we have different size of platform. An adaptive experience would provide opportunities to be extremely portable and accessible for many mobile, desktop, and future web-enabled devices. This creates a convenience for visitors to access at anytime and anywhere. Henceforth, reducing opportunity lost for the potential visitors to viewing our web.
Outdated social media connections as we only have Facebook, Twitter and Skype/Facetime.
Our website environment not up to par when it comes to other devices than laptop/desktop such as IPad/tablet.
As an online developer, we are aware social media networks are undoubtedly a marketing powerhouse for online users. Based on Gigya’s data, the distribution of shared items on the search traffic, Facebook has taken 31% while Google was close behind with 30% and Yahoo at 25%.
Social Media is one of the newest word-of-mouth marketing. As compared to the traditional technique, social media requires the least cost, highest influence and shortest time, and biggest demographic. At the same time, it creates a better communication between social users to become closer to one another. This contributes a global and effective opportunity. (Sullivan, 2007)
Developments in technology may change this market beyond our ability to adapt.
A small change in the focus of a large competitor might wipe out any market position we achieve. Hence, our website should be keep up-to-date in order not to lose our royalty we obtain from our existing customer.
Unavailability on live customer chat with the crew members makes us slow in responding.
Arrival of new competitors could make us be an old news as new competitors will have the benefit of being something fresh and new. Aside that, customer may have new requirement that constantly changes and we have small staff, with a shallow skills base in many areas. As it says before we have small staff and as a human being we are vulnerable to vital staff being sick, and leaving. With this threat we can’t catch up with our customer’s needs.
There comes a time in our lives when we meet the right person, fall in love, get engaged and begin to plan a wedding. Most of the couples hired us, in order to avoid stress so that they can enjoy the most memorable day of their life. We designs the wedding according to the taste and sensibilities of the bride and groom. As soon as a couple decides to get married, they’re faced with heavy questions like the budget of the wedding, venue, themes, and people invited to the wedding.
Therefore, our website design stress on user experience and information availability. We wish to allow clients to easily find us and provide the best information and convenience in browsing our web.
In our webpage we provide prices for clients to refer and contact number for any enquiries. Based on the SWOT analysis and recommendation written, we believe that we could be better and improve the quality in order to be up-to-date aside from maintaining the existing quality we have. This is the time of your life when you should be revealing your love and not dodging and handling meetings and answering emails. A customer-driven website is where we come to reduce minimal stress from the unnecessary physical time and complications in this busy millennium age.
Apfelbaum, J., 2014. 5 Goals I’m Setting For My Business In 2014. [Online]
Available at: http://www.forbes.com/sites/entrepreneursorganization/2014/01/10/5-goals-im-setting-for-my-business-in-2014/
[Accessed 14th November 2015].
Fullestop, 2014. How to analyze your website through SWOT Analysis?. [Online]
Available at: https://www.fullestop.com/blog/analyze-website-swot-analysis/
[Accessed 14 November 2015].
Idler, S., 2012. 15 Reasons Why Parallax Scrolling In Web Design Is Awesome. [Online]
Available at: http://blog.usabilla.com/15-reasons-why-parallax-scrolling-in-web-design-is-awesome/
[Accessed 15 November 2015].
III, G. N. R., 2011. 10 Most Important Business Objectives. [Online]
Available at: http://smallbusiness.chron.com/10-important-business-objectives-23686.html
[Accessed 14th November 2015].
Mind Tools Editorial Team, 2015. SWOT (Strenghts, Weaknesses, Opportunities, Threats). [Online]
Available at: https://www.mindtools.com/pages/article/newTMC_05.htm
Mission, V. &. V., 2015. The Coca Cola Company. [Online]
Available at: http://www.coca-colacompany.com/our-company/mission-vision-values/
[Accessed 14th November 2015].
Porterfield, A., 2010. 5 New Studies Show Facebook a Marketing Powerhouse. [Online]
Available at: http://www.socialmediaexaminer.com/5-new-studies-show-facebook-a-marketing-powerhouse/
[Accessed 15 November 2015].
Rowse, D., 2013. What is RSS?. [Online]
Available at: http://www.problogger.net/what-is-rss/
[Accessed 15 November 2015].
Schiff, J. L., 2013. 13 Simple Tips for Improving Your Web Design. [Online]
Available at: http://www.cio.com/article/2385250/online-marketing/13-simple-tips-for-improving-your-web-design.html
[Accessed 15 November 2015]
Sullivan, M., 2007. SWOT Analysis For Websites. [Online]
Available at: http://visibleranking.com/swot-analysis-for-websites.php
[Accessed 14 November 2015].
adelynchen.wordpress.com 