Website Example: Fitness Application
Overview of a web design project
- Home
- /Web Design Projects
/Case Study
Website & Mobile Application
Brief
Background
Research
Analysis of Existing Website
The existing website brought in a steady stream of traffic through search engines but the app download rate was poor. We were able to identify key factors that were impacting this; branding, a lack of content and a website with a dated look. One of our tasks was transforming the visual identity of the company, making them look more credible and professional. During the research phase we looked at several other similar businesses and identified their strengths and weaknesses. We were able to use software and tools to see the following:
- How many visitors do they get
- Which keywords do they target in organic search
- What landing pages they use to attract users
- What keywords do they use in paid advertising (indicates good conversion rates)
- What are their popular pages
- How many back-links do they have
- Are there any critical back-links that help their SEO
Identifying Problems
Competition Comparison
Identifying Focus Keywords
Comparing Against the Competition
Data Used for Designs
Design Phase 1
Initial Concepts
Some projects can take a while to formalise a design direction, this project was relatively quick. This was mainly due to spending time early on with the client creating a mood board and having a well written brief.The client requested to explore both light and dark options.
We use online software called Figma to create and share concepts. This enables us to quick get feedback and share ideas with you without wasting time where it’s not needed.
Initial Design Concept One
Design Two
Design Four
Full Page Design One
Design Two
Design Phase 2
Design Heading
The homepage is a good starting point for all website design. Once a direction for this has been established it just a case of implementing the same look and feel across the internal pages. In addition to the homepage we will also design a set of components that can be used across the site, for example, header, footer, form fields, buttons, call-to-actions etc. All internal pages are built from these components but can be adapted for all other pages.
Homepage
About Page
Blog Page
Contact Page
App Design
Mobile Application Design
Once the website was finalised we moved onto designing the app. The same look and feel was to be carried across in all the design work. We created visual for all key pages using a components library to maintain consistency.
Colour Matching
App Design Concepts
UI Components
App Page Design
Marketing
Digital Marketing Design
Although our design specialism is in website deign we take on digital advertising as well. In the examples below created some marketing products that were tied into the new website image.
Advertising Design One
Advertising Design Two
SEO
SEO Maintenance
If a website is redesign it’s important to submit the new sitemap to search engines. Any pages that have changed names/URLs must be carefully redirected. New pages must be created to compliment the change. This will ensure any SEO credit that has built up will be retained. Once a site has been switched it’s important to monitor and track the results. This will help you to see what is working and what needs adjusting. We will setup tools like Google Analytics to track your website’s traffic and see how it is ranking for your target keywords.
Submitting Pages
Monitoring
Performance
Loading Speed
Page speed is important for user experience because it affects the overall impact of our website. A slow-loading website can lead to a number of negative experiences for users, including increasing bounce rate (how quickly a user click off a site) – an ranking performance measurement, frustration, and annoying users. These are all negative factors when setting up an online business.
Google Page Insight
94/100GT Metrix
97/100Make An Enquiry
Get in Touch
Want to discuss your next project? Get in contact to arrange a call or meeting.
View More Projects
All Projects
Want to find out more about our processes and the way we work? View more project case studies.